@zentauri-ui/zentauri-components 1.2.1 → 1.3.1

package/dist/ui/progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/progress/animations.ts","../../src/ui/progress/variants.ts","../../src/ui/progress/progress.tsx"],"names":["cva","createContext","useContext","clamp","useMemo","jsx","motion","cn","Fragment"],"mappings":"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","file":"progress.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { ProgressAnimation } from \"./types\";\n\ntype ProgressPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"transition\" | \"animate\"\n>;\n\nexport type ProgressAnimationPresets = Record<\n  ProgressAnimation,\n  ProgressPresetMotionProps\n>;\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const progressVariants = cva(\"w-full text-slate-50\", {\n  variants: {\n    appearance: {\n      default: \"[--progress-fill:theme(colors.slate.50)]\",\n      secondary: \"[--progress-fill:theme(colors.slate.300)]\",\n      destructive: \"[--progress-fill:theme(colors.rose.400)]\",\n      emerald: \"[--progress-fill:theme(colors.emerald.400)]\",\n      indigo: \"[--progress-fill:theme(colors.indigo.400)]\",\n      purple: \"[--progress-fill:theme(colors.purple.400)]\",\n      pink: \"[--progress-fill:theme(colors.pink.400)]\",\n      rose: \"[--progress-fill:theme(colors.rose.400)]\",\n      sky: \"[--progress-fill:theme(colors.sky.400)]\",\n      teal: \"[--progress-fill:theme(colors.teal.400)]\",\n      yellow: \"[--progress-fill:theme(colors.yellow.400)]\",\n      orange: \"[--progress-fill:theme(colors.orange.400)]\",\n      outline: \"[--progress-fill:theme(colors.cyan.300)]\",\n      ghost: \"[--progress-fill:theme(colors.slate.200)]\",\n      glass: \"[--progress-fill:theme(colors.white)]\",\n      \"gradient-blue\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]\",\n      \"gradient-green\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]\",\n      \"gradient-red\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]\",\n      \"gradient-yellow\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]\",\n      \"gradient-purple\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]\",\n      \"gradient-teal\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]\",\n      \"gradient-indigo\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]\",\n      \"gradient-pink\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]\",\n      \"gradient-orange\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]\",\n    },\n    size: {\n      xs: \"text-[0.65rem]\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n    striped: {\n      true: \"\",\n      false: \"\",\n    },\n    animated: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(\n  \"relative w-full overflow-hidden bg-white/10\",\n  {\n    variants: {\n      size: {\n        xs: \"h-1\",\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-3\",\n        xl: \"h-4\",\n      },\n      shape: {\n        flat: \"rounded-none\",\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"rounded\",\n    },\n  },\n);\n\nexport const progressBarVariants = cva(\n  \"h-full w-full origin-left rounded-[inherit]\",\n  {\n    variants: {\n      striped: {\n        true: \"bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]\",\n        false: \"[background:var(--progress-fill)]\",\n      },\n    },\n    defaultVariants: { striped: false },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\n\nconst ProgressContext = createContext<ProgressCtx | null>(null);\n\nfunction useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\n\nexport function Progress(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    animation = \"none\",\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = progressAnimationPresets[animation];\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n    }),\n    [animated, appearance, clamped, max, min, shape, size, striped],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-label={label}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  return (\n    <div\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}
+{"version":3,"sources":["../../src/ui/progress/progress.tsx"],"names":["jsx","ProgressBase"],"mappings":";;;;;;AAGO,IAAM,QAAA,GAAW,CAAC,KAAA,KAAyB;AAChD,EAAA,uBACEA,cAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"progress.js","sourcesContent":["import { ProgressBase } from \"./progress-base\";\nimport type { ProgressProps } from \"./types\";\n\nexport const Progress = (props: ProgressProps) => {\n  return (\n    <ProgressBase\n      {...props}\n    />\n  );\n};\n\nProgress.displayName = \"Progress\";"]}

package/dist/ui/progress.mjs

@@ -1,231 +1,19 @@
 "use client";
-import { clamp, cn } from '../chunk-DFEZH7TC.mjs';
-import { createContext, useMemo, useContext } from 'react';
-import { motion } from 'framer-motion';
-import { cva } from 'class-variance-authority';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { ProgressBase } from '../chunk-RDSPHBHK.mjs';
+export { ProgressBar, ProgressBase, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants } from '../chunk-RDSPHBHK.mjs';
+import '../chunk-DFEZH7TC.mjs';
+import { jsx } from 'react/jsx-runtime';
 
-// src/ui/progress/animations.ts
-var progressAnimationPresets = {
-  none: {},
-  shimmer: {
-    animate: { backgroundPosition: ["0% 0%", "100% 0%"] },
-    transition: { repeat: Infinity, duration: 1.2, ease: "linear" }
-  }
-};
-var progressVariants = cva("w-full text-slate-50", {
-  variants: {
-    appearance: {
-      default: "[--progress-fill:theme(colors.slate.50)]",
-      secondary: "[--progress-fill:theme(colors.slate.300)]",
-      destructive: "[--progress-fill:theme(colors.rose.400)]",
-      emerald: "[--progress-fill:theme(colors.emerald.400)]",
-      indigo: "[--progress-fill:theme(colors.indigo.400)]",
-      purple: "[--progress-fill:theme(colors.purple.400)]",
-      pink: "[--progress-fill:theme(colors.pink.400)]",
-      rose: "[--progress-fill:theme(colors.rose.400)]",
-      sky: "[--progress-fill:theme(colors.sky.400)]",
-      teal: "[--progress-fill:theme(colors.teal.400)]",
-      yellow: "[--progress-fill:theme(colors.yellow.400)]",
-      orange: "[--progress-fill:theme(colors.orange.400)]",
-      outline: "[--progress-fill:theme(colors.cyan.300)]",
-      ghost: "[--progress-fill:theme(colors.slate.200)]",
-      glass: "[--progress-fill:theme(colors.white)]",
-      "gradient-blue": "[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]",
-      "gradient-green": "[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]",
-      "gradient-red": "[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]",
-      "gradient-yellow": "[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]",
-      "gradient-purple": "[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]",
-      "gradient-teal": "[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]",
-      "gradient-indigo": "[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]",
-      "gradient-pink": "[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]",
-      "gradient-orange": "[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]"
-    },
-    size: {
-      xs: "text-[0.65rem]",
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-base",
-      xl: "text-lg"
-    },
-    shape: {
-      flat: "rounded-none",
-      rounded: "rounded-md",
-      pill: "rounded-full"
-    },
-    striped: {
-      true: "",
-      false: ""
-    },
-    animated: {
-      true: "",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md",
-    shape: "rounded",
-    striped: false,
-    animated: false
-  }
-});
-var progressTrackVariants = cva(
-  "relative w-full overflow-hidden bg-white/10",
-  {
-    variants: {
-      size: {
-        xs: "h-1",
-        sm: "h-1.5",
-        md: "h-2",
-        lg: "h-3",
-        xl: "h-4"
-      },
-      shape: {
-        flat: "rounded-none",
-        rounded: "rounded-md",
-        pill: "rounded-full"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "rounded"
-    }
-  }
-);
-var progressBarVariants = cva(
-  "h-full w-full origin-left rounded-[inherit]",
-  {
-    variants: {
-      striped: {
-        true: "bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]",
-        false: "[background:var(--progress-fill)]"
-      }
-    },
-    defaultVariants: { striped: false }
-  }
-);
-var ProgressContext = createContext(null);
-function useProgressContext(component) {
-  const ctx = useContext(ProgressContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Progress>`);
-  }
-  return ctx;
-}
-function Progress(props) {
-  const {
-    className,
-    appearance = "default",
-    size = "md",
-    shape = "rounded",
-    striped = false,
-    animated = false,
-    animation = "none",
-    value = 0,
-    min = 0,
-    max = 100,
-    label,
-    children,
-    ref,
-    ...rest
-  } = props;
-  const motionProps = progressAnimationPresets[animation];
-  const clamped = clamp(value, min, max);
-  const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
-  const ctx = useMemo(
-    () => ({
-      value: clamped,
-      min,
-      max,
-      size: size ?? "md",
-      shape: shape ?? "rounded",
-      striped: Boolean(striped),
-      animated: Boolean(animated),
-      appearance: appearance ?? "default"
-    }),
-    [animated, appearance, clamped, max, min, shape, size, striped]
-  );
-  return /* @__PURE__ */ jsx(ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      ref,
-      "data-slot": "progress",
-      role: "progressbar",
-      "aria-valuemin": min,
-      "aria-valuemax": max,
-      "aria-valuenow": clamped,
-      "aria-label": label,
-      className: cn(
-        progressVariants({ appearance, size, shape, striped, animated }),
-        className
-      ),
-      initial: false,
-      ...motionProps,
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ProgressBar, { style: { transform: `scaleX(${percent / 100})` } }) })
-    }
-  ) });
-}
-Progress.displayName = "Progress";
-function ProgressBar({
-  className,
-  style,
-  ref,
-  ...rest
-}) {
-  const { size, shape, striped, animated } = useProgressContext("ProgressBar");
+var Progress = (props) => {
   return /* @__PURE__ */ jsx(
-    "div",
+    ProgressBase,
     {
-      "data-slot": "progress-track",
-      className: cn(progressTrackVariants({ size, shape }), "text-current"),
-      children: /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          ref,
-          "data-slot": "progress-bar",
-          className: cn(progressBarVariants({ striped }), className),
-          style: {
-            transformOrigin: "left center",
-            ...style
-          },
-          animate: animated ? { x: ["-30%", "0%"], opacity: [0.85, 1] } : void 0,
-          transition: animated ? { repeat: Infinity, duration: 1.1, ease: "easeInOut" } : void 0,
-          ...rest
-        }
-      )
+      ...props
     }
   );
-}
-ProgressBar.displayName = "ProgressBar";
-function ProgressLabel({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "progress-label",
-      className: cn("mb-2 font-medium text-slate-200", className),
-      children
-    }
-  );
-}
-ProgressLabel.displayName = "ProgressLabel";
-function ProgressValue({ className, children }) {
-  const { value, min, max } = useProgressContext("ProgressValue");
-  const range = max - min;
-  const pct = range === 0 ? 0 : Math.round((value - min) / range * 100);
-  const content = children ?? `${pct}%`;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "progress-value",
-      className: cn("mt-2 text-right text-slate-400", className),
-      children: content
-    }
-  );
-}
-ProgressValue.displayName = "ProgressValue";
+};
+Progress.displayName = "Progress";
 
-export { Progress, ProgressBar, ProgressLabel, ProgressValue, progressAnimationPresets, progressBarVariants, progressTrackVariants, progressVariants };
+export { Progress };
 //# sourceMappingURL=progress.mjs.map
 //# sourceMappingURL=progress.mjs.map

package/dist/ui/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/progress/animations.ts","../../src/ui/progress/variants.ts","../../src/ui/progress/progress.tsx"],"names":[],"mappings":"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","file":"progress.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { ProgressAnimation } from \"./types\";\n\ntype ProgressPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"transition\" | \"animate\"\n>;\n\nexport type ProgressAnimationPresets = Record<\n  ProgressAnimation,\n  ProgressPresetMotionProps\n>;\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const progressVariants = cva(\"w-full text-slate-50\", {\n  variants: {\n    appearance: {\n      default: \"[--progress-fill:theme(colors.slate.50)]\",\n      secondary: \"[--progress-fill:theme(colors.slate.300)]\",\n      destructive: \"[--progress-fill:theme(colors.rose.400)]\",\n      emerald: \"[--progress-fill:theme(colors.emerald.400)]\",\n      indigo: \"[--progress-fill:theme(colors.indigo.400)]\",\n      purple: \"[--progress-fill:theme(colors.purple.400)]\",\n      pink: \"[--progress-fill:theme(colors.pink.400)]\",\n      rose: \"[--progress-fill:theme(colors.rose.400)]\",\n      sky: \"[--progress-fill:theme(colors.sky.400)]\",\n      teal: \"[--progress-fill:theme(colors.teal.400)]\",\n      yellow: \"[--progress-fill:theme(colors.yellow.400)]\",\n      orange: \"[--progress-fill:theme(colors.orange.400)]\",\n      outline: \"[--progress-fill:theme(colors.cyan.300)]\",\n      ghost: \"[--progress-fill:theme(colors.slate.200)]\",\n      glass: \"[--progress-fill:theme(colors.white)]\",\n      \"gradient-blue\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]\",\n      \"gradient-green\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]\",\n      \"gradient-red\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]\",\n      \"gradient-yellow\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]\",\n      \"gradient-purple\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]\",\n      \"gradient-teal\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]\",\n      \"gradient-indigo\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]\",\n      \"gradient-pink\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]\",\n      \"gradient-orange\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]\",\n    },\n    size: {\n      xs: \"text-[0.65rem]\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n    striped: {\n      true: \"\",\n      false: \"\",\n    },\n    animated: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(\n  \"relative w-full overflow-hidden bg-white/10\",\n  {\n    variants: {\n      size: {\n        xs: \"h-1\",\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-3\",\n        xl: \"h-4\",\n      },\n      shape: {\n        flat: \"rounded-none\",\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"rounded\",\n    },\n  },\n);\n\nexport const progressBarVariants = cva(\n  \"h-full w-full origin-left rounded-[inherit]\",\n  {\n    variants: {\n      striped: {\n        true: \"bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]\",\n        false: \"[background:var(--progress-fill)]\",\n      },\n    },\n    defaultVariants: { striped: false },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\n\nconst ProgressContext = createContext<ProgressCtx | null>(null);\n\nfunction useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\n\nexport function Progress(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    animation = \"none\",\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = progressAnimationPresets[animation];\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n    }),\n    [animated, appearance, clamped, max, min, shape, size, striped],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-label={label}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  return (\n    <div\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}
+{"version":3,"sources":["../../src/ui/progress/progress.tsx"],"names":[],"mappings":";;;;;AAGO,IAAM,QAAA,GAAW,CAAC,KAAA,KAAyB;AAChD,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"progress.mjs","sourcesContent":["import { ProgressBase } from \"./progress-base\";\nimport type { ProgressProps } from \"./types\";\n\nexport const Progress = (props: ProgressProps) => {\n  return (\n    <ProgressBase\n      {...props}\n    />\n  );\n};\n\nProgress.displayName = \"Progress\";"]}

package/dist/ui/select/index.d.ts

@@ -0,0 +1,4 @@
+export { Select, SelectContext, useSelect, SelectTrigger, SelectValue, SelectContent, SelectItem, } from "./select";
+export type { SelectProps, SelectTriggerProps, SelectContentProps, SelectItemProps, SelectValueProps, SelectOption, SelectContextType, } from "./types";
+export { selectTriggerVariants, selectItemVariants, selectContentVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/select/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC"}

package/dist/ui/select/select.d.ts

@@ -0,0 +1,10 @@
+import { SelectProps, SelectTriggerProps, SelectContentProps, SelectItemProps, SelectValueProps } from "./types";
+import { SelectContextType } from "./types";
+export declare const SelectContext: import("react").Context<SelectContextType | null>;
+export declare const useSelect: () => SelectContextType;
+export declare const Select: ({ children, value, defaultValue, onChange, multiple, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTrigger: ({ className, variant, size, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectValue: ({ placeholder, className, ...props }: SelectValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectContent: ({ children, className, appearance, size, spacing, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/ui/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAEX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQ5C,eAAO,MAAM,aAAa,mDAAgD,CAAC;AAE3E,eAAO,MAAM,SAAS,yBAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,wDAMpB,WAAW,4CAyEb,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAWpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sCAIzB,gBAAgB,4CAuBlB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,8DAO3B,kBAAkB,mDAgBpB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,gEAOxB,eAAe,4CAiCjB,CAAC"}

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

@@ -0,0 +1,48 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
+import type { selectTriggerVariants } from "./variants";
+export type SelectOption = {
+    label: ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+export type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+export type SelectContextType = {
+    open: boolean;
+    setOpen: (v: boolean) => void;
+    selected: string[];
+    toggleValue: (value: string) => void;
+    isSelected: (value: string) => boolean;
+    registerOption: (option: SelectOption) => void;
+    options: SelectOption[];
+    multiple: boolean;
+};
+export type SelectProps = {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    multiple?: boolean;
+    children: ReactNode;
+    className?: string;
+};
+type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+export type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    className?: string;
+};
+export type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    appearance?: SelectAppearance;
+    size?: "sm" | "md" | "lg";
+    spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
+};
+export type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    children: ReactNode;
+    disabled?: boolean;
+    appearance?: SelectAppearance;
+};
+export type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
+    placeholder?: ReactNode;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;AACtB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GACxD,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC"}

package/dist/ui/select/variants.d.ts

@@ -0,0 +1,14 @@
+export declare const selectTriggerVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const selectItemVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const selectContentVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "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;
+    spacing?: "default" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/select/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;8EAgDjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;8EAmD7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;8EAyDjC,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SkeletonAnimationPresets } from "./types";
+export declare const skeletonAnimationPresets: SkeletonAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/skeleton/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,wBAYtC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { SkeletonAnimated, SkeletonAvatarAnimated, SkeletonButtonAnimated, SkeletonCardAnimated, SkeletonTextAnimated, } from "./skeleton-animated";
+export type { SkeletonAnimatedProps, SkeletonPresetMotionProps, SkeletonAnimationPresets, SkeletonAvatarAnimatedProps, SkeletonButtonAnimatedProps, SkeletonCardAnimatedProps, SkeletonTextAnimatedProps, SkeletonVariantProps, } from "./types";
+export { skeletonAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/skeleton/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,EACzB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { SkeletonAnimatedProps, SkeletonAvatarAnimatedProps, SkeletonButtonAnimatedProps, SkeletonCardAnimatedProps, SkeletonTextAnimatedProps } from "./types";
+export declare function SkeletonAnimated(props: SkeletonAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonAnimated {
+    var displayName: string;
+}
+export declare function SkeletonTextAnimated(props: SkeletonTextAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonTextAnimated {
+    var displayName: string;
+}
+export declare function SkeletonAvatarAnimated(props: SkeletonAvatarAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonAvatarAnimated {
+    var displayName: string;
+}
+export declare function SkeletonCardAnimated(props: SkeletonCardAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonCardAnimated {
+    var displayName: string;
+}
+export declare function SkeletonButtonAnimated(props: SkeletonButtonAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonButtonAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=skeleton-animated.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,qBAAqB,EACrB,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AASjB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAM5D;yBANe,gBAAgB;;;AAUhC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAMpE;yBANe,oBAAoB;;;AAUpC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAKxE;yBALe,sBAAsB;;;AAStC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAwDpE;yBAxDe,oBAAoB;;;AA4DpC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAKxE;yBALe,sBAAsB"}

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

@@ -0,0 +1,30 @@
+import type { VariantProps } from "class-variance-authority";
+import type { HTMLMotionProps } from "framer-motion";
+import type { ReactNode } from "react";
+import type { SkeletonAnimation } from "../types";
+import type { skeletonVariants } from "../variants";
+export type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
+export type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+export type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
+export type SkeletonAnimatedProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: SkeletonAnimation;
+    children?: ReactNode;
+    busy?: boolean;
+};
+export type SkeletonCardAnimatedProps = SkeletonAnimatedProps;
+export type SkeletonTextAnimatedProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: SkeletonAnimation;
+    lines?: number;
+    busy?: boolean;
+};
+export type SkeletonAvatarAnimatedProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: SkeletonAnimation;
+    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    busy?: boolean;
+};
+export type SkeletonButtonAnimatedProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: SkeletonAnimation;
+    buttonSize?: "sm" | "md" | "lg";
+    busy?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/skeleton/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,GAAG,SAAS,GAAG,YAAY,CACrC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAC3C,iBAAiB,EACjB,yBAAyB,CAC1B,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GACtD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEJ,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,GAC1D,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEJ,MAAM,MAAM,2BAA2B,GAAG,oBAAoB,GAC5D,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEJ,MAAM,MAAM,2BAA2B,GAAG,oBAAoB,GAC5D,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}

package/dist/ui/skeleton/animated.js

@@ -0,0 +1,126 @@
+"use client";
+'use strict';
+
+var chunk6I7X5BF2_js = require('../../chunk-6I7X5BF2.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('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__ */ jsxRuntime.jsx(chunk6I7X5BF2_js.SkeletonBase, { ...props, as: framerMotion.motion.div, initial: false, ...motionProps });
+}
+SkeletonAnimated.displayName = "Skeleton";
+function SkeletonTextAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const effectiveAnimation = chunk6I7X5BF2_js.useSkeletonAnimation(animation);
+  const motionProps = skeletonAnimationPresets[effectiveAnimation];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk6I7X5BF2_js.SkeletonTextBase, { ...props, as: framerMotion.motion.div, initial: false, ...motionProps });
+}
+SkeletonTextAnimated.displayName = "SkeletonText";
+function SkeletonAvatarAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const effectiveAnimation = chunk6I7X5BF2_js.useSkeletonAnimation(animation);
+  const motionProps = skeletonAnimationPresets[effectiveAnimation];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk6I7X5BF2_js.SkeletonAvatarBase, { ...props, as: framerMotion.motion.div, initial: false, ...motionProps });
+}
+SkeletonAvatarAnimated.displayName = "SkeletonAvatar";
+function SkeletonCardAnimated(props) {
+  const {
+    className,
+    busy,
+    animation = "shimmer",
+    shimmerTone,
+    appearance,
+    size,
+    rounded,
+    ref
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "skeleton-card",
+      className: chunkUOZYPWDZ_js.cn("w-full max-w-sm", className),
+      "aria-busy": busy ? true : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        SkeletonAnimated,
+        {
+          rounded: "lg",
+          animation,
+          shimmerTone,
+          appearance,
+          size,
+          busy,
+          className: "flex flex-col gap-4 p-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SkeletonAvatarAnimated,
+                {
+                  appearance,
+                  size,
+                  animation,
+                  shimmerTone,
+                  rounded
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                SkeletonTextAnimated,
+                {
+                  lines: 2,
+                  appearance,
+                  size,
+                  animation,
+                  shimmerTone
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SkeletonTextAnimated,
+              {
+                lines: 4,
+                appearance,
+                size,
+                animation,
+                shimmerTone
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+SkeletonCardAnimated.displayName = "SkeletonCard";
+function SkeletonButtonAnimated(props) {
+  const { animation = "shimmer" } = props;
+  const effectiveAnimation = chunk6I7X5BF2_js.useSkeletonAnimation(animation);
+  const motionProps = skeletonAnimationPresets[effectiveAnimation];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk6I7X5BF2_js.SkeletonButtonBase, { ...props, as: framerMotion.motion.div, initial: false, ...motionProps });
+}
+SkeletonButtonAnimated.displayName = "SkeletonButton";
+
+exports.SkeletonAnimated = SkeletonAnimated;
+exports.SkeletonAvatarAnimated = SkeletonAvatarAnimated;
+exports.SkeletonButtonAnimated = SkeletonButtonAnimated;
+exports.SkeletonCardAnimated = SkeletonCardAnimated;
+exports.SkeletonTextAnimated = SkeletonTextAnimated;
+exports.skeletonAnimationPresets = skeletonAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map