@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/ui/badge.js

@@ -1,154 +1,23 @@
 "use client";
 'use strict';
 
-var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
-var framerMotion = require('framer-motion');
-var hi2 = require('react-icons/hi2');
-var classVarianceAuthority = require('class-variance-authority');
+var chunkE3DZNJAD_js = require('../chunk-E3DZNJAD.js');
+require('../chunk-UOZYPWDZ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/ui/badge/animations.ts
-var badgeAnimationPresets = {
-  none: {},
-  pop: {
-    initial: { scale: 0.92, opacity: 0 },
-    animate: { scale: 1, opacity: 1 },
-    transition: { type: "spring", stiffness: 520, damping: 28 }
-  },
-  bounce: {
-    whileHover: { y: -2, scale: 1.04 },
-    whileTap: { scale: 0.96 },
-    transition: { type: "spring", bounce: 0.45, stiffness: 420, damping: 18 }
-  },
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    transition: { duration: 0.2 }
-  }
-};
-var buttonLikeSolidAppearances = {
-  default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
-  secondary: "bg-slate-800 text-slate-50",
-  destructive: "bg-rose-600 text-white",
-  outline: "border border-white/10 bg-white/5 text-slate-50",
-  ghost: "bg-transparent text-slate-200",
-  glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md",
-  emerald: "bg-emerald-600 text-white",
-  indigo: "bg-indigo-600 text-white",
-  purple: "bg-purple-600 text-white",
-  pink: "bg-pink-600 text-white",
-  rose: "bg-rose-600 text-white",
-  sky: "bg-sky-600 text-white",
-  teal: "bg-teal-600 text-white",
-  yellow: "bg-yellow-600 text-white",
-  orange: "bg-orange-600 text-white",
-  "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
-  "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white",
-  "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
-  "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
-  "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
-  "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
-  "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
-  "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
-  "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white"
-};
-var badgeAppearances = {
-  ...buttonLikeSolidAppearances,
-  outline: "border border-white/15 bg-transparent text-slate-200 shadow-none",
-  ghost: "bg-transparent text-slate-300 shadow-none"
-};
-var badgeVariants = classVarianceAuthority.cva(
-  [
-    "inline-flex max-w-full items-center justify-center gap-1 font-medium",
-    "whitespace-nowrap ring-offset-slate-950 transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
-    "select-none"
-  ],
-  {
-    variants: {
-      appearance: badgeAppearances,
-      size: {
-        sm: "h-6 min-h-6 px-2 text-[0.65rem] leading-none",
-        md: "h-7 min-h-7 px-2.5 text-xs leading-none",
-        lg: "h-8 min-h-8 px-3 text-sm leading-none"
-      },
-      shape: {
-        pill: "rounded-full",
-        square: "rounded-md",
-        dot: "h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]"
-      }
-    },
-    defaultVariants: {
-      appearance: "default",
-      size: "md",
-      shape: "pill"
-    }
-  }
-);
-var badgeCloseButtonVariants = classVarianceAuthority.cva(
-  "inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current opacity-70 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40",
-  {
-    variants: {
-      size: {
-        sm: "size-4",
-        md: "size-5",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
 function Badge(props) {
-  const {
-    className,
-    appearance,
-    size,
-    shape,
-    animation = "none",
-    closable = false,
-    onClose,
-    closeLabel = "Remove",
-    children,
-    ref,
-    "aria-label": ariaLabel,
-    ...rest
-  } = props;
-  const motionProps = badgeAnimationPresets[animation];
-  const isDot = shape === "dot";
-  const resolvedAriaLabel = ariaLabel ?? (isDot ? "Status indicator" : void 0);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.motion.span,
-    {
-      ref,
-      role: "status",
-      "data-slot": "badge",
-      "aria-label": resolvedAriaLabel,
-      className: chunkUOZYPWDZ_js.cn(badgeVariants({ appearance, size, shape }), className),
-      initial: animation === "none" ? false : void 0,
-      ...motionProps,
-      ...rest,
-      children: [
-        !isDot ? children : null,
-        closable ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "badge-close",
-            "aria-label": closeLabel,
-            onClick: onClose,
-            className: badgeCloseButtonVariants({ size }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "size-3.5", "aria-hidden": true })
-          }
-        ) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkE3DZNJAD_js.BadgeBase, { ...props });
 }
 Badge.displayName = "Badge";
 
+Object.defineProperty(exports, "badgeCloseButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkE3DZNJAD_js.badgeCloseButtonVariants; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkE3DZNJAD_js.badgeVariants; }
+});
 exports.Badge = Badge;
-exports.badgeAnimationPresets = badgeAnimationPresets;
-exports.badgeCloseButtonVariants = badgeCloseButtonVariants;
-exports.badgeVariants = badgeVariants;
 //# sourceMappingURL=badge.js.map
 //# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/badge/animations.ts","../../src/ui/badge/variants.ts","../../src/ui/badge/badge.tsx"],"names":["cva","jsxs","motion","cn","jsx","HiXMark"],"mappings":"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","file":"badge.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { BadgeAnimation } from \"./types\";\n\ntype BadgePresetMotionProps = Pick<\n  HTMLMotionProps<\"span\">,\n  \"style\" | \"transition\" | \"whileHover\" | \"whileTap\" | \"animate\" | \"initial\"\n>;\n\nexport type BadgeAnimationPresets = Record<\n  BadgeAnimation,\n  BadgePresetMotionProps\n>;\n\nexport const badgeAnimationPresets: BadgeAnimationPresets = {\n  none: {},\n  pop: {\n    initial: { scale: 0.92, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 28 },\n  },\n  bounce: {\n    whileHover: { y: -2, scale: 1.04 },\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", bounce: 0.45, stiffness: 420, damping: 18 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.2 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\n/**\n * Tailwind class maps mirroring `buttons/variants.ts` appearance tokens.\n * Reused by primitives that should stay visually aligned with Button.\n */\nexport const buttonLikeSolidAppearances = {\n  default: \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n  secondary: \"bg-slate-800 text-slate-50\",\n  destructive: \"bg-rose-600 text-white\",\n  outline: \"border border-white/10 bg-white/5 text-slate-50\",\n  ghost: \"bg-transparent text-slate-200\",\n  glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n  emerald: \"bg-emerald-600 text-white\",\n  indigo: \"bg-indigo-600 text-white\",\n  purple: \"bg-purple-600 text-white\",\n  pink: \"bg-pink-600 text-white\",\n  rose: \"bg-rose-600 text-white\",\n  sky: \"bg-sky-600 text-white\",\n  teal: \"bg-teal-600 text-white\",\n  yellow: \"bg-yellow-600 text-white\",\n  orange: \"bg-orange-600 text-white\",\n  \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n  \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n  \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white\",\n  \"gradient-yellow\":\n    \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white\",\n  \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n  \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white\",\n  \"gradient-indigo\":\n    \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white\",\n  \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n  \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n} as const;\n\nexport type ButtonLikeSolidAppearance = keyof typeof buttonLikeSolidAppearances;\n\nconst badgeAppearances = {\n  ...buttonLikeSolidAppearances,\n  outline: \"border border-white/15 bg-transparent text-slate-200 shadow-none\",\n  ghost: \"bg-transparent text-slate-300 shadow-none\",\n} as const;\n\nexport const badgeVariants = cva(\n  [\n    \"inline-flex max-w-full items-center justify-center gap-1 font-medium\",\n    \"whitespace-nowrap 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    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: badgeAppearances,\n      size: {\n        sm: \"h-6 min-h-6 px-2 text-[0.65rem] leading-none\",\n        md: \"h-7 min-h-7 px-2.5 text-xs leading-none\",\n        lg: \"h-8 min-h-8 px-3 text-sm leading-none\",\n      },\n      shape: {\n        pill: \"rounded-full\",\n        square: \"rounded-md\",\n        dot: \"h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      shape: \"pill\",\n    },\n  },\n);\n\nexport const badgeCloseButtonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current opacity-70 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { badgeAnimationPresets } from \"./animations\";\nimport type { BadgeProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function Badge(props: BadgeProps) {\n  const {\n    className,\n    appearance,\n    size,\n    shape,\n    animation = \"none\",\n    closable = false,\n    onClose,\n    closeLabel = \"Remove\",\n    children,\n    ref,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const motionProps = badgeAnimationPresets[animation];\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </motion.span>\n  );\n}\n\nBadge.displayName = \"Badge\";\n"]}
+{"version":3,"sources":["../../src/ui/badge/badge.tsx"],"names":["jsx","BadgeBase"],"mappings":";;;;;;AAIO,SAAS,MAAM,KAAA,EAAmB;AACvC,EAAA,uBAAOA,cAAA,CAACC,0BAAA,EAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC/B;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"badge.js","sourcesContent":["// badge.tsx — default static entry (no framer-motion)\nimport { BadgeBase } from \"./badge-base\";\nimport type { BadgeProps } from \"./types\";\n\nexport function Badge(props: BadgeProps) {\n  return <BadgeBase {...props} />;\n}\n\nBadge.displayName = \"Badge\";\n"]}

package/dist/ui/badge.mjs

@@ -1,149 +1,14 @@
 "use client";
-import { cn } from '../chunk-DFEZH7TC.mjs';
-import { motion } from 'framer-motion';
-import { HiXMark } from 'react-icons/hi2';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { BadgeBase } from '../chunk-XWM2S6VV.mjs';
+export { badgeCloseButtonVariants, badgeVariants } from '../chunk-XWM2S6VV.mjs';
+import '../chunk-DFEZH7TC.mjs';
+import { jsx } from 'react/jsx-runtime';
 
-// src/ui/badge/animations.ts
-var badgeAnimationPresets = {
-  none: {},
-  pop: {
-    initial: { scale: 0.92, opacity: 0 },
-    animate: { scale: 1, opacity: 1 },
-    transition: { type: "spring", stiffness: 520, damping: 28 }
-  },
-  bounce: {
-    whileHover: { y: -2, scale: 1.04 },
-    whileTap: { scale: 0.96 },
-    transition: { type: "spring", bounce: 0.45, stiffness: 420, damping: 18 }
-  },
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    transition: { duration: 0.2 }
-  }
-};
-var buttonLikeSolidAppearances = {
-  default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
-  secondary: "bg-slate-800 text-slate-50",
-  destructive: "bg-rose-600 text-white",
-  outline: "border border-white/10 bg-white/5 text-slate-50",
-  ghost: "bg-transparent text-slate-200",
-  glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md",
-  emerald: "bg-emerald-600 text-white",
-  indigo: "bg-indigo-600 text-white",
-  purple: "bg-purple-600 text-white",
-  pink: "bg-pink-600 text-white",
-  rose: "bg-rose-600 text-white",
-  sky: "bg-sky-600 text-white",
-  teal: "bg-teal-600 text-white",
-  yellow: "bg-yellow-600 text-white",
-  orange: "bg-orange-600 text-white",
-  "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
-  "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white",
-  "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
-  "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
-  "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
-  "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
-  "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
-  "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
-  "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white"
-};
-var badgeAppearances = {
-  ...buttonLikeSolidAppearances,
-  outline: "border border-white/15 bg-transparent text-slate-200 shadow-none",
-  ghost: "bg-transparent text-slate-300 shadow-none"
-};
-var badgeVariants = cva(
-  [
-    "inline-flex max-w-full items-center justify-center gap-1 font-medium",
-    "whitespace-nowrap ring-offset-slate-950 transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
-    "select-none"
-  ],
-  {
-    variants: {
-      appearance: badgeAppearances,
-      size: {
-        sm: "h-6 min-h-6 px-2 text-[0.65rem] leading-none",
-        md: "h-7 min-h-7 px-2.5 text-xs leading-none",
-        lg: "h-8 min-h-8 px-3 text-sm leading-none"
-      },
-      shape: {
-        pill: "rounded-full",
-        square: "rounded-md",
-        dot: "h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]"
-      }
-    },
-    defaultVariants: {
-      appearance: "default",
-      size: "md",
-      shape: "pill"
-    }
-  }
-);
-var badgeCloseButtonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current opacity-70 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40",
-  {
-    variants: {
-      size: {
-        sm: "size-4",
-        md: "size-5",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
 function Badge(props) {
-  const {
-    className,
-    appearance,
-    size,
-    shape,
-    animation = "none",
-    closable = false,
-    onClose,
-    closeLabel = "Remove",
-    children,
-    ref,
-    "aria-label": ariaLabel,
-    ...rest
-  } = props;
-  const motionProps = badgeAnimationPresets[animation];
-  const isDot = shape === "dot";
-  const resolvedAriaLabel = ariaLabel ?? (isDot ? "Status indicator" : void 0);
-  return /* @__PURE__ */ jsxs(
-    motion.span,
-    {
-      ref,
-      role: "status",
-      "data-slot": "badge",
-      "aria-label": resolvedAriaLabel,
-      className: cn(badgeVariants({ appearance, size, shape }), className),
-      initial: animation === "none" ? false : void 0,
-      ...motionProps,
-      ...rest,
-      children: [
-        !isDot ? children : null,
-        closable ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "badge-close",
-            "aria-label": closeLabel,
-            onClick: onClose,
-            className: badgeCloseButtonVariants({ size }),
-            children: /* @__PURE__ */ jsx(HiXMark, { className: "size-3.5", "aria-hidden": true })
-          }
-        ) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(BadgeBase, { ...props });
 }
 Badge.displayName = "Badge";
 
-export { Badge, badgeAnimationPresets, badgeCloseButtonVariants, badgeVariants };
+export { Badge };
 //# sourceMappingURL=badge.mjs.map
 //# sourceMappingURL=badge.mjs.map

package/dist/ui/badge.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/badge/animations.ts","../../src/ui/badge/variants.ts","../../src/ui/badge/badge.tsx"],"names":[],"mappings":";;;;;;;AAcO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAAK;AAAA,IACjC,QAAA,EAAU,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,IACxB,UAAA,EAAY,EAAE,IAAA,EAAM,QAAA,EAAU,QAAQ,IAAA,EAAM,SAAA,EAAW,GAAA,EAAK,OAAA,EAAS,EAAA;AAAG,GAC1E;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,GAAA;AAAI;AAEhC;ACzBO,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EAAS,mEAAA;AAAA,EACT,SAAA,EAAW,4BAAA;AAAA,EACX,WAAA,EAAa,wBAAA;AAAA,EACb,OAAA,EAAS,iDAAA;AAAA,EACT,KAAA,EAAO,+BAAA;AAAA,EACP,KAAA,EAAO,gEAAA;AAAA,EACP,OAAA,EAAS,2BAAA;AAAA,EACT,MAAA,EAAQ,0BAAA;AAAA,EACR,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,IAAA,EAAM,wBAAA;AAAA,EACN,GAAA,EAAK,uBAAA;AAAA,EACL,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,MAAA,EAAQ,0BAAA;AAAA,EACR,eAAA,EAAiB,yDAAA;AAAA,EACjB,gBAAA,EAAkB,wDAAA;AAAA,EAClB,cAAA,EAAgB,sDAAA;AAAA,EAChB,iBAAA,EACE,2DAAA;AAAA,EACF,iBAAA,EAAmB,yDAAA;AAAA,EACnB,eAAA,EAAiB,uDAAA;AAAA,EACjB,iBAAA,EACE,2DAAA;AAAA,EACF,eAAA,EAAiB,uDAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB,CAAA;AAIA,IAAM,gBAAA,GAAmB;AAAA,EACvB,GAAG,0BAAA;AAAA,EACH,OAAA,EAAS,kEAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B;AAAA,IACE,sEAAA;AAAA,IACA,2DAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY,gBAAA;AAAA,MACZ,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,8CAAA;AAAA,QACJ,EAAA,EAAI,yCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,YAAA;AAAA,QACR,GAAA,EAAK;AAAA;AACP,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ;AAEO,IAAM,wBAAA,GAA2B,GAAA;AAAA,EACtC,oMAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAAK;AAElC;ACzEO,SAAS,MAAM,KAAA,EAAmB;AACvC,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,MAAA;AAAA,IACZ,QAAA,GAAW,KAAA;AAAA,IACX,OAAA;AAAA,IACA,UAAA,GAAa,QAAA;AAAA,IACb,QAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AACnD,EAAA,MAAM,QAAQ,KAAA,KAAU,KAAA;AACxB,EAAA,MAAM,iBAAA,GACJ,SAAA,KAAc,KAAA,GAAQ,kBAAA,GAAqB,MAAA,CAAA;AAE7C,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAY,iBAAA;AAAA,MACZ,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,YAAY,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,MACnE,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,CAAC,QAAQ,QAAA,GAAW,IAAA;AAAA,QACpB,QAAA,mBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,aAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAW,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,YAE5C,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC;AAAA;AAAA,SAC5C,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"badge.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { BadgeAnimation } from \"./types\";\n\ntype BadgePresetMotionProps = Pick<\n  HTMLMotionProps<\"span\">,\n  \"style\" | \"transition\" | \"whileHover\" | \"whileTap\" | \"animate\" | \"initial\"\n>;\n\nexport type BadgeAnimationPresets = Record<\n  BadgeAnimation,\n  BadgePresetMotionProps\n>;\n\nexport const badgeAnimationPresets: BadgeAnimationPresets = {\n  none: {},\n  pop: {\n    initial: { scale: 0.92, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 28 },\n  },\n  bounce: {\n    whileHover: { y: -2, scale: 1.04 },\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", bounce: 0.45, stiffness: 420, damping: 18 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.2 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\n/**\n * Tailwind class maps mirroring `buttons/variants.ts` appearance tokens.\n * Reused by primitives that should stay visually aligned with Button.\n */\nexport const buttonLikeSolidAppearances = {\n  default: \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n  secondary: \"bg-slate-800 text-slate-50\",\n  destructive: \"bg-rose-600 text-white\",\n  outline: \"border border-white/10 bg-white/5 text-slate-50\",\n  ghost: \"bg-transparent text-slate-200\",\n  glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n  emerald: \"bg-emerald-600 text-white\",\n  indigo: \"bg-indigo-600 text-white\",\n  purple: \"bg-purple-600 text-white\",\n  pink: \"bg-pink-600 text-white\",\n  rose: \"bg-rose-600 text-white\",\n  sky: \"bg-sky-600 text-white\",\n  teal: \"bg-teal-600 text-white\",\n  yellow: \"bg-yellow-600 text-white\",\n  orange: \"bg-orange-600 text-white\",\n  \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n  \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n  \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white\",\n  \"gradient-yellow\":\n    \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white\",\n  \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n  \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white\",\n  \"gradient-indigo\":\n    \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white\",\n  \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n  \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n} as const;\n\nexport type ButtonLikeSolidAppearance = keyof typeof buttonLikeSolidAppearances;\n\nconst badgeAppearances = {\n  ...buttonLikeSolidAppearances,\n  outline: \"border border-white/15 bg-transparent text-slate-200 shadow-none\",\n  ghost: \"bg-transparent text-slate-300 shadow-none\",\n} as const;\n\nexport const badgeVariants = cva(\n  [\n    \"inline-flex max-w-full items-center justify-center gap-1 font-medium\",\n    \"whitespace-nowrap 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    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: badgeAppearances,\n      size: {\n        sm: \"h-6 min-h-6 px-2 text-[0.65rem] leading-none\",\n        md: \"h-7 min-h-7 px-2.5 text-xs leading-none\",\n        lg: \"h-8 min-h-8 px-3 text-sm leading-none\",\n      },\n      shape: {\n        pill: \"rounded-full\",\n        square: \"rounded-md\",\n        dot: \"h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      shape: \"pill\",\n    },\n  },\n);\n\nexport const badgeCloseButtonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current opacity-70 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { badgeAnimationPresets } from \"./animations\";\nimport type { BadgeProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function Badge(props: BadgeProps) {\n  const {\n    className,\n    appearance,\n    size,\n    shape,\n    animation = \"none\",\n    closable = false,\n    onClose,\n    closeLabel = \"Remove\",\n    children,\n    ref,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const motionProps = badgeAnimationPresets[animation];\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </motion.span>\n  );\n}\n\nBadge.displayName = \"Badge\";\n"]}
+{"version":3,"sources":["../../src/ui/badge/badge.tsx"],"names":[],"mappings":";;;;;AAIO,SAAS,MAAM,KAAA,EAAmB;AACvC,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC/B;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"badge.mjs","sourcesContent":["// badge.tsx — default static entry (no framer-motion)\nimport { BadgeBase } from \"./badge-base\";\nimport type { BadgeProps } from \"./types\";\n\nexport function Badge(props: BadgeProps) {\n  return <BadgeBase {...props} />;\n}\n\nBadge.displayName = \"Badge\";\n"]}

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { b as buttonVariants } from '../../variants-Dd9pe-ov.mjs';
+import 'class-variance-authority/types';
+
+type ButtonAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
+type ButtonSharedAnimated = VariantProps<typeof buttonVariants> & {
+    animation?: ButtonAnimation;
+};
+type ButtonAnimatedProps = (ButtonSharedAnimated & HTMLMotionProps<"button"> & {
+    as?: "button";
+}) | (ButtonSharedAnimated & HTMLMotionProps<"a"> & {
+    as: "link";
+});
+/** Motion props applied by presets; valid on both `motion.button` and `motion.a`. */
+type ButtonPresetMotionProps = Pick<HTMLMotionProps<"button">, "style" | "transition" | "whileHover" | "whileTap">;
+type AnimationPresets = Record<ButtonAnimation, ButtonPresetMotionProps>;
+
+declare const ButtonAnimated: {
+    (props: ButtonAnimatedProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const buttonAnimationPresets: AnimationPresets;
+
+export { type AnimationPresets, ButtonAnimated, type ButtonAnimatedProps, type ButtonAnimation, type ButtonPresetMotionProps, type ButtonSharedAnimated, buttonAnimationPresets };

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { b as buttonVariants } from '../../variants-Dd9pe-ov.js';
+import 'class-variance-authority/types';
+
+type ButtonAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
+type ButtonSharedAnimated = VariantProps<typeof buttonVariants> & {
+    animation?: ButtonAnimation;
+};
+type ButtonAnimatedProps = (ButtonSharedAnimated & HTMLMotionProps<"button"> & {
+    as?: "button";
+}) | (ButtonSharedAnimated & HTMLMotionProps<"a"> & {
+    as: "link";
+});
+/** Motion props applied by presets; valid on both `motion.button` and `motion.a`. */
+type ButtonPresetMotionProps = Pick<HTMLMotionProps<"button">, "style" | "transition" | "whileHover" | "whileTap">;
+type AnimationPresets = Record<ButtonAnimation, ButtonPresetMotionProps>;
+
+declare const ButtonAnimated: {
+    (props: ButtonAnimatedProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const buttonAnimationPresets: AnimationPresets;
+
+export { type AnimationPresets, ButtonAnimated, type ButtonAnimatedProps, type ButtonAnimation, type ButtonPresetMotionProps, type ButtonSharedAnimated, buttonAnimationPresets };

package/dist/ui/buttons/animated.js

@@ -0,0 +1,101 @@
+"use client";
+'use strict';
+
+var chunkBITDSQMR_js = require('../../chunk-BITDSQMR.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/buttons/animated/animations.ts
+var buttonAnimationPresets = {
+  none: {},
+  lift: {
+    whileHover: { y: -2, scale: 1.02 },
+    whileTap: { y: 0, scale: 0.98 },
+    transition: { type: "spring", stiffness: 420, damping: 28 }
+  },
+  press: {
+    whileTap: { scale: 0.96 },
+    transition: { type: "spring", stiffness: 520, damping: 30 }
+  },
+  glow: {
+    whileHover: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)",
+      scale: 1.01
+    },
+    whileTap: { scale: 0.98 },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  tilt: {
+    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },
+    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },
+    transition: { type: "spring", stiffness: 300, damping: 20 },
+    style: { transformStyle: "preserve-3d" }
+  },
+  bounce: {
+    whileHover: { y: -4, scale: 1.03 },
+    whileTap: { y: 0, scale: 0.97 },
+    transition: { type: "spring", bounce: 0.45, duration: 0.45 }
+  }
+};
+var ButtonAnimated = (props) => {
+  if (props.as === "link") {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      children: children2,
+      ref: ref2,
+      href,
+      target,
+      animation: animation2 = "none",
+      ...rest2
+    } = props;
+    const motionProps2 = buttonAnimationPresets[animation2];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.a,
+      {
+        ref: ref2,
+        href,
+        target,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        "data-slot": "button",
+        className: chunkUOZYPWDZ_js.cn(chunkBITDSQMR_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        initial: false,
+        ...motionProps2,
+        ...rest2,
+        children: children2
+      }
+    );
+  }
+  const {
+    className,
+    appearance,
+    size,
+    type = "button",
+    children,
+    ref,
+    animation = "none",
+    ...rest
+  } = props;
+  const motionProps = buttonAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.button,
+    {
+      ref,
+      type,
+      "data-slot": "button",
+      className: chunkUOZYPWDZ_js.cn(chunkBITDSQMR_js.buttonVariants({ appearance, size }), className),
+      initial: false,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  );
+};
+ButtonAnimated.displayName = "ButtonAnimated";
+
+exports.ButtonAnimated = ButtonAnimated;
+exports.buttonAnimationPresets = buttonAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps","jsx","motion","cn","buttonVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -2, scale: 1.02 },\n    whileTap: { y: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 28 },\n  },\n  press: {\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n      scale: 1.01,\n    },\n    whileTap: { scale: 0.98 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n    transition: { type: \"spring\", stiffness: 300, damping: 20 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n  bounce: {\n    whileHover: { y: -4, scale: 1.03 },\n    whileTap: { y: 0, scale: 0.97 },\n    transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      animation = \"none\",\n      ...rest\n    } = props;\n    const motionProps = buttonAnimationPresets[animation];\n\n    return (\n      <motion.a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    animation = \"none\",\n    ...rest\n  } = props;\n  const motionProps = buttonAnimationPresets[animation];\n\n  return (\n    <motion.button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.button>\n  );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}

package/dist/ui/buttons/animated.mjs

@@ -0,0 +1,98 @@
+"use client";
+import { buttonVariants } from '../../chunk-BORK3BJO.mjs';
+import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/buttons/animated/animations.ts
+var buttonAnimationPresets = {
+  none: {},
+  lift: {
+    whileHover: { y: -2, scale: 1.02 },
+    whileTap: { y: 0, scale: 0.98 },
+    transition: { type: "spring", stiffness: 420, damping: 28 }
+  },
+  press: {
+    whileTap: { scale: 0.96 },
+    transition: { type: "spring", stiffness: 520, damping: 30 }
+  },
+  glow: {
+    whileHover: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)",
+      scale: 1.01
+    },
+    whileTap: { scale: 0.98 },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  tilt: {
+    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },
+    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },
+    transition: { type: "spring", stiffness: 300, damping: 20 },
+    style: { transformStyle: "preserve-3d" }
+  },
+  bounce: {
+    whileHover: { y: -4, scale: 1.03 },
+    whileTap: { y: 0, scale: 0.97 },
+    transition: { type: "spring", bounce: 0.45, duration: 0.45 }
+  }
+};
+var ButtonAnimated = (props) => {
+  if (props.as === "link") {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      children: children2,
+      ref: ref2,
+      href,
+      target,
+      animation: animation2 = "none",
+      ...rest2
+    } = props;
+    const motionProps2 = buttonAnimationPresets[animation2];
+    return /* @__PURE__ */ jsx(
+      motion.a,
+      {
+        ref: ref2,
+        href,
+        target,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        "data-slot": "button",
+        className: cn(buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        initial: false,
+        ...motionProps2,
+        ...rest2,
+        children: children2
+      }
+    );
+  }
+  const {
+    className,
+    appearance,
+    size,
+    type = "button",
+    children,
+    ref,
+    animation = "none",
+    ...rest
+  } = props;
+  const motionProps = buttonAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(
+    motion.button,
+    {
+      ref,
+      type,
+      "data-slot": "button",
+      className: cn(buttonVariants({ appearance, size }), className),
+      initial: false,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  );
+};
+ButtonAnimated.displayName = "ButtonAnimated";
+
+export { ButtonAnimated, buttonAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps"],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -2, scale: 1.02 },\n    whileTap: { y: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 28 },\n  },\n  press: {\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n      scale: 1.01,\n    },\n    whileTap: { scale: 0.98 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n    transition: { type: \"spring\", stiffness: 300, damping: 20 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n  bounce: {\n    whileHover: { y: -4, scale: 1.03 },\n    whileTap: { y: 0, scale: 0.97 },\n    transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      animation = \"none\",\n      ...rest\n    } = props;\n    const motionProps = buttonAnimationPresets[animation];\n\n    return (\n      <motion.a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    animation = \"none\",\n    ...rest\n  } = props;\n  const motionProps = buttonAnimationPresets[animation];\n\n  return (\n    <motion.button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.button>\n  );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}