@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/badge.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { MouseEventHandler, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const badgeVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "secondary" | "destructive" | "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;
+    shape?: "pill" | "square" | "dot" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const badgeCloseButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type BadgeAnimation = "none" | "pop" | "bounce" | "fade";
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+type BadgeProps = BadgeVariantProps & Omit<HTMLMotionProps<"span">, "children"> & {
+    animation?: BadgeAnimation;
+    closable?: boolean;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+    closeLabel?: string;
+    children?: ReactNode;
+    /** Dot shape hides text; set for accessibility. */
+    "aria-label"?: string;
+};
+
+declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
+
+type BadgePresetMotionProps = Pick<HTMLMotionProps<"span">, "style" | "transition" | "whileHover" | "whileTap" | "animate" | "initial">;
+type BadgeAnimationPresets = Record<BadgeAnimation, BadgePresetMotionProps>;
+declare const badgeAnimationPresets: BadgeAnimationPresets;
+
+export { Badge, type BadgeAnimation, type BadgeProps, badgeAnimationPresets, badgeCloseButtonVariants, badgeVariants };

package/dist/ui/badge.js

@@ -0,0 +1,159 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/badge/badge.tsx
+var _framermotion = require('framer-motion');
+var _hi2 = require('react-icons/hi2');
+
+// 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 }
+  }
+};
+
+// src/ui/badge/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+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.call(void 0, 
+  [
+    "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.call(void 0, 
+  "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" }
+  }
+);
+
+// src/ui/badge/badge.tsx
+var _jsxruntime = require('react/jsx-runtime');
+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 = _nullishCoalesce(ariaLabel, () => ( (isDot ? "Status indicator" : void 0)));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _framermotion.motion.span,
+    {
+      ref,
+      role: "status",
+      "data-slot": "badge",
+      "aria-label": resolvedAriaLabel,
+      className: _chunkE5UX537Jjs.cn.call(void 0, badgeVariants({ appearance, size, shape }), className),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children: [
+        !isDot ? children : null,
+        closable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "data-slot": "badge-close",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: badgeCloseButtonVariants({ size }),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi2.HiXMark, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+Badge.displayName = "Badge";
+
+
+
+
+
+exports.Badge = Badge; exports.badgeAnimationPresets = badgeAnimationPresets; exports.badgeCloseButtonVariants = badgeCloseButtonVariants; exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/badge.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/badge.js","sourcesContent":[null]}

package/dist/ui/badge.mjs

@@ -0,0 +1,161 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/badge/badge.tsx
+import { motion } from "framer-motion";
+import { HiXMark } from "react-icons/hi2";
+
+// 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 }
+  }
+};
+
+// src/ui/badge/variants.ts
+import { cva } from "class-variance-authority";
+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" }
+  }
+);
+
+// src/ui/badge/badge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+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
+      ]
+    }
+  );
+}
+Badge.displayName = "Badge";
+export {
+  Badge,
+  badgeAnimationPresets,
+  badgeCloseButtonVariants,
+  badgeVariants
+};
+//# sourceMappingURL=badge.mjs.map

package/dist/ui/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/badge/badge.tsx","../../src/ui/badge/animations.ts","../../src/ui/badge/variants.ts"],"sourcesContent":["\"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","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:\n    \"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\":\n    \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n  \"gradient-green\":\n    \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n  \"gradient-red\":\n    \"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\":\n    \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n  \"gradient-teal\":\n    \"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\":\n    \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n  \"gradient-orange\":\n    \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n} as const;\n\nexport type ButtonLikeSolidAppearance = keyof typeof buttonLikeSolidAppearances;\n\n\nconst badgeAppearances = {\n  ...buttonLikeSolidAppearances,\n  outline:\n    \"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"],"mappings":"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","names":[]}

package/dist/ui/buttons.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 ButtonSharedProps = VariantProps<typeof buttonVariants> & {
+    animation?: ButtonAnimation;
+};
+/** Motion props applied by presets; valid on both `motion.button` and `motion.a`. */
+type ButtonPresetMotionProps = Pick<HTMLMotionProps<"button">, "style" | "transition" | "whileHover" | "whileTap">;
+type ButtonProps = (ButtonSharedProps & HTMLMotionProps<"button"> & {
+    as?: "button";
+}) | (ButtonSharedProps & HTMLMotionProps<"a"> & {
+    as: "link";
+});
+type AnimationPresets = Record<ButtonAnimation, ButtonPresetMotionProps>;
+
+declare const Button: {
+    (props: ButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const buttonAnimationPresets: AnimationPresets;
+
+export { Button, type ButtonAnimation, type ButtonProps, buttonAnimationPresets, buttonVariants };

package/dist/ui/buttons.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 ButtonSharedProps = VariantProps<typeof buttonVariants> & {
+    animation?: ButtonAnimation;
+};
+/** Motion props applied by presets; valid on both `motion.button` and `motion.a`. */
+type ButtonPresetMotionProps = Pick<HTMLMotionProps<"button">, "style" | "transition" | "whileHover" | "whileTap">;
+type ButtonProps = (ButtonSharedProps & HTMLMotionProps<"button"> & {
+    as?: "button";
+}) | (ButtonSharedProps & HTMLMotionProps<"a"> & {
+    as: "link";
+});
+type AnimationPresets = Record<ButtonAnimation, ButtonPresetMotionProps>;
+
+declare const Button: {
+    (props: ButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const buttonAnimationPresets: AnimationPresets;
+
+export { Button, type ButtonAnimation, type ButtonProps, buttonAnimationPresets, buttonVariants };

package/dist/ui/buttons.js

@@ -0,0 +1,107 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkBZSIXBA7js = require('../chunk-BZSIXBA7.js');
+
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/buttons/button.tsx
+var _framermotion = require('framer-motion');
+
+// src/ui/buttons/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 }
+  }
+};
+
+// src/ui/buttons/button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Button = (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.call(void 0, 
+      _framermotion.motion.a,
+      {
+        ref: ref2,
+        href,
+        target,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        "data-slot": "button",
+        className: _chunkE5UX537Jjs.cn.call(void 0, _chunkBZSIXBA7js.buttonVariants.call(void 0, { 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.call(void 0, 
+    _framermotion.motion.button,
+    {
+      ref,
+      type,
+      "data-slot": "button",
+      className: _chunkE5UX537Jjs.cn.call(void 0, _chunkBZSIXBA7js.buttonVariants.call(void 0, { appearance, size }), className),
+      initial: false,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  );
+};
+Button.displayName = "Button";
+
+
+
+
+exports.Button = Button; exports.buttonAnimationPresets = buttonAnimationPresets; exports.buttonVariants = _chunkBZSIXBA7js.buttonVariants;
+//# sourceMappingURL=buttons.js.map

package/dist/ui/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/buttons.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/buttons.js","sourcesContent":[null]}

package/dist/ui/buttons.mjs

@@ -0,0 +1,109 @@
+"use client";
+
+import {
+  buttonVariants
+} from "../chunk-VJHD7QZH.mjs";
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/buttons/button.tsx
+import { motion } from "framer-motion";
+
+// src/ui/buttons/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 }
+  }
+};
+
+// src/ui/buttons/button.tsx
+import { jsx } from "react/jsx-runtime";
+var Button = (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
+    }
+  );
+};
+Button.displayName = "Button";
+export {
+  Button,
+  buttonAnimationPresets,
+  buttonVariants
+};
+//# sourceMappingURL=buttons.mjs.map