@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/ui/card.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/card/animations.ts","../../src/ui/card/variants.ts","../../src/ui/card/card.tsx"],"names":[],"mappings":"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","file":"card.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { CardAnimation } from \"./types\";\n\ntype CardPresetMotionProps = Pick<\n  HTMLMotionProps<\"article\">,\n  \"style\" | \"transition\" | \"whileHover\" | \"whileTap\"\n>;\n\nexport type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;\n\nexport const cardAnimationPresets: CardAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -4, scale: 1.01 },\n    whileTap: { y: 0, scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 26 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.18), 0 22px 48px rgba(15,23,42,0.45)\",\n    },\n    transition: { duration: 0.22, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 4, rotateY: -4, scale: 1.01 },\n    whileTap: { rotateX: 0, rotateY: 0, scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 280, damping: 22 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n  [\n    \"relative flex w-full flex-col overflow-hidden text-slate-50\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"border border-white/10 bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n        glass:\n          \"border border-white/15 bg-white/10 backdrop-blur-md shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n        outline: \"border border-white/15 bg-transparent\",\n        ghost: \"border border-transparent bg-transparent\",\n        elevated:\n          \"border border-white/10 bg-slate-900/80 shadow-[0_24px_64px_rgba(15,23,42,0.45)]\",\n        sky: \"border border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n        rose: \"border border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n        purple: \"border border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        emerald: \"border border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n        gray: \"border border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        amber: \"border border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n        violet: \"border border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\":\n          \"border border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n      size: {\n        sm: \"gap-2 p-3 text-sm\",\n        md: \"gap-3 p-4 text-sm\",\n        lg: \"gap-4 p-6 text-base\",\n      },\n      rounded: {\n        sm: \"rounded-lg\",\n        md: \"rounded-xl\",\n        lg: \"rounded-2xl\",\n        full: \"rounded-3xl\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      rounded: \"md\",\n    },\n  },\n);\n\nexport const cardHeaderVariants = cva(\n  \"flex flex-col gap-1 border-b border-white/10 pb-3\",\n  {\n    variants: {\n      size: {\n        sm: \"pb-2\",\n        md: \"pb-3\",\n        lg: \"pb-4\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const cardFooterVariants = cva(\n  \"flex flex-col gap-2 border-t border-white/10 pt-3\",\n  {\n    variants: {\n      size: {\n        sm: \"pt-2\",\n        md: \"pt-3\",\n        lg: \"pt-4\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const cardTitleVariants = cva(\n  \"font-semibold tracking-tight text-slate-50\",\n  {\n    variants: {\n      size: {\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-lg\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const cardDescriptionVariants = cva(\"text-slate-400\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { cardAnimationPresets } from \"./animations\";\nimport type {\n  CardDescriptionProps,\n  CardProps,\n  CardSectionProps,\n  CardSize,\n  CardTitleProps,\n} from \"./types\";\nimport {\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./variants\";\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n  return useContext(CardSizeContext);\n}\n\nexport function Card(props: CardProps) {\n  const {\n    className,\n    appearance,\n    size = \"md\",\n    rounded,\n    animation = \"none\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = cardAnimationPresets[animation];\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <CardSizeContext.Provider value={ctx}>\n      <motion.article\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(cardVariants({ appearance, size, rounded }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.article>\n    </CardSizeContext.Provider>\n  );\n}\n\nCard.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <header\n      data-slot=\"card-header\"\n      className={cn(cardHeaderVariants({ size }), className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n  return (\n    <div\n      data-slot=\"card-body\"\n      className={cn(\"flex flex-1 flex-col gap-2\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <footer\n      data-slot=\"card-footer\"\n      className={cn(cardFooterVariants({ size }), className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n  className,\n  children,\n  as = \"h3\",\n  ref,\n  ...rest\n}: CardTitleProps) {\n  const size = useCardSize();\n  const Tag = as;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-title\"\n      className={cn(cardTitleVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n  className,\n  children,\n  as = \"p\",\n  ref,\n  ...rest\n}: CardDescriptionProps) {\n  const size = useCardSize();\n  const Tag = as;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-description\"\n      className={cn(cardDescriptionVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardDescription.displayName = \"CardDescription\";\n"]}
+{"version":3,"sources":["../../src/ui/card/card.tsx"],"names":[],"mappings":";;;;;AAMO,SAAS,KAAK,KAAA,EAAkB;AACrC,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,CAAA;AAC9B;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"card.mjs","sourcesContent":["// card.tsx — default static entry (no framer-motion)\nimport {\n  CardBase,\n} from \"./card-base\";\nimport type { CardProps } from \"./types\";\n\nexport function Card(props: CardProps) {\n  return <CardBase {...props} />;\n}\n\nCard.displayName = \"Card\";\n"]}

package/dist/ui/divider/animated.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as DividerBaseProps } from '../../types-Ca3t5aC_.mjs';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+
+type DividerAnimation = "none" | "expand" | "fade";
+/** Motion `div` uses different handler types than React DOM drag/drop events. */
+type DividerDomDragProps = "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop";
+type DividerAnimatedProps = Omit<DividerBaseProps, "as" | DividerDomDragProps> & {
+    animation?: DividerAnimation;
+};
+
+declare const DividerAnimated: {
+    (props: DividerAnimatedProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { DividerAnimated, type DividerAnimatedProps, type DividerAnimation, type DividerDomDragProps };

package/dist/ui/divider/animated.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as DividerBaseProps } from '../../types-Ca3t5aC_.js';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+
+type DividerAnimation = "none" | "expand" | "fade";
+/** Motion `div` uses different handler types than React DOM drag/drop events. */
+type DividerDomDragProps = "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop";
+type DividerAnimatedProps = Omit<DividerBaseProps, "as" | DividerDomDragProps> & {
+    animation?: DividerAnimation;
+};
+
+declare const DividerAnimated: {
+    (props: DividerAnimatedProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { DividerAnimated, type DividerAnimatedProps, type DividerAnimation, type DividerDomDragProps };

package/dist/ui/divider/animated.js

@@ -0,0 +1,41 @@
+"use client";
+'use strict';
+
+var chunkOJ67PZ6N_js = require('../../chunk-OJ67PZ6N.js');
+require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/divider/animated/animations.ts
+var dividerAnimationPresets = {
+  none: {},
+  expand: {
+    initial: { scaleX: 0.6, opacity: 0.4 },
+    animate: { scaleX: 1, opacity: 1 },
+    transition: { duration: 0.35, ease: "easeOut" }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.25 }
+  }
+};
+var DividerAnimated = (props) => {
+  const { animation = "none", ...rest } = props;
+  const motionProps = dividerAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkOJ67PZ6N_js.DividerBase,
+    {
+      ...props,
+      as: framerMotion.motion.div,
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest
+    }
+  );
+};
+DividerAnimated.displayName = "DividerAnimated";
+
+exports.DividerAnimated = DividerAnimated;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/divider/animated/animations.ts","../../../src/ui/divider/animated/divider-animated.tsx"],"names":["jsx","DividerBase","motion"],"mappings":";;;;;;;;AAcO,IAAM,uBAAA,GAAmD;AAAA,EAC9D,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,EAAE,MAAA,EAAQ,GAAA,EAAK,SAAS,GAAA,EAAI;AAAA,IACrC,OAAA,EAAS,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IACjC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA;AAAK;AAEjC,CAAA;AClBO,IAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM,EAAE,SAAA,GAAY,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AACxC,EAAA,MAAM,WAAA,GAAc,wBAAwB,SAAS,CAAA;AAErD,EAAA,uBACEA,cAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAIC,mBAAA,CAAO,GAAA;AAAA,MACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAI;AAAA;AAAA,GACP;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"animated.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { DividerAnimation } from \"./types\";\n\nexport type DividerPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type DividerAnimationPresets = Record<\n  DividerAnimation,\n  DividerPresetMotionProps\n>;\n\nexport const dividerAnimationPresets: DividerAnimationPresets = {\n  none: {},\n  expand: {\n    initial: { scaleX: 0.6, opacity: 0.4 },\n    animate: { scaleX: 1, opacity: 1 },\n    transition: { duration: 0.35, ease: \"easeOut\" },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.25 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { dividerAnimationPresets } from \"./animations\";\nimport type { DividerAnimatedProps } from \"./types\";\nimport { DividerBase } from \"../divider-base\";\n\nexport const DividerAnimated = (props: DividerAnimatedProps) => {\n  const { animation = \"none\", ...rest } = props;\n  const motionProps = dividerAnimationPresets[animation];\n\n  return (\n    <DividerBase\n      {...props}\n      as={motion.div}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...(rest as Record<string, unknown>)}\n    />\n  );\n};\n\nDividerAnimated.displayName = \"DividerAnimated\";\n"]}

package/dist/ui/divider/animated.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { DividerBase } from '../../chunk-W6PRMYUC.mjs';
+import '../../chunk-DFEZH7TC.mjs';
+import { motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/divider/animated/animations.ts
+var dividerAnimationPresets = {
+  none: {},
+  expand: {
+    initial: { scaleX: 0.6, opacity: 0.4 },
+    animate: { scaleX: 1, opacity: 1 },
+    transition: { duration: 0.35, ease: "easeOut" }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.25 }
+  }
+};
+var DividerAnimated = (props) => {
+  const { animation = "none", ...rest } = props;
+  const motionProps = dividerAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(
+    DividerBase,
+    {
+      ...props,
+      as: motion.div,
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest
+    }
+  );
+};
+DividerAnimated.displayName = "DividerAnimated";
+
+export { DividerAnimated };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/divider/animated/animations.ts","../../../src/ui/divider/animated/divider-animated.tsx"],"names":[],"mappings":";;;;;;AAcO,IAAM,uBAAA,GAAmD;AAAA,EAC9D,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,EAAE,MAAA,EAAQ,GAAA,EAAK,SAAS,GAAA,EAAI;AAAA,IACrC,OAAA,EAAS,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IACjC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA;AAAK;AAEjC,CAAA;AClBO,IAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM,EAAE,SAAA,GAAY,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AACxC,EAAA,MAAM,WAAA,GAAc,wBAAwB,SAAS,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAI,MAAA,CAAO,GAAA;AAAA,MACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAI;AAAA;AAAA,GACP;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"animated.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { DividerAnimation } from \"./types\";\n\nexport type DividerPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type DividerAnimationPresets = Record<\n  DividerAnimation,\n  DividerPresetMotionProps\n>;\n\nexport const dividerAnimationPresets: DividerAnimationPresets = {\n  none: {},\n  expand: {\n    initial: { scaleX: 0.6, opacity: 0.4 },\n    animate: { scaleX: 1, opacity: 1 },\n    transition: { duration: 0.35, ease: \"easeOut\" },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.25 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { dividerAnimationPresets } from \"./animations\";\nimport type { DividerAnimatedProps } from \"./types\";\nimport { DividerBase } from \"../divider-base\";\n\nexport const DividerAnimated = (props: DividerAnimatedProps) => {\n  const { animation = \"none\", ...rest } = props;\n  const motionProps = dividerAnimationPresets[animation];\n\n  return (\n    <DividerBase\n      {...props}\n      as={motion.div}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...(rest as Record<string, unknown>)}\n    />\n  );\n};\n\nDividerAnimated.displayName = \"DividerAnimated\";\n"]}

package/dist/ui/divider.d.mts

@@ -1,39 +1,13 @@
 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 dividerToneVariants: (props?: ({
-    appearance?: "default" | "muted" | "primary" | "destructive" | "ghost" | "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 dividerVariants: (props?: ({
-    appearance?: "default" | "muted" | "primary" | "destructive" | "ghost" | "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;
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dividerLineVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dividerLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-
-type DividerAnimation = "none" | "expand" | "fade";
-type DividerVariantProps = VariantProps<typeof dividerVariants>;
-type DividerProps = DividerVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
-    animation?: DividerAnimation;
-    /** Optional label between divider lines. */
-    label?: ReactNode;
-    children?: ReactNode;
-};
+import { D as DividerProps } from '../types-Ca3t5aC_.mjs';
+export { a as DividerBaseProps, b as DividerVariantProps, d as dividerLabelVariants, c as dividerLineVariants, e as dividerToneVariants, f as dividerVariants } from '../types-Ca3t5aC_.mjs';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
 
 declare function Divider(props: DividerProps): react_jsx_runtime.JSX.Element;
 declare namespace Divider {
     var displayName: string;
 }
 
-type DividerPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
-type DividerAnimationPresets = Record<DividerAnimation, DividerPresetMotionProps>;
-declare const dividerAnimationPresets: DividerAnimationPresets;
-
-export { Divider, type DividerAnimation, type DividerProps, dividerAnimationPresets, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants };
+export { Divider, DividerProps };

package/dist/ui/divider.d.ts

@@ -1,39 +1,13 @@
 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 dividerToneVariants: (props?: ({
-    appearance?: "default" | "muted" | "primary" | "destructive" | "ghost" | "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 dividerVariants: (props?: ({
-    appearance?: "default" | "muted" | "primary" | "destructive" | "ghost" | "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;
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dividerLineVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dividerLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-
-type DividerAnimation = "none" | "expand" | "fade";
-type DividerVariantProps = VariantProps<typeof dividerVariants>;
-type DividerProps = DividerVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
-    animation?: DividerAnimation;
-    /** Optional label between divider lines. */
-    label?: ReactNode;
-    children?: ReactNode;
-};
+import { D as DividerProps } from '../types-Ca3t5aC_.js';
+export { a as DividerBaseProps, b as DividerVariantProps, d as dividerLabelVariants, c as dividerLineVariants, e as dividerToneVariants, f as dividerVariants } from '../types-Ca3t5aC_.js';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
 
 declare function Divider(props: DividerProps): react_jsx_runtime.JSX.Element;
 declare namespace Divider {
     var displayName: string;
 }
 
-type DividerPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
-type DividerAnimationPresets = Record<DividerAnimation, DividerPresetMotionProps>;
-declare const dividerAnimationPresets: DividerAnimationPresets;
-
-export { Divider, type DividerAnimation, type DividerProps, dividerAnimationPresets, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants };
+export { Divider, DividerProps };

package/dist/ui/divider.js

@@ -1,198 +1,31 @@
 "use client";
 'use strict';
 
-var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
-var framerMotion = require('framer-motion');
-var classVarianceAuthority = require('class-variance-authority');
+var chunkOJ67PZ6N_js = require('../chunk-OJ67PZ6N.js');
+require('../chunk-UOZYPWDZ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/ui/divider/animations.ts
-var dividerAnimationPresets = {
-  none: {},
-  expand: {
-    initial: { scaleX: 0.6, opacity: 0.4 },
-    animate: { scaleX: 1, opacity: 1 },
-    transition: { duration: 0.35, ease: "easeOut" }
-  },
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    transition: { duration: 0.25 }
-  }
-};
-var APPEARANCES = {
-  default: "text-slate-200",
-  muted: "text-slate-500",
-  primary: "text-cyan-300",
-  destructive: "text-rose-400",
-  ghost: "text-slate-600",
-  sky: "text-sky-400",
-  rose: "text-rose-400",
-  purple: "text-purple-400",
-  pink: "text-pink-400",
-  orange: "text-orange-400",
-  yellow: "text-yellow-400",
-  teal: "text-teal-400",
-  indigo: "text-indigo-400",
-  emerald: "text-emerald-400",
-  gray: "text-gray-400",
-  amber: "text-amber-400",
-  violet: "text-violet-400",
-  "gradient-blue": "text-blue-400",
-  "gradient-green": "text-green-400",
-  "gradient-red": "text-red-400",
-  "gradient-yellow": "text-yellow-400",
-  "gradient-purple": "text-purple-400",
-  "gradient-teal": "text-teal-400",
-  "gradient-indigo": "text-indigo-400",
-  "gradient-pink": "text-pink-400",
-  "gradient-orange": "text-orange-400"
-};
-var dividerToneVariants = classVarianceAuthority.cva("", {
-  variants: {
-    appearance: APPEARANCES
-  },
-  defaultVariants: { appearance: "default" }
-});
-var dividerVariants = classVarianceAuthority.cva("flex w-full items-center gap-3", {
-  variants: {
-    appearance: APPEARANCES,
-    orientation: {
-      horizontal: "w-full flex-row",
-      vertical: "h-full min-h-[2rem] w-auto flex-col self-stretch"
-    },
-    size: {
-      sm: "",
-      md: "",
-      lg: ""
-    }
-  },
-  compoundVariants: [
-    { orientation: "horizontal", size: "sm", class: "min-h-px" },
-    { orientation: "horizontal", size: "md", class: "min-h-[2px]" },
-    { orientation: "horizontal", size: "lg", class: "min-h-[3px]" },
-    { orientation: "vertical", size: "sm", class: "min-w-px" },
-    { orientation: "vertical", size: "md", class: "min-w-[2px]" },
-    { orientation: "vertical", size: "lg", class: "min-w-[3px]" }
-  ],
-  defaultVariants: {
-    appearance: "default",
-    orientation: "horizontal",
-    size: "md"
-  }
-});
-var dividerLineVariants = classVarianceAuthority.cva(
-  "shrink grow rounded-full bg-current opacity-80",
-  {
-    variants: {
-      orientation: {
-        horizontal: "h-px",
-        vertical: "w-px flex-1"
-      },
-      size: {
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    compoundVariants: [
-      { orientation: "horizontal", size: "sm", class: "h-px" },
-      { orientation: "horizontal", size: "md", class: "h-0.5" },
-      { orientation: "horizontal", size: "lg", class: "h-1" },
-      { orientation: "vertical", size: "sm", class: "w-px" },
-      { orientation: "vertical", size: "md", class: "w-0.5" },
-      { orientation: "vertical", size: "lg", class: "w-1" }
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      size: "md"
-    }
-  }
-);
-var dividerLabelVariants = classVarianceAuthority.cva(
-  "shrink-0 text-xs font-medium uppercase tracking-wide text-current"
-);
 function Divider(props) {
-  const {
-    className,
-    appearance,
-    orientation,
-    size,
-    animation = "none",
-    label,
-    children,
-    ref,
-    ...rest
-  } = props;
-  const motionProps = dividerAnimationPresets[animation];
-  const slot = label ?? children;
-  if (!slot) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        ref,
-        "data-slot": "divider",
-        role: "separator",
-        "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
-        className: chunkUOZYPWDZ_js.cn(
-          dividerToneVariants({ appearance }),
-          orientation === "horizontal" ? "flex w-full min-h-px flex-row items-stretch" : "flex h-full min-h-8 w-auto min-w-0 flex-col items-stretch self-stretch",
-          className
-        ),
-        initial: animation === "none" ? false : void 0,
-        ...motionProps,
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkUOZYPWDZ_js.cn(dividerLineVariants({ orientation, size })),
-            "aria-hidden": true
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.motion.div,
-    {
-      ref,
-      "data-slot": "divider",
-      role: "separator",
-      "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
-      className: chunkUOZYPWDZ_js.cn(
-        dividerVariants({ appearance, orientation, size }),
-        className
-      ),
-      initial: animation === "none" ? false : void 0,
-      ...motionProps,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkUOZYPWDZ_js.cn(dividerLineVariants({ orientation, size })),
-            "aria-hidden": true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "divider-label", className: dividerLabelVariants(), children: slot }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkUOZYPWDZ_js.cn(dividerLineVariants({ orientation, size })),
-            "aria-hidden": true
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkOJ67PZ6N_js.DividerBase, { ...props });
 }
 Divider.displayName = "Divider";
 
+Object.defineProperty(exports, "dividerLabelVariants", {
+  enumerable: true,
+  get: function () { return chunkOJ67PZ6N_js.dividerLabelVariants; }
+});
+Object.defineProperty(exports, "dividerLineVariants", {
+  enumerable: true,
+  get: function () { return chunkOJ67PZ6N_js.dividerLineVariants; }
+});
+Object.defineProperty(exports, "dividerToneVariants", {
+  enumerable: true,
+  get: function () { return chunkOJ67PZ6N_js.dividerToneVariants; }
+});
+Object.defineProperty(exports, "dividerVariants", {
+  enumerable: true,
+  get: function () { return chunkOJ67PZ6N_js.dividerVariants; }
+});
 exports.Divider = Divider;
-exports.dividerAnimationPresets = dividerAnimationPresets;
-exports.dividerLabelVariants = dividerLabelVariants;
-exports.dividerLineVariants = dividerLineVariants;
-exports.dividerToneVariants = dividerToneVariants;
-exports.dividerVariants = dividerVariants;
 //# sourceMappingURL=divider.js.map
 //# sourceMappingURL=divider.js.map

package/dist/ui/divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/divider/animations.ts","../../src/ui/divider/variants.ts","../../src/ui/divider/divider.tsx"],"names":["cva","jsx","motion","cn","jsxs"],"mappings":"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","file":"divider.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { DividerAnimation } from \"./types\";\n\ntype DividerPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type DividerAnimationPresets = Record<\n  DividerAnimation,\n  DividerPresetMotionProps\n>;\n\nexport const dividerAnimationPresets: DividerAnimationPresets = {\n  none: {},\n  expand: {\n    initial: { scaleX: 0.6, opacity: 0.4 },\n    animate: { scaleX: 1, opacity: 1 },\n    transition: { duration: 0.35, ease: \"easeOut\" },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.25 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nconst APPEARANCES = {\n  default: \"text-slate-200\",\n  muted: \"text-slate-500\",\n  primary: \"text-cyan-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-600\",\n  sky: \"text-sky-400\",\n  rose: \"text-rose-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  orange: \"text-orange-400\",\n  yellow: \"text-yellow-400\",\n  teal: \"text-teal-400\",\n  indigo: \"text-indigo-400\",\n  emerald: \"text-emerald-400\",\n  gray: \"text-gray-400\",\n  amber: \"text-amber-400\",\n  violet: \"text-violet-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n};\n\nexport const dividerToneVariants = cva(\"\", {\n  variants: {\n    appearance: APPEARANCES,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(\"flex w-full items-center gap-3\", {\n  variants: {\n    appearance: APPEARANCES,\n    orientation: {\n      horizontal: \"w-full flex-row\",\n      vertical: \"h-full min-h-[2rem] w-auto flex-col self-stretch\",\n    },\n    size: {\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLineVariants = cva(\n  \"shrink grow rounded-full bg-current opacity-80\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"h-px\",\n        vertical: \"w-px flex-1\",\n      },\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n      { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n      { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n      { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n      { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n      { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n    ],\n    defaultVariants: {\n      orientation: \"horizontal\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const dividerLabelVariants = cva(\n  \"shrink-0 text-xs font-medium uppercase tracking-wide text-current\",\n);\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { dividerAnimationPresets } from \"./animations\";\nimport type { DividerProps } from \"./types\";\nimport {\n  dividerLabelVariants,\n  dividerLineVariants,\n  dividerToneVariants,\n  dividerVariants,\n} from \"./variants\";\n\nexport function Divider(props: DividerProps) {\n  const {\n    className,\n    appearance,\n    orientation,\n    size,\n    animation = \"none\",\n    label,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = dividerAnimationPresets[animation];\n  const slot = label ?? children;\n\n  if (!slot) {\n    return (\n      <motion.div\n        ref={ref}\n        data-slot=\"divider\"\n        role=\"separator\"\n        aria-orientation={\n          orientation === \"vertical\" ? \"vertical\" : \"horizontal\"\n        }\n        className={cn(\n          dividerToneVariants({ appearance }),\n          orientation === \"horizontal\"\n            ? \"flex w-full min-h-px flex-row items-stretch\"\n            : \"flex h-full min-h-8 w-auto min-w-0 flex-col items-stretch self-stretch\",\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        <span\n          className={cn(dividerLineVariants({ orientation, size }))}\n          aria-hidden\n        />\n      </motion.div>\n    );\n  }\n\n  return (\n    <motion.div\n      ref={ref}\n      data-slot=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n      className={cn(\n        dividerVariants({ appearance, orientation, size }),\n        className,\n      )}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...rest}\n    >\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n      <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n        {slot}\n      </span>\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n    </motion.div>\n  );\n}\n\nDivider.displayName = \"Divider\";\n"]}
+{"version":3,"sources":["../../src/ui/divider/divider.tsx"],"names":["jsx","DividerBase"],"mappings":";;;;;;AAIO,SAAS,QAAQ,KAAA,EAAqB;AAC3C,EAAA,uBAAOA,cAAA,CAACC,4BAAA,EAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AACjC;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"divider.js","sourcesContent":["// divider.tsx — default static entry (no framer-motion)\nimport { DividerBase } from \"./divider-base\";\nimport type { DividerProps } from \"./types\";\n\nexport function Divider(props: DividerProps) {\n  return <DividerBase {...props} />;\n}\n\nDivider.displayName = \"Divider\";\n"]}