This commit is contained in:
ryan
2026-07-13 15:17:45 +08:00
parent 08e61ce833
commit e0eb4e5975
334 changed files with 17212 additions and 12321 deletions
+11 -11
View File
@@ -5,9 +5,9 @@ import { motion, type Variants } from 'motion/react';
import {
getVariants,
useAnimateIconContext,
IconWrapper,
type IconProps,
IconWrapper,
useAnimateIconContext,
} from '@/components/animate-ui/icons/icon';
type CheckProps = IconProps<keyof typeof animations>;
@@ -39,23 +39,23 @@ function IconComponent({ size, ...props }: CheckProps) {
return (
<motion.svg
xmlns="http://www.w3.org/2000/svg"
xmlns='http://www.w3.org/2000/svg'
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
initial="initial"
strokeLinecap='round'
strokeLinejoin='round'
initial='initial'
animate={controls}
{...props}
>
<motion.path
d="m4 12 5 5L20 6"
d='m4 12 5 5L20 6'
variants={variants.path}
initial="initial"
initial='initial'
animate={controls}
/>
</motion.svg>
@@ -5,9 +5,9 @@ import { motion, type Variants } from 'motion/react';
import {
getVariants,
useAnimateIconContext,
IconWrapper,
type IconProps,
IconWrapper,
useAnimateIconContext,
} from '@/components/animate-ui/icons/icon';
type ChevronDownProps = IconProps<keyof typeof animations>;
@@ -44,21 +44,21 @@ function IconComponent({ size, ...props }: ChevronDownProps) {
return (
<motion.svg
xmlns="http://www.w3.org/2000/svg"
xmlns='http://www.w3.org/2000/svg'
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
strokeLinecap='round'
strokeLinejoin='round'
{...props}
>
<motion.path
d="m6 9 6 6 6-6"
d='m6 9 6 6 6-6'
variants={variants.path}
initial="initial"
initial='initial'
animate={controls}
/>
</motion.svg>
@@ -5,9 +5,9 @@ import { motion, type Variants } from 'motion/react';
import {
getVariants,
useAnimateIconContext,
IconWrapper,
type IconProps,
IconWrapper,
useAnimateIconContext,
} from '@/components/animate-ui/icons/icon';
type ChevronLeftProps = IconProps<keyof typeof animations>;
@@ -44,21 +44,21 @@ function IconComponent({ size, ...props }: ChevronLeftProps) {
return (
<motion.svg
xmlns="http://www.w3.org/2000/svg"
xmlns='http://www.w3.org/2000/svg'
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
strokeLinecap='round'
strokeLinejoin='round'
{...props}
>
<motion.path
d="m15 18-6-6 6-6"
d='m15 18-6-6 6-6'
variants={variants.path}
initial="initial"
initial='initial'
animate={controls}
/>
</motion.svg>
@@ -5,9 +5,9 @@ import { motion, type Variants } from 'motion/react';
import {
getVariants,
useAnimateIconContext,
IconWrapper,
type IconProps,
IconWrapper,
useAnimateIconContext,
} from '@/components/animate-ui/icons/icon';
type ChevronRightProps = IconProps<keyof typeof animations>;
@@ -44,21 +44,21 @@ function IconComponent({ size, ...props }: ChevronRightProps) {
return (
<motion.svg
xmlns="http://www.w3.org/2000/svg"
xmlns='http://www.w3.org/2000/svg'
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
strokeLinecap='round'
strokeLinejoin='round'
{...props}
>
<motion.path
d="m9 18 6-6-6-6"
d='m9 18 6-6-6-6'
variants={variants.path}
initial="initial"
initial='initial'
animate={controls}
/>
</motion.svg>
@@ -5,9 +5,9 @@ import { motion, type Variants } from 'motion/react';
import {
getVariants,
useAnimateIconContext,
IconWrapper,
type IconProps,
IconWrapper,
useAnimateIconContext,
} from '@/components/animate-ui/icons/icon';
type CircleCheckProps = IconProps<keyof typeof animations>;
@@ -40,29 +40,29 @@ function IconComponent({ size, ...props }: CircleCheckProps) {
return (
<motion.svg
xmlns="http://www.w3.org/2000/svg"
xmlns='http://www.w3.org/2000/svg'
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
strokeLinecap='round'
strokeLinejoin='round'
{...props}
>
<motion.circle
cx="12"
cy="12"
r="10"
cx='12'
cy='12'
r='10'
variants={variants.circle}
initial="initial"
initial='initial'
animate={controls}
/>
<motion.path
d="m9 12 2 2 4-4"
d='m9 12 2 2 4-4'
variants={variants.path}
initial="initial"
initial='initial'
animate={controls}
/>
</motion.svg>
+10 -7
View File
@@ -2,18 +2,21 @@
import * as React from 'react';
import {
motion,
useAnimation,
type SVGMotionProps,
type UseInViewOptions,
type LegacyAnimationControls,
type Variants,
type HTMLMotionProps,
type LegacyAnimationControls,
motion,
type SVGMotionProps,
useAnimation,
type UseInViewOptions,
type Variants,
} from 'motion/react';
import { cn } from '@/lib/utils';
import { useIsInView } from '@/hooks/use-is-in-view';
import { Slot, type WithAsChild } from '@/components/animate-ui/primitives/animate/slot';
import {
Slot,
type WithAsChild,
} from '@/components/animate-ui/primitives/animate/slot';
const staticAnimations = {
path: {
+13 -13
View File
@@ -5,9 +5,9 @@ import { motion, type Variants } from 'motion/react';
import {
getVariants,
useAnimateIconContext,
IconWrapper,
type IconProps,
IconWrapper,
useAnimateIconContext,
} from '@/components/animate-ui/icons/icon';
type SendProps = IconProps<keyof typeof animations>;
@@ -50,28 +50,28 @@ function IconComponent({ size, ...props }: SendProps) {
return (
<motion.svg
xmlns="http://www.w3.org/2000/svg"
xmlns='http://www.w3.org/2000/svg'
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
strokeLinecap='round'
strokeLinejoin='round'
{...props}
>
<motion.g variants={variants.group} initial="initial" animate={controls}>
<motion.g variants={variants.group} initial='initial' animate={controls}>
<motion.path
d="M14.5,21.7c.1.3.4.4.7.3.1,0,.2-.2.3-.3L22,2.7c0-.3,0-.5-.3-.6-.1,0-.2,0-.3,0L2.3,8.5c-.3,0-.4.4-.3.6,0,.1.2.2.3.3l7.9,3.2c.5.2.9.6,1.1,1.1l3.2,7.9Z"
d='M14.5,21.7c.1.3.4.4.7.3.1,0,.2-.2.3-.3L22,2.7c0-.3,0-.5-.3-.6-.1,0-.2,0-.3,0L2.3,8.5c-.3,0-.4.4-.3.6,0,.1.2.2.3.3l7.9,3.2c.5.2.9.6,1.1,1.1l3.2,7.9Z'
variants={variants.path1}
initial="initial"
initial='initial'
animate={controls}
/>
<motion.path
d="M21.9,2.1l-10.9,10.9"
d='M21.9,2.1l-10.9,10.9'
variants={variants.path2}
initial="initial"
initial='initial'
animate={controls}
/>
</motion.g>