@zentauri-ui/zentauri-components 1.2.1 → 1.3.0

package/dist/ui/skeleton/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/skeleton/animated/animations.ts","../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,wBAAA,GAAqD;AAAA,EAChE,MAAM,EAAC;AAAA,EACP,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,EAAE,kBAAA,EAAoB,SAAA,EAAU;AAAA,IACzC,SAAS,EAAE,kBAAA,EAAoB,CAAC,SAAA,EAAW,OAAO,CAAA,EAAE;AAAA,IACpD,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,IAAA,EAAM,MAAM,QAAA;AAAS,GACjE;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,SAAS,EAAE,OAAA,EAAS,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA;AAAY;AAEtE;ACQO,SAAS,iBAAiB,KAAA,EAA8B;AAC7D,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,WAAA,GAAc,yBAAyB,SAAS,CAAA;AACtD,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,EAAA,EAAI,OAAO,GAAA,EAAK,OAAA,EAAS,KAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AAE9E;AAEA,gBAAA,CAAiB,WAAA,GAAc,UAAA;AAExB,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,kBAAA,GAAqB,qBAAqB,SAAS,CAAA;AACzD,EAAA,MAAM,WAAA,GAAc,yBAAyB,kBAAkB,CAAA;AAE/D,EAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,EAAA,EAAI,OAAO,GAAA,EAAK,OAAA,EAAS,KAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AACvF;AAEA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAE5B,SAAS,uBAAuB,KAAA,EAAoC;AACzE,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,kBAAA,GAAqB,qBAAqB,SAAS,CAAA;AACzD,EAAA,MAAM,WAAA,GAAc,yBAAyB,kBAAkB,CAAA;AAC/D,EAAA,uBAAO,GAAA,CAAC,kBAAA,EAAA,EAAoB,GAAG,KAAA,EAAO,EAAA,EAAI,OAAO,GAAA,EAAK,OAAA,EAAS,KAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AACzF;AAEA,sBAAA,CAAuB,WAAA,GAAc,gBAAA;AAE9B,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA,GAAY,SAAA;AAAA,IACZ,WAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,MAC1C,WAAA,EAAW,OAAO,IAAA,GAAO,MAAA;AAAA,MAEzB,QAAA,kBAAA,IAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,IAAA;AAAA,UACR,SAAA;AAAA,UACA,WAAA;AAAA,UACA,UAAA;AAAA,UACA,IAAA;AAAA,UACA,IAAA;AAAA,UACA,SAAA,EAAU,yBAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,sBAAA;AAAA,gBAAA;AAAA,kBACC,UAAA;AAAA,kBACA,IAAA;AAAA,kBACA,SAAA;AAAA,kBACA,WAAA;AAAA,kBACA;AAAA;AAAA,eACF;AAAA,8BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,kBAAA,GAAA;AAAA,gBAAC,oBAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,CAAA;AAAA,kBACP,UAAA;AAAA,kBACA,IAAA;AAAA,kBACA,SAAA;AAAA,kBACA;AAAA;AAAA,eACF,EACF;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,oBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,CAAA;AAAA,gBACP,UAAA;AAAA,gBACA,IAAA;AAAA,gBACA,SAAA;AAAA,gBACA;AAAA;AAAA;AACF;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AAEA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAE5B,SAAS,uBAAuB,KAAA,EAAoC;AACzE,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,kBAAA,GAAqB,qBAAqB,SAAS,CAAA;AACzD,EAAA,MAAM,WAAA,GAAc,yBAAyB,kBAAkB,CAAA;AAC/D,EAAA,uBAAO,GAAA,CAAC,kBAAA,EAAA,EAAoB,GAAG,KAAA,EAAO,EAAA,EAAI,OAAO,GAAA,EAAK,OAAA,EAAS,KAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AACzF;AAEA,sBAAA,CAAuB,WAAA,GAAc,gBAAA","file":"animated.mjs","sourcesContent":["import type { SkeletonAnimationPresets } from \"./types\";\n\nexport const skeletonAnimationPresets: SkeletonAnimationPresets = {\n  none: {},\n  shimmer: {\n    initial: { backgroundPosition: \"100% 0%\" },\n    animate: { backgroundPosition: [\"100% 0%\", \"0% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.35, ease: \"linear\" },\n  },\n  pulse: {\n    initial: { opacity: 1 },\n    animate: { opacity: [1, 0.5, 1] },\n    transition: { repeat: Infinity, duration: 1.35, ease: \"easeInOut\" },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { skeletonAnimationPresets } from \"./animations\";\nimport type {\n  SkeletonAnimatedProps,\n  SkeletonAvatarAnimatedProps,\n  SkeletonButtonAnimatedProps,\n  SkeletonCardAnimatedProps,\n  SkeletonTextAnimatedProps,\n} from \"./types\";\nimport {\n  SkeletonAvatarBase,\n  SkeletonBase,\n  SkeletonButtonBase,\n  SkeletonTextBase,\n  useSkeletonAnimation,\n} from \"../skeleton-base\";\n\nexport function SkeletonAnimated(props: SkeletonAnimatedProps) {\n  const { animation = \"shimmer\" } = props;\n  const motionProps = skeletonAnimationPresets[animation];\n  return (\n    <SkeletonBase {...props} as={motion.div} initial={false} {...motionProps} />\n  );\n}\n\nSkeletonAnimated.displayName = \"Skeleton\";\n\nexport function SkeletonTextAnimated(props: SkeletonTextAnimatedProps) {\n  const { animation = \"shimmer\" } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionProps = skeletonAnimationPresets[effectiveAnimation];\n\n  return <SkeletonTextBase {...props} as={motion.div} initial={false} {...motionProps} />;\n}\n\nSkeletonTextAnimated.displayName = \"SkeletonText\";\n\nexport function SkeletonAvatarAnimated(props: SkeletonAvatarAnimatedProps) {\n  const { animation = \"shimmer\" } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionProps = skeletonAnimationPresets[effectiveAnimation];\n  return <SkeletonAvatarBase {...props} as={motion.div} initial={false} {...motionProps} />;\n}\n\nSkeletonAvatarAnimated.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardAnimated(props: SkeletonCardAnimatedProps) {\n  const {\n    className,\n    busy,\n    animation = \"shimmer\",\n    shimmerTone,\n    appearance,\n    size,\n    rounded,\n    ref,\n  } = props;\n\n  return (\n    <div\n      ref={ref as never}\n      data-slot=\"skeleton-card\"\n      className={cn(\"w-full max-w-sm\", className)}\n      aria-busy={busy ? true : undefined}\n    >\n      <SkeletonAnimated\n        rounded=\"lg\"\n        animation={animation}\n        shimmerTone={shimmerTone}\n        appearance={appearance}\n        size={size}\n        busy={busy}\n        className=\"flex flex-col gap-4 p-4\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <SkeletonAvatarAnimated\n            appearance={appearance}\n            size={size}\n            animation={animation}\n            shimmerTone={shimmerTone}\n            rounded={rounded}\n          />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <SkeletonTextAnimated\n              lines={2}\n              appearance={appearance}\n              size={size}\n              animation={animation}\n              shimmerTone={shimmerTone}\n            />\n          </div>\n        </div>\n        <SkeletonTextAnimated\n          lines={4}\n          appearance={appearance}\n          size={size}\n          animation={animation}\n          shimmerTone={shimmerTone}\n        />\n      </SkeletonAnimated>\n    </div>\n  );\n}\n\nSkeletonCardAnimated.displayName = \"SkeletonCard\";\n\nexport function SkeletonButtonAnimated(props: SkeletonButtonAnimatedProps) {\n  const { animation = \"shimmer\" } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionProps = skeletonAnimationPresets[effectiveAnimation];\n  return <SkeletonButtonBase {...props} as={motion.div} initial={false} {...motionProps} />;\n}\n\nSkeletonButtonAnimated.displayName = \"SkeletonButton\";"]}

package/dist/ui/skeleton.d.mts

@@ -1,90 +1,29 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-import { HTMLMotionProps } from 'framer-motion';
-import { ReactNode } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import { S as SkeletonProps, a as SkeletonAvatarProps, b as SkeletonButtonProps, c as SkeletonCardProps, d as SkeletonTextProps } from '../types-CK_vNRIb.mjs';
+export { e as SkeletonAnimation, f as SkeletonShimmerTone, g as SkeletonVariantProps, s as skeletonShimmerGradientClasses, h as skeletonTextLineVariants, i as skeletonVariants } from '../types-CK_vNRIb.mjs';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
 
-declare const skeletonShimmerGradientClasses: {
-    readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
-    readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
-    readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
-    readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
-    readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
-    readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
-    readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
-    readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
-    readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
-    readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
-    readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
-    readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
-    readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
-    readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
-    readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
-    readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
-    readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
-    readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
-    readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
-    readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
-    readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
-    readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
-    readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
-    readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
-};
-type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
-declare const skeletonVariants: (props?: ({
-    appearance?: "default" | "subtle" | "muted" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
-    animation?: "none" | "shimmer" | "pulse" | null | undefined;
-    shimmerTone?: "default" | "subtle" | "muted" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const skeletonTextLineVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type SkeletonAnimation = "none" | "shimmer" | "pulse";
-type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
-type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
-    animation?: SkeletonAnimation;
-    children?: ReactNode;
-    /** When true, parent regions can expose busy state to assistive tech. */
-    busy?: boolean;
-};
-type SkeletonTextProps = SkeletonProps & {
-    lines?: number;
-};
-type SkeletonAvatarProps = SkeletonProps & {
-    /** Mirrors Avatar sizes for layout parity. */
-    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-};
-type SkeletonCardProps = SkeletonProps;
-type SkeletonButtonProps = SkeletonProps & {
-    buttonSize?: "sm" | "md" | "lg";
-};
-
-declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare namespace Skeleton {
+declare function SkeletonBase(props: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonBase {
     var displayName: string;
 }
-declare function SkeletonText(props: SkeletonTextProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonText {
+declare function SkeletonTextBase(props: SkeletonTextProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonTextBase {
     var displayName: string;
 }
-declare function SkeletonAvatar(props: SkeletonAvatarProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonAvatar {
+declare function SkeletonAvatarBase(props: SkeletonAvatarProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonAvatarBase {
     var displayName: string;
 }
-declare function SkeletonCard(props: SkeletonCardProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonCard {
+declare function SkeletonCardBase(props: SkeletonCardProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonCardBase {
     var displayName: string;
 }
-declare function SkeletonButton(props: SkeletonButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonButton {
+declare function SkeletonButtonBase(props: SkeletonButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonButtonBase {
     var displayName: string;
 }
 
-type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
-type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
-declare const skeletonAnimationPresets: SkeletonAnimationPresets;
-
-export { Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, type SkeletonProps, type SkeletonShimmerTone, SkeletonText, type SkeletonTextProps, skeletonAnimationPresets, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants };
+export { SkeletonBase as Skeleton, SkeletonAvatarBase as SkeletonAvatar, SkeletonAvatarProps, SkeletonButtonBase as SkeletonButton, SkeletonButtonProps, SkeletonCardBase as SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonTextBase as SkeletonText, SkeletonTextProps };

package/dist/ui/skeleton.d.ts

@@ -1,90 +1,29 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-import { HTMLMotionProps } from 'framer-motion';
-import { ReactNode } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import { S as SkeletonProps, a as SkeletonAvatarProps, b as SkeletonButtonProps, c as SkeletonCardProps, d as SkeletonTextProps } from '../types-CK_vNRIb.js';
+export { e as SkeletonAnimation, f as SkeletonShimmerTone, g as SkeletonVariantProps, s as skeletonShimmerGradientClasses, h as skeletonTextLineVariants, i as skeletonVariants } from '../types-CK_vNRIb.js';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
 
-declare const skeletonShimmerGradientClasses: {
-    readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
-    readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
-    readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
-    readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
-    readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
-    readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
-    readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
-    readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
-    readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
-    readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
-    readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
-    readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
-    readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
-    readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
-    readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
-    readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
-    readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
-    readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
-    readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
-    readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
-    readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
-    readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
-    readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
-    readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
-};
-type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
-declare const skeletonVariants: (props?: ({
-    appearance?: "default" | "subtle" | "muted" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
-    animation?: "none" | "shimmer" | "pulse" | null | undefined;
-    shimmerTone?: "default" | "subtle" | "muted" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const skeletonTextLineVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type SkeletonAnimation = "none" | "shimmer" | "pulse";
-type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
-type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
-    animation?: SkeletonAnimation;
-    children?: ReactNode;
-    /** When true, parent regions can expose busy state to assistive tech. */
-    busy?: boolean;
-};
-type SkeletonTextProps = SkeletonProps & {
-    lines?: number;
-};
-type SkeletonAvatarProps = SkeletonProps & {
-    /** Mirrors Avatar sizes for layout parity. */
-    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-};
-type SkeletonCardProps = SkeletonProps;
-type SkeletonButtonProps = SkeletonProps & {
-    buttonSize?: "sm" | "md" | "lg";
-};
-
-declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare namespace Skeleton {
+declare function SkeletonBase(props: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonBase {
     var displayName: string;
 }
-declare function SkeletonText(props: SkeletonTextProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonText {
+declare function SkeletonTextBase(props: SkeletonTextProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonTextBase {
     var displayName: string;
 }
-declare function SkeletonAvatar(props: SkeletonAvatarProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonAvatar {
+declare function SkeletonAvatarBase(props: SkeletonAvatarProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonAvatarBase {
     var displayName: string;
 }
-declare function SkeletonCard(props: SkeletonCardProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonCard {
+declare function SkeletonCardBase(props: SkeletonCardProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonCardBase {
     var displayName: string;
 }
-declare function SkeletonButton(props: SkeletonButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonButton {
+declare function SkeletonButtonBase(props: SkeletonButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace SkeletonButtonBase {
     var displayName: string;
 }
 
-type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
-type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
-declare const skeletonAnimationPresets: SkeletonAnimationPresets;
-
-export { Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, type SkeletonProps, type SkeletonShimmerTone, SkeletonText, type SkeletonTextProps, skeletonAnimationPresets, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants };
+export { SkeletonBase as Skeleton, SkeletonAvatarBase as SkeletonAvatar, SkeletonAvatarProps, SkeletonButtonBase as SkeletonButton, SkeletonButtonProps, SkeletonCardBase as SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonTextBase as SkeletonText, SkeletonTextProps };