@zentauri-ui/zentauri-components 1.2.1 → 1.3.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/skeleton/animated/animations.ts","../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":["jsx","SkeletonBase","motion","useSkeletonAnimation","SkeletonTextBase","SkeletonAvatarBase","cn","jsxs","SkeletonButtonBase"],"mappings":"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","file":"animated.js","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/animated.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { SkeletonBase, useSkeletonAnimation, SkeletonTextBase, SkeletonAvatarBase, SkeletonButtonBase } from '../../chunk-2P3UU2J3.mjs';
+import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { motion } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/ui/skeleton/animated/animations.ts
+var skeletonAnimationPresets = {
+  none: {},
+  shimmer: {
+    initial: { backgroundPosition: "100% 0%" },
+    animate: { backgroundPosition: ["100% 0%", "0% 0%"] },
+    transition: { repeat: Infinity, duration: 1.35, ease: "linear" }
+  },
+  pulse: {
+    initial: { opacity: 1 },
+    animate: { opacity: [1, 0.5, 1] },
+    transition: { repeat: Infinity, duration: 1.35, ease: "easeInOut" }
+  }
+};
+function SkeletonAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const motionProps = skeletonAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(SkeletonBase, { ...props, as: motion.div, initial: false, ...motionProps });
+}
+SkeletonAnimated.displayName = "Skeleton";
+function SkeletonTextAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const effectiveAnimation = useSkeletonAnimation(animation);
+  const motionProps = skeletonAnimationPresets[effectiveAnimation];
+  return /* @__PURE__ */ jsx(SkeletonTextBase, { ...props, as: motion.div, initial: false, ...motionProps });
+}
+SkeletonTextAnimated.displayName = "SkeletonText";
+function SkeletonAvatarAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const effectiveAnimation = useSkeletonAnimation(animation);
+  const motionProps = skeletonAnimationPresets[effectiveAnimation];
+  return /* @__PURE__ */ jsx(SkeletonAvatarBase, { ...props, as: motion.div, initial: false, ...motionProps });
+}
+SkeletonAvatarAnimated.displayName = "SkeletonAvatar";
+function SkeletonCardAnimated(props) {
+  const {
+    className,
+    busy,
+    animation = "shimmer",
+    shimmerTone,
+    appearance,
+    size,
+    rounded,
+    ref
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "skeleton-card",
+      className: cn("w-full max-w-sm", className),
+      "aria-busy": busy ? true : void 0,
+      children: /* @__PURE__ */ jsxs(
+        SkeletonAnimated,
+        {
+          rounded: "lg",
+          animation,
+          shimmerTone,
+          appearance,
+          size,
+          busy,
+          className: "flex flex-col gap-4 p-4",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                SkeletonAvatarAnimated,
+                {
+                  appearance,
+                  size,
+                  animation,
+                  shimmerTone,
+                  rounded
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-2", children: /* @__PURE__ */ jsx(
+                SkeletonTextAnimated,
+                {
+                  lines: 2,
+                  appearance,
+                  size,
+                  animation,
+                  shimmerTone
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              SkeletonTextAnimated,
+              {
+                lines: 4,
+                appearance,
+                size,
+                animation,
+                shimmerTone
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+SkeletonCardAnimated.displayName = "SkeletonCard";
+function SkeletonButtonAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const effectiveAnimation = useSkeletonAnimation(animation);
+  const motionProps = skeletonAnimationPresets[effectiveAnimation];
+  return /* @__PURE__ */ jsx(SkeletonButtonBase, { ...props, as: motion.div, initial: false, ...motionProps });
+}
+SkeletonButtonAnimated.displayName = "SkeletonButton";
+
+export { SkeletonAnimated, SkeletonAvatarAnimated, SkeletonButtonAnimated, SkeletonCardAnimated, SkeletonTextAnimated, skeletonAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

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":"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","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/index.d.ts

@@ -0,0 +1,5 @@
+export { Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, } from "./skeleton";
+export type { SkeletonAnimation, SkeletonAvatarProps, SkeletonButtonProps, SkeletonCardProps, SkeletonProps, SkeletonTextProps, SkeletonVariantProps, } from "./types";
+export { skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants, } from "./variants";
+export type { SkeletonShimmerTone } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/skeleton/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,8BAA8B,EAC9B,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/ui/skeleton/skeleton-base.d.ts

@@ -0,0 +1,24 @@
+import type { SkeletonAnimation, SkeletonAvatarProps, SkeletonButtonProps, SkeletonCardProps, SkeletonProps, SkeletonTextProps } from "./types";
+export declare const SkeletonAnimationContext: import("react").Context<SkeletonAnimation | undefined>;
+export declare function useSkeletonAnimation(fallback: SkeletonAnimation): SkeletonAnimation;
+export declare function SkeletonBase(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonBase {
+    var displayName: string;
+}
+export declare function SkeletonTextBase(props: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonTextBase {
+    var displayName: string;
+}
+export declare function SkeletonAvatarBase(props: SkeletonAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonAvatarBase {
+    var displayName: string;
+}
+export declare function SkeletonCardBase(props: SkeletonCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonCardBase {
+    var displayName: string;
+}
+export declare function SkeletonButtonBase(props: SkeletonButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonButtonBase {
+    var displayName: string;
+}
+//# sourceMappingURL=skeleton-base.d.ts.map

package/dist/ui/skeleton/skeleton-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-base.d.ts","sourceRoot":"","sources":["../../../src/ui/skeleton/skeleton-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,wBAAwB,wDAEzB,CAAC;AAEb,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,iBAAiB,GAC1B,iBAAiB,CAGnB;AASD,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,2CAwChD;yBAxCe,YAAY;;;AA4C5B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,2CA2CxD;yBA3Ce,gBAAgB;;;AA2DhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,2CAsC5D;yBAtCe,kBAAkB;;;AA0ClC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,2CAwDxD;yBAxDe,gBAAgB;;;AAqEhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,2CAqC5D;yBArCe,kBAAkB"}

package/dist/ui/skeleton/skeleton.d.ts

@@ -0,0 +1,2 @@
+export { SkeletonBase as Skeleton, SkeletonTextBase as SkeletonText, SkeletonAvatarBase as SkeletonAvatar, SkeletonCardBase as SkeletonCard, SkeletonButtonBase as SkeletonButton, } from "./skeleton-base";
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/ui/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,IAAI,QAAQ,EACxB,gBAAgB,IAAI,YAAY,EAChC,kBAAkB,IAAI,cAAc,EACpC,gBAAgB,IAAI,YAAY,EAChC,kBAAkB,IAAI,cAAc,GACrC,MAAM,iBAAiB,CAAC"}

package/dist/ui/skeleton/types.d.ts

@@ -0,0 +1,23 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { skeletonVariants } from "./variants";
+export type SkeletonAnimation = "none" | "shimmer" | "pulse";
+export type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
+export type SkeletonProps = SkeletonVariantProps & (Omit<ComponentPropsWithRef<ElementType>, "children"> & {
+    animation?: SkeletonAnimation;
+    children?: ReactNode;
+    /** When true, parent regions can expose busy state to assistive tech. */
+    busy?: boolean;
+});
+export type SkeletonTextProps = SkeletonProps & {
+    lines?: number;
+};
+export type SkeletonAvatarProps = SkeletonProps & {
+    /** Mirrors Avatar sizes for layout parity. */
+    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+};
+export type SkeletonCardProps = SkeletonProps;
+export type SkeletonButtonProps = SkeletonProps & {
+    buttonSize?: "sm" | "md" | "lg";
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/skeleton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7D,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAC9C,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC,CAAC;AAEL,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,8CAA8C;IAC9C,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC,CAAC"}

package/dist/ui/{skeleton.d.mts → skeleton/variants.d.ts}

@@ -1,10 +1,4 @@
-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';
-
-declare const skeletonShimmerGradientClasses: {
+export 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))]";
@@ -30,61 +24,15 @@ declare const skeletonShimmerGradientClasses: {
     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;
+export type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
+export declare const skeletonVariants: (props?: ({
+    appearance?: "default" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "muted" | "subtle" | 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?: ({
+    shimmerTone?: "default" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "muted" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export 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 {
-    var displayName: string;
-}
-declare function SkeletonText(props: SkeletonTextProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonText {
-    var displayName: string;
-}
-declare function SkeletonAvatar(props: SkeletonAvatarProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonAvatar {
-    var displayName: string;
-}
-declare function SkeletonCard(props: SkeletonCardProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonCard {
-    var displayName: string;
-}
-declare function SkeletonButton(props: SkeletonButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace SkeletonButton {
-    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 };
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/skeleton/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/skeleton/variants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;CAyBjC,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,8BAA8B,CAAC;AAE9E,eAAO,MAAM,gBAAgB;;;;;;8EAgN5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EASnC,CAAC"}