@bloomneo/uikit 1.5.0

package/dist/blank.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blank.js","sources":["../src/components/layouts/blank.tsx"],"sourcesContent":["/**\n * Blank Layout with simplified scheme system - simple, card, and empty\n * @module @bloomneo/uikit\n * @file src/components/layouts/blank.tsx\n */\n\nimport * as React from 'react';\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport type { Size, BlankLayoutScheme, Tone } from '@/types';\n\n/**\n * Blank layout scheme variants - with empty scheme for no layout\n */\nconst blankVariants = cva(\n  '',\n  {\n    variants: {\n      scheme: {\n        simple: 'min-h-screen flex items-center justify-center p-4 flex-col',     // Simple centered layout\n        card: 'min-h-screen flex items-center justify-center p-4 flex-col',       // Card-based layout\n        empty: ''  // No layout styling at all - complete freedom\n      },\n      tone: {\n        clean: 'bg-background',\n        subtle: 'bg-muted/20',\n        brand: 'bg-primary/5',\n        contrast: 'bg-zinc-400'\n      }\n    },\n    defaultVariants: {\n      scheme: 'simple',\n      tone: 'clean'\n    },\n    compoundVariants: [\n      {\n        scheme: 'empty',\n        class: '' // Override any tone styles for empty scheme\n      }\n    ]\n  }\n);\n\n/**\n * Content container variants based on scheme and size\n */\nconst contentVariants = cva(\n  '',\n  {\n    variants: {\n      scheme: {\n        simple: 'w-full space-y-6 text-center',                    // No container styling\n        card: 'w-full space-y-6 text-center bg-card border border-border rounded-lg shadow-lg p-8',  // Card styling\n        empty: ''  // No content container styling\n      },\n      size: {\n        sm: 'max-w-md',\n        md: 'max-w-lg',\n        lg: 'max-w-2xl',\n        xl: 'max-w-4xl',\n        full: 'max-w-6xl'\n      }\n    },\n    defaultVariants: {\n      scheme: 'simple',\n      size: 'lg'\n    },\n    compoundVariants: [\n      {\n        scheme: 'empty',\n        class: '' // Override any size styles for empty scheme\n      }\n    ]\n  }\n);\n\n/**\n * Title variant styles based on size and tone\n */\nconst titleVariants = cva(\n  'font-bold tracking-tight',\n  {\n    variants: {\n      size: {\n        sm: 'text-2xl sm:text-3xl',\n        md: 'text-3xl sm:text-4xl',\n        lg: 'text-4xl sm:text-5xl',\n        xl: 'text-5xl sm:text-6xl',\n        full: 'text-6xl sm:text-7xl'\n      },\n      tone: {\n        clean: 'text-foreground',\n        subtle: 'text-foreground',\n        brand: 'text-foreground',\n        contrast: 'text-zinc-100'\n      }\n    },\n    defaultVariants: {\n      size: 'lg',\n      tone: 'clean'\n    }\n  }\n);\n\n/**\n * Subtitle variant styles based on size and tone\n */\nconst subtitleVariants = cva(\n  'max-w-md mx-auto',\n  {\n    variants: {\n      size: {\n        sm: 'text-base',\n        md: 'text-lg',\n        lg: 'text-xl',\n        xl: 'text-2xl',\n        full: 'text-3xl'\n      },\n      tone: {\n        clean: 'text-muted-foreground',\n        subtle: 'text-muted-foreground',\n        brand: 'text-muted-foreground',\n        contrast: 'text-zinc-300'\n      }\n    },\n    defaultVariants: {\n      size: 'lg',\n      tone: 'clean'\n    }\n  }\n);\n\n/**\n * Footer variant styles based on tone\n */\nconst footerVariants = cva(\n  'text-center mt-8',\n  {\n    variants: {\n      tone: {\n        clean: 'text-muted-foreground',\n        subtle: 'text-muted-foreground',\n        brand: 'text-muted-foreground', \n        contrast: 'text-zinc-400'\n      }\n    },\n    defaultVariants: {\n      tone: 'clean'\n    }\n  }\n);\n\n/**\n * Blank Layout props - minimal but essential\n */\nexport interface BlankLayoutProps {\n  /** RECOMMENDED: Layout scheme - simple, card, or empty */\n  scheme?: 'simple' | 'card' | 'empty';\n  /** RECOMMENDED: Visual styling tone */\n  tone?: Tone;\n  /** OPTIONAL: Content container size */\n  size?: Size;\n  /** OPTIONAL: Additional CSS classes */\n  className?: string;\n  /** REQUIRED: All content goes here */\n  children: React.ReactNode;\n}\n\n/**\n * BlankLayout - Minimal but essential layout\n */\nconst BlankLayoutComponent = forwardRef<HTMLDivElement, BlankLayoutProps>(({\n  scheme = 'simple',\n  tone = 'clean',\n  size = 'lg',\n  className,\n  children,\n}, ref) => {\n\n  // For empty scheme, return children with minimal wrapper\n  if (scheme === 'empty') {\n    return (\n      <div ref={ref} className={cn(className)}>\n        {children}\n      </div>\n    );\n  }\n\n  // For simple and card schemes, use the layout system\n  return (\n    <div ref={ref} className={cn(blankVariants({ scheme, tone }), className)}>\n      <div className={cn(contentVariants({ scheme, size }))}>\n        {children}\n      </div>\n    </div>\n  );\n});\n\nBlankLayoutComponent.displayName = 'BlankLayout';\n\n/**\n * BlankLayout - Minimal and essential\n */\nconst BlankLayout = BlankLayoutComponent;\n\nexport { BlankLayout };\n\n/**\n * @llm-rule BlankLayout Usage - Minimal but essential\n * \n * Simple error page:\n * <BlankLayout scheme=\"simple\" tone=\"clean\">\n *   <h1 className=\"text-4xl font-bold text-foreground mb-4\">404 Not Found</h1>\n *   <p className=\"text-muted-foreground mb-6\">The page you're looking for doesn't exist.</p>\n *   <Button>Go Home</Button>\n * </BlankLayout>\n * \n * Card-based maintenance page:\n * <BlankLayout scheme=\"card\" tone=\"subtle\" size=\"md\">\n *   <WrenchIcon className=\"h-16 w-16 mx-auto mb-4 text-primary\" />\n *   <h1 className=\"text-3xl font-bold mb-2\">Under Maintenance</h1>\n *   <p className=\"text-muted-foreground mb-6\">We'll be back soon!</p>\n *   <Button>Notify Me</Button>\n * </BlankLayout>\n * \n * Empty scheme for complete custom control:\n * <BlankLayout scheme=\"empty\">\n *   <div className=\"min-h-screen flex\">\n *     <div className=\"w-1/2 bg-blue-600\">Custom left side</div>\n *     <div className=\"w-1/2 bg-white\">Custom right side</div>\n *   </div>\n * </BlankLayout>\n * \n * About page:\n * <BlankLayout scheme=\"simple\" size=\"xl\">\n *   <Logo className=\"mb-6\" />\n *   <h1 className=\"text-5xl font-bold mb-4\">About Us</h1>\n *   <p className=\"text-xl text-muted-foreground max-w-2xl mx-auto\">\n *     Company description and mission statement goes here.\n *   </p>\n * </BlankLayout>\n */"],"names":["blankVariants","cva","contentVariants","BlankLayoutComponent","forwardRef","scheme","tone","size","className","children","ref","cn","jsx","BlankLayout"],"mappings":";;;;AAeA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,OAAO;AAAA;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,IAER,kBAAkB;AAAA,MAChB;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAKMC,IAAkBD;AAAA,EACtB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,OAAO;AAAA;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,IAER,kBAAkB;AAAA,MAChB;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAiGME,IAAuBC,EAA6C,CAAC;AAAA,EACzE,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AACF,GAAGC,MAGGL,MAAW,4BAEV,OAAA,EAAI,KAAAK,GAAU,WAAWC,EAAGH,CAAS,GACnC,UAAAC,GACH,IAMF,gBAAAG,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,EAAGX,EAAc,EAAE,QAAAK,GAAQ,MAAAC,EAAA,CAAM,GAAGE,CAAS,GACrE,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAGT,EAAgB,EAAE,QAAAG,GAAQ,MAAAE,EAAA,CAAM,CAAC,GACjD,UAAAE,EAAA,CACH,EAAA,CACF,CAEH;AAEDN,EAAqB,cAAc;AAKnC,MAAMU,IAAcV;"}

package/dist/breadcrumb.js

@@ -0,0 +1,104 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { S as o } from "./index-DQH6odE9.js";
+import { c as t } from "./utils-CwJPJKOE.js";
+import { C as i } from "./chevron-right-pz9eCjj-.js";
+import { E as l } from "./ellipsis-BhAoKPVk.js";
+function f({ ...r }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function x({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t("inline-flex items-center gap-1.5", r),
+      ...e
+    }
+  );
+}
+function h({
+  asChild: r,
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    r ? o : "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: t("hover:text-foreground transition-colors", e),
+      ...s
+    }
+  );
+}
+function N({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-foreground font-normal", r),
+      ...e
+    }
+  );
+}
+function B({
+  children: r,
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", e),
+      ...s,
+      children: r ?? /* @__PURE__ */ a(i, {})
+    }
+  );
+}
+function k({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("flex size-9 items-center justify-center", r),
+      ...e,
+      children: [
+        /* @__PURE__ */ a(l, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  f as Breadcrumb,
+  k as BreadcrumbEllipsis,
+  x as BreadcrumbItem,
+  h as BreadcrumbLink,
+  g as BreadcrumbList,
+  N as BreadcrumbPage,
+  B as BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sources":["../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"text-foreground font-normal\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","props","BreadcrumbList","className","jsx","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,SAASA,EAAW,EAAE,GAAGC,KAAsC;AAC7D,2BAAQ,OAAA,EAAI,cAAW,cAAa,aAAU,cAAc,GAAGA,GAAO;AACxE;AAEA,SAASC,EAAe,EAAE,WAAAC,GAAW,GAAGF,KAAqC;AAC3E,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAe,EAAE,WAAAH,GAAW,GAAGF,KAAqC;AAC3E,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oCAAoCF,CAAS;AAAA,MAC1D,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAe;AAAA,EACtB,SAAAC;AAAA,EACA,WAAAL;AAAA,EACA,GAAGF;AACL,GAEG;AAGD,SACE,gBAAAG;AAAA,IAHWI,IAAUC,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWJ,EAAG,2CAA2CF,CAAS;AAAA,MACjE,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAe,EAAE,WAAAP,GAAW,GAAGF,KAAuC;AAC7E,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWC,EAAG,+BAA+BF,CAAS;AAAA,MACrD,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAoB;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGF;AACL,GAA+B;AAC7B,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWC,EAAG,oBAAoBF,CAAS;AAAA,MAC1C,GAAGF;AAAA,MAEH,UAAAW,uBAAaC,GAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEA,SAASC,EAAmB;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGF;AACL,GAAiC;AAC/B,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWV,EAAG,2CAA2CF,CAAS;AAAA,MACjE,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAe,WAAU,SAAA,CAAS;AAAA,QACnC,gBAAAZ,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

package/dist/button.js

@@ -0,0 +1,50 @@
+import { jsx as n } from "react/jsx-runtime";
+import { S as s } from "./index-DQH6odE9.js";
+import { c as a } from "./index-Bke1qZdk.js";
+import { c as d } from "./utils-CwJPJKOE.js";
+const c = a(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border border-border bg-background text-foreground shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-muted-foreground/30 dark:bg-transparent dark:hover:bg-muted/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-5 py-2 has-[>svg]:px-4",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-12 rounded-md px-8 has-[>svg]:px-6",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function f({
+  className: e,
+  variant: r,
+  size: t,
+  asChild: o = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ n(
+    o ? s : "button",
+    {
+      "data-slot": "button",
+      className: d(c({ variant: r, size: t, className: e })),
+      ...i
+    }
+  );
+}
+export {
+  f as Button,
+  c as buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border border-border bg-background text-foreground shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-muted-foreground/30 dark:bg-transparent dark:hover:bg-muted/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-5 py-2 has-[>svg]:px-4\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-12 rounded-md px-8 has-[>svg]:px-6\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","jsx","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAGK;AAGH,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGV,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;"}