commerce-toolkit 0.6.0 → 0.8.0

package/dist/button-D0viptzn.js

@@ -0,0 +1,134 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as i } from "./index-CQhYMnjT.js";
+import { c as e } from "./utils-CRiPKpXj.js";
+import { B as m } from "./button-loader-icon-BMHs6rYA.js";
+const v = i(
+  "relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))]",
+  {
+    variants: {
+      variant: {
+        primary: "bg-[var(--button-brand-background,var(--foreground))] text-[var(--button-brand-text,var(--background))] hover:opacity-70",
+        brand: "bg-[var(--button-brand-background,var(--brand))] text-[var(--button-brand-text,var(--foreground))] hover:opacity-70",
+        outline: "border border-[var(--button-outline-border,var(--contrast-200))] bg-[var(--button-outline-background,var(--background))] text-[var(--button-outline-text,var(--foreground))] hover:bg-foreground/5",
+        ghost: "bg-transparent text-[var(--button-ghost-text,var(--foreground))] hover:bg-foreground/5",
+        danger: "bg-[var(--button-danger-background,var(--error))] text-[var(--button-danger-text,var(--background))] hover:opacity-70"
+      },
+      size: {
+        "x-small": "min-h-8 text-xs",
+        small: "min-h-9 text-sm",
+        medium: "min-h-11 text-base",
+        large: "min-h-14 text-base"
+      },
+      shape: {
+        pill: "rounded-full",
+        rounded: "",
+        square: "rounded-none",
+        circle: "rounded-full"
+      }
+    },
+    compoundVariants: [
+      // Rounded shape uses size-specific border radius
+      { shape: "rounded", size: "x-small", class: "rounded-lg" },
+      { shape: "rounded", size: "small", class: "rounded-lg" },
+      { shape: "rounded", size: "medium", class: "rounded-xl" },
+      { shape: "rounded", size: "large", class: "rounded-xl" }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "large",
+      shape: "pill"
+    }
+  }
+), f = i(
+  "inline-flex items-center justify-center transition-all duration-300 ease-in-out",
+  {
+    variants: {
+      size: {
+        "x-small": "min-h-8 gap-x-2 px-3 py-1.5 text-xs",
+        small: "min-h-9 gap-x-2 px-3.5 py-2 text-sm",
+        medium: "min-h-11 gap-x-2.5 px-4 py-2.5 text-base",
+        large: "min-h-14 gap-x-3 px-5 py-4 text-base"
+      },
+      shape: {
+        pill: "",
+        rounded: "",
+        square: "",
+        circle: "aspect-square p-0"
+      }
+    },
+    defaultVariants: {
+      size: "large",
+      shape: "pill"
+    }
+  }
+);
+function z({
+  variant: r = "primary",
+  size: n = "large",
+  shape: o = "pill",
+  loading: t = !1,
+  loaderIcon: s,
+  type: l = "button",
+  disabled: u = !1,
+  className: d,
+  children: b,
+  ...c
+}) {
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      "aria-busy": t,
+      className: e(
+        v({ variant: r, size: n, shape: o }),
+        // Focus-visible state
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]",
+        // Disabled state
+        "disabled:pointer-events-none disabled:opacity-30",
+        // Loading state
+        t && "pointer-events-none",
+        d
+      ),
+      "data-slot": "button",
+      disabled: u,
+      type: l,
+      ...c,
+      children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: e(
+              f({ size: n, shape: o }),
+              t ? "-translate-y-full opacity-0" : "translate-y-0 opacity-100"
+            ),
+            children: b
+          }
+        ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: e(
+              "absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out",
+              t ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"
+            ),
+            children: /* @__PURE__ */ a(
+              m,
+              {
+                asChild: s?.asChild,
+                className: e(
+                  r === "outline" && "text-[var(--button-loader-icon,var(--foreground))]"
+                ),
+                children: s?.children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  z as B,
+  v as a,
+  f as b
+};
+//# sourceMappingURL=button-D0viptzn.js.map

package/dist/button-D0viptzn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-D0viptzn.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport * as ButtonPrimitive from '@/components/button';\nimport { cn } from '@/lib';\n\nexport const buttonVariants = cva(\n  'relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))]',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-[var(--button-brand-background,var(--foreground))] text-[var(--button-brand-text,var(--background))] hover:opacity-70',\n        brand:\n          'bg-[var(--button-brand-background,var(--brand))] text-[var(--button-brand-text,var(--foreground))] hover:opacity-70',\n        outline:\n          'border border-[var(--button-outline-border,var(--contrast-200))] bg-[var(--button-outline-background,var(--background))] text-[var(--button-outline-text,var(--foreground))] hover:bg-foreground/5',\n        ghost:\n          'bg-transparent text-[var(--button-ghost-text,var(--foreground))] hover:bg-foreground/5',\n        danger:\n          'bg-[var(--button-danger-background,var(--error))] text-[var(--button-danger-text,var(--background))] hover:opacity-70',\n      },\n      size: {\n        'x-small': 'min-h-8 text-xs',\n        small: 'min-h-9 text-sm',\n        medium: 'min-h-11 text-base',\n        large: 'min-h-14 text-base',\n      },\n      shape: {\n        pill: 'rounded-full',\n        rounded: '',\n        square: 'rounded-none',\n        circle: 'rounded-full',\n      },\n    },\n    compoundVariants: [\n      // Rounded shape uses size-specific border radius\n      { shape: 'rounded', size: 'x-small', class: 'rounded-lg' },\n      { shape: 'rounded', size: 'small', class: 'rounded-lg' },\n      { shape: 'rounded', size: 'medium', class: 'rounded-xl' },\n      { shape: 'rounded', size: 'large', class: 'rounded-xl' },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'large',\n      shape: 'pill',\n    },\n  },\n);\n\nexport const buttonContentVariants = cva(\n  'inline-flex items-center justify-center transition-all duration-300 ease-in-out',\n  {\n    variants: {\n      size: {\n        'x-small': 'min-h-8 gap-x-2 px-3 py-1.5 text-xs',\n        small: 'min-h-9 gap-x-2 px-3.5 py-2 text-sm',\n        medium: 'min-h-11 gap-x-2.5 px-4 py-2.5 text-base',\n        large: 'min-h-14 gap-x-3 px-5 py-4 text-base',\n      },\n      shape: {\n        pill: '',\n        rounded: '',\n        square: '',\n        circle: 'aspect-square p-0',\n      },\n    },\n    defaultVariants: {\n      size: 'large',\n      shape: 'pill',\n    },\n  },\n);\n\nexport type ButtonProps = ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    loading?: boolean;\n    loaderIcon?: {\n      asChild?: boolean;\n      children?: ReactNode;\n    };\n  };\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --button-focus: var(--brand);\n *   --button-font-family: var(--font-family-body);\n *   --button-brand-background: var(--brand);\n *   --button-brand-background-hover: color-mix(in oklab, var(--brand), white 75%);\n *   --button-brand-text: var(--foreground);\n *   --button-brand-border: var(--brand);\n *   --button-brand-background: var(--foreground);\n *   --button-brand-background-hover: var(--background);\n *   --button-brand-text: var(--background);\n *   --button-brand-border: var(--foreground);\n *   --button-outline-background: var(--background);\n *   --button-outline-background-hover: var(--contrast-100);\n *   --button-outline-text: var(--foreground);\n *   --button-outline-border: var(--contrast-200);\n *   --button-ghost-background: transparent;\n *   --button-ghost-background-hover: color-mix(in oklab, var(--foreground) 5%, transparent);\n *   --button-ghost-text: var(--foreground);\n *   --button-ghost-border: transparent;\n *   --button-loader-icon: var(--foreground);\n *   --button-danger-background: color-mix(in oklab, var(--error), white 30%);\n *   --button-danger-background-hover: color-mix(in oklab, var(--error), white 75%);\n *   --button-danger-text: var(--foreground);\n *   --button-danger-border: color-mix(in oklab, var(--error), white 30%);\n * }\n * ```\n */\nexport function Button({\n  variant = 'primary',\n  size = 'large',\n  shape = 'pill',\n  loading = false,\n  loaderIcon,\n  type = 'button',\n  disabled = false,\n  className,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      aria-busy={loading}\n      className={cn(\n        buttonVariants({ variant, size, shape }),\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]',\n        // Disabled state\n        'disabled:pointer-events-none disabled:opacity-30',\n        // Loading state\n        loading && 'pointer-events-none',\n        className,\n      )}\n      data-slot=\"button\"\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      <span\n        className={cn(\n          buttonContentVariants({ size, shape }),\n          loading ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100',\n        )}\n      >\n        {children}\n      </span>\n      <span\n        className={cn(\n          'absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out',\n          loading ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0',\n        )}\n      >\n        <ButtonPrimitive.LoaderIcon\n          asChild={loaderIcon?.asChild}\n          className={cn(\n            variant === 'outline' && 'text-[var(--button-loader-icon,var(--foreground))]',\n          )}\n        >\n          {loaderIcon?.children}\n        </ButtonPrimitive.LoaderIcon>\n      </span>\n    </button>\n  );\n}\n"],"names":["buttonVariants","cva","buttonContentVariants","Button","variant","size","shape","loading","loaderIcon","type","disabled","className","children","props","jsxs","cn","jsx","ButtonPrimitive.LoaderIcon"],"mappings":";;;;AAQO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,QACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,kBAAkB;AAAA;AAAA,MAEhB,EAAE,OAAO,WAAW,MAAM,WAAW,OAAO,aAAA;AAAA,MAC5C,EAAE,OAAO,WAAW,MAAM,SAAS,OAAO,aAAA;AAAA,MAC1C,EAAE,OAAO,WAAW,MAAM,UAAU,OAAO,aAAA;AAAA,MAC3C,EAAE,OAAO,WAAW,MAAM,SAAS,OAAO,aAAA;AAAA,IAAa;AAAA,IAEzD,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAwBD;AAAA,EACnC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AA2CO,SAASE,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAWP;AAAA,MACX,WAAWQ;AAAA,QACTf,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA;AAAA,QAEvC;AAAA;AAAA,QAEA;AAAA;AAAA,QAEAC,KAAW;AAAA,QACXI;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,UAAAD;AAAA,MACA,MAAAD;AAAA,MACC,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACTb,EAAsB,EAAE,MAAAG,GAAM,OAAAC,GAAO;AAAA,cACrCC,IAAU,gCAAgC;AAAA,YAAA;AAAA,YAG3C,UAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAR,IAAU,8BAA8B;AAAA,YAAA;AAAA,YAG1C,UAAA,gBAAAS;AAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,SAAST,GAAY;AAAA,gBACrB,WAAWO;AAAA,kBACTX,MAAY,aAAa;AAAA,gBAAA;AAAA,gBAG1B,UAAAI,GAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/button-bfAfHC_O.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("./index-iAvn1gzj.cjs"),a=require("./utils-DoxiiusW.cjs"),x=require("./button-loader-icon-C9L2M_EA.cjs"),l=i.cva("relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))]",{variants:{variant:{primary:"bg-[var(--button-brand-background,var(--foreground))] text-[var(--button-brand-text,var(--background))] hover:opacity-70",brand:"bg-[var(--button-brand-background,var(--brand))] text-[var(--button-brand-text,var(--foreground))] hover:opacity-70",outline:"border border-[var(--button-outline-border,var(--contrast-200))] bg-[var(--button-outline-background,var(--background))] text-[var(--button-outline-text,var(--foreground))] hover:bg-foreground/5",ghost:"bg-transparent text-[var(--button-ghost-text,var(--foreground))] hover:bg-foreground/5",danger:"bg-[var(--button-danger-background,var(--error))] text-[var(--button-danger-text,var(--background))] hover:opacity-70"},size:{"x-small":"min-h-8 text-xs",small:"min-h-9 text-sm",medium:"min-h-11 text-base",large:"min-h-14 text-base"},shape:{pill:"rounded-full",rounded:"",square:"rounded-none",circle:"rounded-full"}},compoundVariants:[{shape:"rounded",size:"x-small",class:"rounded-lg"},{shape:"rounded",size:"small",class:"rounded-lg"},{shape:"rounded",size:"medium",class:"rounded-xl"},{shape:"rounded",size:"large",class:"rounded-xl"}],defaultVariants:{variant:"primary",size:"large",shape:"pill"}}),u=i.cva("inline-flex items-center justify-center transition-all duration-300 ease-in-out",{variants:{size:{"x-small":"min-h-8 gap-x-2 px-3 py-1.5 text-xs",small:"min-h-9 gap-x-2 px-3.5 py-2 text-sm",medium:"min-h-11 gap-x-2.5 px-4 py-2.5 text-base",large:"min-h-14 gap-x-3 px-5 py-4 text-base"},shape:{pill:"",rounded:"",square:"",circle:"aspect-square p-0"}},defaultVariants:{size:"large",shape:"pill"}});function m({variant:n="primary",size:r="large",shape:o="pill",loading:t=!1,loaderIcon:s,type:d="button",disabled:c=!1,className:b,children:p,...v}){return e.jsxs("button",{"aria-busy":t,className:a.cn(l({variant:n,size:r,shape:o}),"focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]","disabled:pointer-events-none disabled:opacity-30",t&&"pointer-events-none",b),"data-slot":"button",disabled:c,type:d,...v,children:[e.jsx("span",{className:a.cn(u({size:r,shape:o}),t?"-translate-y-full opacity-0":"translate-y-0 opacity-100"),children:p}),e.jsx("span",{className:a.cn("absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out",t?"translate-y-0 opacity-100":"translate-y-full opacity-0"),children:e.jsx(x.ButtonLoaderIcon,{asChild:s?.asChild,className:a.cn(n==="outline"&&"text-[var(--button-loader-icon,var(--foreground))]"),children:s?.children})})]})}exports.Button=m;exports.buttonContentVariants=u;exports.buttonVariants=l;
+//# sourceMappingURL=button-bfAfHC_O.cjs.map

package/dist/button-bfAfHC_O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-bfAfHC_O.cjs","sources":["../src/components/button/button.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport * as ButtonPrimitive from '@/components/button';\nimport { cn } from '@/lib';\n\nexport const buttonVariants = cva(\n  'relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))]',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-[var(--button-brand-background,var(--foreground))] text-[var(--button-brand-text,var(--background))] hover:opacity-70',\n        brand:\n          'bg-[var(--button-brand-background,var(--brand))] text-[var(--button-brand-text,var(--foreground))] hover:opacity-70',\n        outline:\n          'border border-[var(--button-outline-border,var(--contrast-200))] bg-[var(--button-outline-background,var(--background))] text-[var(--button-outline-text,var(--foreground))] hover:bg-foreground/5',\n        ghost:\n          'bg-transparent text-[var(--button-ghost-text,var(--foreground))] hover:bg-foreground/5',\n        danger:\n          'bg-[var(--button-danger-background,var(--error))] text-[var(--button-danger-text,var(--background))] hover:opacity-70',\n      },\n      size: {\n        'x-small': 'min-h-8 text-xs',\n        small: 'min-h-9 text-sm',\n        medium: 'min-h-11 text-base',\n        large: 'min-h-14 text-base',\n      },\n      shape: {\n        pill: 'rounded-full',\n        rounded: '',\n        square: 'rounded-none',\n        circle: 'rounded-full',\n      },\n    },\n    compoundVariants: [\n      // Rounded shape uses size-specific border radius\n      { shape: 'rounded', size: 'x-small', class: 'rounded-lg' },\n      { shape: 'rounded', size: 'small', class: 'rounded-lg' },\n      { shape: 'rounded', size: 'medium', class: 'rounded-xl' },\n      { shape: 'rounded', size: 'large', class: 'rounded-xl' },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'large',\n      shape: 'pill',\n    },\n  },\n);\n\nexport const buttonContentVariants = cva(\n  'inline-flex items-center justify-center transition-all duration-300 ease-in-out',\n  {\n    variants: {\n      size: {\n        'x-small': 'min-h-8 gap-x-2 px-3 py-1.5 text-xs',\n        small: 'min-h-9 gap-x-2 px-3.5 py-2 text-sm',\n        medium: 'min-h-11 gap-x-2.5 px-4 py-2.5 text-base',\n        large: 'min-h-14 gap-x-3 px-5 py-4 text-base',\n      },\n      shape: {\n        pill: '',\n        rounded: '',\n        square: '',\n        circle: 'aspect-square p-0',\n      },\n    },\n    defaultVariants: {\n      size: 'large',\n      shape: 'pill',\n    },\n  },\n);\n\nexport type ButtonProps = ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    loading?: boolean;\n    loaderIcon?: {\n      asChild?: boolean;\n      children?: ReactNode;\n    };\n  };\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --button-focus: var(--brand);\n *   --button-font-family: var(--font-family-body);\n *   --button-brand-background: var(--brand);\n *   --button-brand-background-hover: color-mix(in oklab, var(--brand), white 75%);\n *   --button-brand-text: var(--foreground);\n *   --button-brand-border: var(--brand);\n *   --button-brand-background: var(--foreground);\n *   --button-brand-background-hover: var(--background);\n *   --button-brand-text: var(--background);\n *   --button-brand-border: var(--foreground);\n *   --button-outline-background: var(--background);\n *   --button-outline-background-hover: var(--contrast-100);\n *   --button-outline-text: var(--foreground);\n *   --button-outline-border: var(--contrast-200);\n *   --button-ghost-background: transparent;\n *   --button-ghost-background-hover: color-mix(in oklab, var(--foreground) 5%, transparent);\n *   --button-ghost-text: var(--foreground);\n *   --button-ghost-border: transparent;\n *   --button-loader-icon: var(--foreground);\n *   --button-danger-background: color-mix(in oklab, var(--error), white 30%);\n *   --button-danger-background-hover: color-mix(in oklab, var(--error), white 75%);\n *   --button-danger-text: var(--foreground);\n *   --button-danger-border: color-mix(in oklab, var(--error), white 30%);\n * }\n * ```\n */\nexport function Button({\n  variant = 'primary',\n  size = 'large',\n  shape = 'pill',\n  loading = false,\n  loaderIcon,\n  type = 'button',\n  disabled = false,\n  className,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      aria-busy={loading}\n      className={cn(\n        buttonVariants({ variant, size, shape }),\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]',\n        // Disabled state\n        'disabled:pointer-events-none disabled:opacity-30',\n        // Loading state\n        loading && 'pointer-events-none',\n        className,\n      )}\n      data-slot=\"button\"\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      <span\n        className={cn(\n          buttonContentVariants({ size, shape }),\n          loading ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100',\n        )}\n      >\n        {children}\n      </span>\n      <span\n        className={cn(\n          'absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out',\n          loading ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0',\n        )}\n      >\n        <ButtonPrimitive.LoaderIcon\n          asChild={loaderIcon?.asChild}\n          className={cn(\n            variant === 'outline' && 'text-[var(--button-loader-icon,var(--foreground))]',\n          )}\n        >\n          {loaderIcon?.children}\n        </ButtonPrimitive.LoaderIcon>\n      </span>\n    </button>\n  );\n}\n"],"names":["buttonVariants","cva","buttonContentVariants","Button","variant","size","shape","loading","loaderIcon","type","disabled","className","children","props","jsxs","cn","jsx","ButtonPrimitive.LoaderIcon"],"mappings":"qKAQaA,EAAiBC,EAAAA,IAC5B,yOACA,CACE,SAAU,CACR,QAAS,CACP,QACE,2HACF,MACE,sHACF,QACE,qMACF,MACE,yFACF,OACE,uHAAA,EAEJ,KAAM,CACJ,UAAW,kBACX,MAAO,kBACP,OAAQ,qBACR,MAAO,oBAAA,EAET,MAAO,CACL,KAAM,eACN,QAAS,GACT,OAAQ,eACR,OAAQ,cAAA,CACV,EAEF,iBAAkB,CAEhB,CAAE,MAAO,UAAW,KAAM,UAAW,MAAO,YAAA,EAC5C,CAAE,MAAO,UAAW,KAAM,QAAS,MAAO,YAAA,EAC1C,CAAE,MAAO,UAAW,KAAM,SAAU,MAAO,YAAA,EAC3C,CAAE,MAAO,UAAW,KAAM,QAAS,MAAO,YAAA,CAAa,EAEzD,gBAAiB,CACf,QAAS,UACT,KAAM,QACN,MAAO,MAAA,CACT,CAEJ,EAEaC,EAAwBD,EAAAA,IACnC,kFACA,CACE,SAAU,CACR,KAAM,CACJ,UAAW,sCACX,MAAO,sCACP,OAAQ,2CACR,MAAO,sCAAA,EAET,MAAO,CACL,KAAM,GACN,QAAS,GACT,OAAQ,GACR,OAAQ,mBAAA,CACV,EAEF,gBAAiB,CACf,KAAM,QACN,MAAO,MAAA,CACT,CAEJ,EA2CO,SAASE,EAAO,CACrB,QAAAC,EAAU,UACV,KAAAC,EAAO,QACP,MAAAC,EAAQ,OACR,QAAAC,EAAU,GACV,WAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EAAW,GACX,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,OACEC,EAAAA,KAAC,SAAA,CACC,YAAWP,EACX,UAAWQ,EAAAA,GACTf,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,MAAAC,EAAO,EAEvC,qIAEA,mDAEAC,GAAW,sBACXI,CAAA,EAEF,YAAU,SACV,SAAAD,EACA,KAAAD,EACC,GAAGI,EAEJ,SAAA,CAAAG,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACTb,EAAsB,CAAE,KAAAG,EAAM,MAAAC,EAAO,EACrCC,EAAU,8BAAgC,2BAAA,EAG3C,SAAAK,CAAA,CAAA,EAEHI,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,qFACAR,EAAU,4BAA8B,4BAAA,EAG1C,SAAAS,EAAAA,IAACC,EAAAA,iBAAA,CACC,QAAST,GAAY,QACrB,UAAWO,EAAAA,GACTX,IAAY,WAAa,oDAAA,EAG1B,SAAAI,GAAY,QAAA,CAAA,CACf,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/button-link-DyOjXaM6.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),s=require("./index-DGaxX11V.cjs"),e=require("./button-bfAfHC_O.cjs"),b=require("./utils-DoxiiusW.cjs");function f({variant:i="primary",size:n="large",shape:o="pill",className:u,children:l,asChild:r=!1,...a}){const c=r?s.Slot:"a";return t.jsx(c,{className:b.cn(e.buttonVariants({variant:i,size:n,shape:o}),"focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]",u),"data-slot":"button-link",...a,children:t.jsx("span",{className:e.buttonContentVariants({size:n,shape:o}),children:t.jsx(s.Slottable,{children:l})})})}exports.ButtonLink=f;
+//# sourceMappingURL=button-link-DyOjXaM6.cjs.map

package/dist/button-link-DyOjXaM6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link-DyOjXaM6.cjs","sources":["../src/components/button-link/button-link.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { buttonContentVariants, buttonVariants } from '@/components/button';\nimport { cn } from '@/lib';\n\nexport type ButtonLinkProps = ComponentProps<'a'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  };\n\n/**\n * A link styled as a button. Shares the same CSS variables as the Button component.\n *\n * @see Button for the full list of CSS variables.\n */\nexport function ButtonLink({\n  variant = 'primary',\n  size = 'large',\n  shape = 'pill',\n  className,\n  children,\n  asChild = false,\n  ...props\n}: ButtonLinkProps) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      className={cn(\n        buttonVariants({ variant, size, shape }),\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]',\n        className,\n      )}\n      data-slot=\"button-link\"\n      {...props}\n    >\n      <span className={buttonContentVariants({ size, shape })}>\n        <Slottable>{children}</Slottable>\n      </span>\n    </Comp>\n  );\n}\n"],"names":["ButtonLink","variant","size","shape","className","children","asChild","props","Comp","Slot","jsx","cn","buttonVariants","buttonContentVariants","Slottable"],"mappings":"yJAiBO,SAASA,EAAW,CACzB,QAAAC,EAAU,UACV,KAAAC,EAAO,QACP,MAAAC,EAAQ,OACR,UAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,IAE9B,OACEC,EAAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GACTC,EAAAA,eAAe,CAAE,QAAAX,EAAS,KAAAC,EAAM,MAAAC,EAAO,EAEvC,qIACAC,CAAA,EAEF,YAAU,cACT,GAAGG,EAEJ,SAAAG,EAAAA,IAAC,OAAA,CAAK,UAAWG,EAAAA,sBAAsB,CAAE,KAAAX,EAAM,MAAAC,CAAA,CAAO,EACpD,SAAAO,EAAAA,IAACI,EAAAA,UAAA,CAAW,SAAAT,CAAA,CAAS,CAAA,CACvB,CAAA,CAAA,CAGN"}

package/dist/button-link-KFt37w0p.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import { S as e, a as u } from "./index-DD8W7cMj.js";
+import { b as c, a as f } from "./button-D0viptzn.js";
+import { c as m } from "./utils-CRiPKpXj.js";
+function S({
+  variant: n = "primary",
+  size: t = "large",
+  shape: a = "pill",
+  className: s,
+  children: i,
+  asChild: r = !1,
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    r ? e : "a",
+    {
+      className: m(
+        f({ variant: n, size: t, shape: a }),
+        // Focus-visible state
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]",
+        s
+      ),
+      "data-slot": "button-link",
+      ...l,
+      children: /* @__PURE__ */ o("span", { className: c({ size: t, shape: a }), children: /* @__PURE__ */ o(u, { children: i }) })
+    }
+  );
+}
+export {
+  S as B
+};
+//# sourceMappingURL=button-link-KFt37w0p.js.map

package/dist/button-link-KFt37w0p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link-KFt37w0p.js","sources":["../src/components/button-link/button-link.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { buttonContentVariants, buttonVariants } from '@/components/button';\nimport { cn } from '@/lib';\n\nexport type ButtonLinkProps = ComponentProps<'a'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  };\n\n/**\n * A link styled as a button. Shares the same CSS variables as the Button component.\n *\n * @see Button for the full list of CSS variables.\n */\nexport function ButtonLink({\n  variant = 'primary',\n  size = 'large',\n  shape = 'pill',\n  className,\n  children,\n  asChild = false,\n  ...props\n}: ButtonLinkProps) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      className={cn(\n        buttonVariants({ variant, size, shape }),\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,var(--brand))]',\n        className,\n      )}\n      data-slot=\"button-link\"\n      {...props}\n    >\n      <span className={buttonContentVariants({ size, shape })}>\n        <Slottable>{children}</Slottable>\n      </span>\n    </Comp>\n  );\n}\n"],"names":["ButtonLink","variant","size","shape","className","children","asChild","props","jsx","Slot","cn","buttonVariants","buttonContentVariants","Slottable"],"mappings":";;;;AAiBO,SAASA,EAAW;AAAA,EACzB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAoB;AAGlB,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAO;AAAA,IAG3B;AAAA,MACC,WAAWC;AAAA,QACTC,EAAe,EAAE,SAAAV,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA;AAAA,QAEvC;AAAA,QACAC;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWI,EAAsB,EAAE,MAAAV,GAAM,OAAAC,EAAA,CAAO,GACpD,UAAA,gBAAAK,EAACK,GAAA,EAAW,UAAAR,EAAA,CAAS,EAAA,CACvB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/button-loader-icon-BMHs6rYA.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { S as l } from "./index-DD8W7cMj.js";
+import { c as e } from "./utils-CRiPKpXj.js";
+import { c as i } from "./createLucideIcon-DU8bVqFn.js";
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], r = i("loader-circle", a), f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  __iconNode: a,
+  default: r
+}, Symbol.toStringTag, { value: "Module" }));
+function p({ asChild: n = !1, className: o, children: c }) {
+  return n ? /* @__PURE__ */ t(l, { className: e("animate-spin", o), "data-slot": "button-loader-icon", children: c }) : /* @__PURE__ */ t(r, { className: e("animate-spin", o), "data-slot": "button-loader-icon" });
+}
+export {
+  p as B,
+  f as l
+};
+//# sourceMappingURL=button-loader-icon-BMHs6rYA.js.map

package/dist/button-loader-icon-BMHs6rYA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-loader-icon-BMHs6rYA.js","sources":["../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js","../src/components/button/primitives/button-loader-icon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.545.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","import { Slot } from '@radix-ui/react-slot';\nimport { Loader2 } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ButtonLoaderIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function ButtonLoaderIcon({ asChild = false, className, children }: ButtonLoaderIconProps) {\n  if (asChild) {\n    return (\n      <Slot className={cn('animate-spin', className)} data-slot=\"button-loader-icon\">\n        {children}\n      </Slot>\n    );\n  }\n\n  return <Loader2 className={cn('animate-spin', className)} data-slot=\"button-loader-icon\" />;\n}\n"],"names":["__iconNode","LoaderCircle","createLucideIcon","ButtonLoaderIcon","asChild","className","children","jsx","Slot","cn","Loader2"],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAG,+BAA+B,KAAK,SAAQ,CAAE,CAAC,GAC3EC,IAAeC,EAAiB,iBAAiBF,CAAU;;;;;ACE1D,SAASG,EAAiB,EAAE,SAAAC,IAAU,IAAO,WAAAC,GAAW,UAAAC,KAAmC;AAChG,SAAIF,IAEA,gBAAAG,EAACC,KAAK,WAAWC,EAAG,gBAAgBJ,CAAS,GAAG,aAAU,sBACvD,UAAAC,EAAA,CACH,IAIG,gBAAAC,EAACG,KAAQ,WAAWD,EAAG,gBAAgBJ,CAAS,GAAG,aAAU,sBAAqB;AAC3F;","x_google_ignoreList":[0]}

package/dist/button-loader-icon-C9L2M_EA.cjs

@@ -0,0 +1,7 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("./index-DGaxX11V.cjs"),o=require("./utils-DoxiiusW.cjs"),l=require("./createLucideIcon-CpmcoNn-.cjs");/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const n=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],r=l.createLucideIcon("loader-circle",n),s=Object.freeze(Object.defineProperty({__proto__:null,__iconNode:n,default:r},Symbol.toStringTag,{value:"Module"}));function u({asChild:c=!1,className:e,children:a}){return c?t.jsx(i.Slot,{className:o.cn("animate-spin",e),"data-slot":"button-loader-icon",children:a}):t.jsx(r,{className:o.cn("animate-spin",e),"data-slot":"button-loader-icon"})}exports.ButtonLoaderIcon=u;exports.loaderCircle=s;
+//# sourceMappingURL=button-loader-icon-C9L2M_EA.cjs.map

package/dist/button-loader-icon-C9L2M_EA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-loader-icon-C9L2M_EA.cjs","sources":["../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js","../src/components/button/primitives/button-loader-icon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.545.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","import { Slot } from '@radix-ui/react-slot';\nimport { Loader2 } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ButtonLoaderIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function ButtonLoaderIcon({ asChild = false, className, children }: ButtonLoaderIconProps) {\n  if (asChild) {\n    return (\n      <Slot className={cn('animate-spin', className)} data-slot=\"button-loader-icon\">\n        {children}\n      </Slot>\n    );\n  }\n\n  return <Loader2 className={cn('animate-spin', className)} data-slot=\"button-loader-icon\" />;\n}\n"],"names":["__iconNode","LoaderCircle","createLucideIcon","ButtonLoaderIcon","asChild","className","children","jsx","Slot","cn","Loader2"],"mappings":"mKAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASA,MAAMA,EAAa,CAAC,CAAC,OAAQ,CAAE,EAAG,8BAA+B,IAAK,QAAQ,CAAE,CAAC,EAC3EC,EAAeC,EAAAA,iBAAiB,gBAAiBF,CAAU,sHCE1D,SAASG,EAAiB,CAAE,QAAAC,EAAU,GAAO,UAAAC,EAAW,SAAAC,GAAmC,CAChG,OAAIF,EAEAG,MAACC,EAAAA,MAAK,UAAWC,EAAAA,GAAG,eAAgBJ,CAAS,EAAG,YAAU,qBACvD,SAAAC,CAAA,CACH,EAIGC,EAAAA,IAACG,GAAQ,UAAWD,EAAAA,GAAG,eAAgBJ,CAAS,EAAG,YAAU,qBAAqB,CAC3F","x_google_ignoreList":[0]}

package/dist/button-radio-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-CHBN4DXC.cjs"),d=require("./utils-DoxiiusW.cjs");function n({children:r,className:t,...o}){return e.jsx(a.Root2,{className:d.cn("flex flex-wrap gap-2",t),"data-slot":"button-radio-group-root",...o,children:r})}function u({children:r,className:t,...o}){return e.jsx(a.Item2,{className:d.cn("h-12 px-4","whitespace-nowrap font-body text-sm font-normal leading-normal","border-[var(--button-radio-group-light-unchecked-border,hsl(var(--contrast-100)))]","rounded-full border","transition-colors","focus-visible:outline-0 focus-visible:ring-2","focus-visible:ring-[var(--button-radio-group-light-focus,hsl(var(--primary)))]","data-[state=checked]:border-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]","data-[state=checked]:bg-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]","data-[state=checked]:text-[var(--button-radio-group-light-checked-text,hsl(var(--background)))]","data-[state=unchecked]:bg-[var(--button-radio-group-light-unchecked-background,hsl(var(--background)))]","data-[state=unchecked]:text-[var(--button-radio-group-light-unchecked-text,hsl(var(--foreground)))]","data-[state=unchecked]:hover:border-[var(--button-radio-group-light-unchecked-border-hover,hsl(var(--contrast-200)))]","data-[state=unchecked]:hover:bg-[var(--button-radio-group-light-unchecked-background-hover,hsl(var(--contrast-100)))]","aria-invalid:border-[var(--button-radio-group-light-border-error,hsl(var(--error)))]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),"data-slot":"button-radio-group-item",...o,children:r})}exports.Item=u;exports.Root=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-CHBN4DXC.cjs"),n=require("./utils-DoxiiusW.cjs");function d({children:o,className:r,...t}){return e.jsx(a.Root2,{className:n.cn("flex flex-wrap gap-2",r),"data-slot":"button-radio-group-root",...t,children:o})}function u({children:o,className:r,...t}){return e.jsx(a.Item2,{className:n.cn("h-12 whitespace-nowrap rounded-full border border-[var(--button-radio-group-unchecked-border,var(--contrast-100))] px-4 font-body text-sm font-normal leading-normal transition-colors","focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-radio-group-focus,var(--brand))]","data-[state=checked]:border-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:bg-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:text-[var(--button-radio-group-checked-text,var(--background))]","data-[state=unchecked]:bg-[var(--button-radio-group-unchecked-background,var(--background))] data-[state=unchecked]:text-[var(--button-radio-group-unchecked-text,var(--foreground))]","data-[state=unchecked]:hover:border-[var(--button-radio-group-unchecked-border-hover,var(--contrast-200))] data-[state=unchecked]:hover:bg-[var(--button-radio-group-unchecked-background-hover,var(--contrast-100))]","aria-invalid:border-[var(--button-radio-group-border-error,var(--error))]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),"data-slot":"button-radio-group-item",...t,children:o})}exports.Item=u;exports.Root=d;
 //# sourceMappingURL=button-radio-group.cjs.map

package/dist/button-radio-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-radio-group.cjs","sources":["../src/components/button-radio-group/primitives/button-radio-group-root.tsx","../src/components/button-radio-group/primitives/button-radio-group-item.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function ButtonRadioGroupRoot({ children, className, ...props }: ButtonRadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\n        // Base layout\n        'flex flex-wrap gap-2',\n        className,\n      )}\n      data-slot=\"button-radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function ButtonRadioGroupItem({ children, className, ...props }: ButtonRadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        // Base layout\n        'h-12 px-4',\n        // Typography\n        'whitespace-nowrap font-body text-sm font-normal leading-normal',\n        // Colors\n        'border-[var(--button-radio-group-light-unchecked-border,hsl(var(--contrast-100)))]',\n        // Borders & Rounded\n        'rounded-full border',\n        // Transitions\n        'transition-colors',\n        // Focus-visible state\n        'focus-visible:outline-0 focus-visible:ring-2',\n        'focus-visible:ring-[var(--button-radio-group-light-focus,hsl(var(--primary)))]',\n        // Checked state\n        'data-[state=checked]:border-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]',\n        'data-[state=checked]:bg-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]',\n        'data-[state=checked]:text-[var(--button-radio-group-light-checked-text,hsl(var(--background)))]',\n        // Unchecked state\n        'data-[state=unchecked]:bg-[var(--button-radio-group-light-unchecked-background,hsl(var(--background)))]',\n        'data-[state=unchecked]:text-[var(--button-radio-group-light-unchecked-text,hsl(var(--foreground)))]',\n        // Unchecked hover state\n        'data-[state=unchecked]:hover:border-[var(--button-radio-group-light-unchecked-border-hover,hsl(var(--contrast-200)))]',\n        'data-[state=unchecked]:hover:bg-[var(--button-radio-group-light-unchecked-background-hover,hsl(var(--contrast-100)))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--button-radio-group-light-border-error,hsl(var(--error)))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      data-slot=\"button-radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n"],"names":["ButtonRadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","ButtonRadioGroupItem","RadioGroupPrimitive.Item"],"mappings":"yLAOO,SAASA,EAAqB,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAoC,CACjG,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,GAET,uBACAJ,CAAA,EAEF,YAAU,0BACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CCdO,SAASM,EAAqB,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,GAAoC,CACjG,OACEC,EAAAA,IAACI,EAAAA,MAAA,CACC,UAAWF,EAAAA,GAET,YAEA,iEAEA,qFAEA,sBAEA,oBAEA,+CACA,iFAEA,0GACA,sGACA,kGAEA,0GACA,sGAEA,wHACA,wHAEA,uFAEA,iEACAJ,CAAA,EAEF,YAAU,0BACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP"}
+{"version":3,"file":"button-radio-group.cjs","sources":["../src/components/button-radio-group/primitives/button-radio-group-root.tsx","../src/components/button-radio-group/primitives/button-radio-group-item.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function ButtonRadioGroupRoot({ children, className, ...props }: ButtonRadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('flex flex-wrap gap-2', className)}\n      data-slot=\"button-radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function ButtonRadioGroupItem({ children, className, ...props }: ButtonRadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        'h-12 whitespace-nowrap rounded-full border border-[var(--button-radio-group-unchecked-border,var(--contrast-100))] px-4 font-body text-sm font-normal leading-normal transition-colors',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-radio-group-focus,var(--brand))]',\n        // Checked state\n        'data-[state=checked]:border-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:bg-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:text-[var(--button-radio-group-checked-text,var(--background))]',\n        // Unchecked state\n        'data-[state=unchecked]:bg-[var(--button-radio-group-unchecked-background,var(--background))] data-[state=unchecked]:text-[var(--button-radio-group-unchecked-text,var(--foreground))]',\n        // Unchecked hover state\n        'data-[state=unchecked]:hover:border-[var(--button-radio-group-unchecked-border-hover,var(--contrast-200))] data-[state=unchecked]:hover:bg-[var(--button-radio-group-unchecked-background-hover,var(--contrast-100))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--button-radio-group-border-error,var(--error))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      data-slot=\"button-radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n"],"names":["ButtonRadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","ButtonRadioGroupItem","RadioGroupPrimitive.Item"],"mappings":"yLAOO,SAASA,EAAqB,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAoC,CACjG,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,GAAG,uBAAwBJ,CAAS,EAC/C,YAAU,0BACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CCVO,SAASM,EAAqB,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,GAAoC,CACjG,OACEC,EAAAA,IAACI,EAAAA,MAAA,CACC,UAAWF,EAAAA,GACT,yLAEA,iJAEA,6QAEA,wLAEA,wNAEA,4EAEA,iEACAJ,CAAA,EAEF,YAAU,0BACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP"}

package/dist/button-radio-group.js

@@ -1,63 +1,45 @@
 import { jsx as a } from "react/jsx-runtime";
 import { R as d, I as n } from "./index-BEcVxceo.js";
 import { c as e } from "./utils-CRiPKpXj.js";
-function s({ children: r, className: o, ...t }) {
+function s({ children: o, className: r, ...t }) {
   return /* @__PURE__ */ a(
     d,
     {
-      className: e(
-        // Base layout
-        "flex flex-wrap gap-2",
-        o
-      ),
+      className: e("flex flex-wrap gap-2", r),
       "data-slot": "button-radio-group-root",
       ...t,
-      children: r
+      children: o
     }
   );
 }
-function h({ children: r, className: o, ...t }) {
+function b({ children: o, className: r, ...t }) {
   return /* @__PURE__ */ a(
     n,
     {
       className: e(
-        // Base layout
-        "h-12 px-4",
-        // Typography
-        "whitespace-nowrap font-body text-sm font-normal leading-normal",
-        // Colors
-        "border-[var(--button-radio-group-light-unchecked-border,hsl(var(--contrast-100)))]",
-        // Borders & Rounded
-        "rounded-full border",
-        // Transitions
-        "transition-colors",
+        "h-12 whitespace-nowrap rounded-full border border-[var(--button-radio-group-unchecked-border,var(--contrast-100))] px-4 font-body text-sm font-normal leading-normal transition-colors",
         // Focus-visible state
-        "focus-visible:outline-0 focus-visible:ring-2",
-        "focus-visible:ring-[var(--button-radio-group-light-focus,hsl(var(--primary)))]",
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-radio-group-focus,var(--brand))]",
         // Checked state
-        "data-[state=checked]:border-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]",
-        "data-[state=checked]:bg-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]",
-        "data-[state=checked]:text-[var(--button-radio-group-light-checked-text,hsl(var(--background)))]",
+        "data-[state=checked]:border-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:bg-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:text-[var(--button-radio-group-checked-text,var(--background))]",
         // Unchecked state
-        "data-[state=unchecked]:bg-[var(--button-radio-group-light-unchecked-background,hsl(var(--background)))]",
-        "data-[state=unchecked]:text-[var(--button-radio-group-light-unchecked-text,hsl(var(--foreground)))]",
+        "data-[state=unchecked]:bg-[var(--button-radio-group-unchecked-background,var(--background))] data-[state=unchecked]:text-[var(--button-radio-group-unchecked-text,var(--foreground))]",
         // Unchecked hover state
-        "data-[state=unchecked]:hover:border-[var(--button-radio-group-light-unchecked-border-hover,hsl(var(--contrast-200)))]",
-        "data-[state=unchecked]:hover:bg-[var(--button-radio-group-light-unchecked-background-hover,hsl(var(--contrast-100)))]",
+        "data-[state=unchecked]:hover:border-[var(--button-radio-group-unchecked-border-hover,var(--contrast-200))] data-[state=unchecked]:hover:bg-[var(--button-radio-group-unchecked-background-hover,var(--contrast-100))]",
         // Aria-invalid state
-        "aria-invalid:border-[var(--button-radio-group-light-border-error,hsl(var(--error)))]",
+        "aria-invalid:border-[var(--button-radio-group-border-error,var(--error))]",
         // Disabled state
         "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        o
+        r
       ),
       "data-slot": "button-radio-group-item",
       ...t,
-      children: r
+      children: o
     }
   );
 }
 export {
-  h as Item,
+  b as Item,
   s as Root
 };
 //# sourceMappingURL=button-radio-group.js.map

package/dist/button-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-radio-group.js","sources":["../src/components/button-radio-group/primitives/button-radio-group-root.tsx","../src/components/button-radio-group/primitives/button-radio-group-item.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function ButtonRadioGroupRoot({ children, className, ...props }: ButtonRadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\n        // Base layout\n        'flex flex-wrap gap-2',\n        className,\n      )}\n      data-slot=\"button-radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function ButtonRadioGroupItem({ children, className, ...props }: ButtonRadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        // Base layout\n        'h-12 px-4',\n        // Typography\n        'whitespace-nowrap font-body text-sm font-normal leading-normal',\n        // Colors\n        'border-[var(--button-radio-group-light-unchecked-border,hsl(var(--contrast-100)))]',\n        // Borders & Rounded\n        'rounded-full border',\n        // Transitions\n        'transition-colors',\n        // Focus-visible state\n        'focus-visible:outline-0 focus-visible:ring-2',\n        'focus-visible:ring-[var(--button-radio-group-light-focus,hsl(var(--primary)))]',\n        // Checked state\n        'data-[state=checked]:border-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]',\n        'data-[state=checked]:bg-[var(--button-radio-group-light-checked-background,hsl(var(--foreground)))]',\n        'data-[state=checked]:text-[var(--button-radio-group-light-checked-text,hsl(var(--background)))]',\n        // Unchecked state\n        'data-[state=unchecked]:bg-[var(--button-radio-group-light-unchecked-background,hsl(var(--background)))]',\n        'data-[state=unchecked]:text-[var(--button-radio-group-light-unchecked-text,hsl(var(--foreground)))]',\n        // Unchecked hover state\n        'data-[state=unchecked]:hover:border-[var(--button-radio-group-light-unchecked-border-hover,hsl(var(--contrast-200)))]',\n        'data-[state=unchecked]:hover:bg-[var(--button-radio-group-light-unchecked-background-hover,hsl(var(--contrast-100)))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--button-radio-group-light-border-error,hsl(var(--error)))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      data-slot=\"button-radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n"],"names":["ButtonRadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","ButtonRadioGroupItem","RadioGroupPrimitive.Item"],"mappings":";;;AAOO,SAASA,EAAqB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA;AAAA,QAET;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACdO,SAASM,EAAqB,EAAE,UAAAN,GAAU,WAAAC,GAAW,GAAGC,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA;AAAA,QAET;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"button-radio-group.js","sources":["../src/components/button-radio-group/primitives/button-radio-group-root.tsx","../src/components/button-radio-group/primitives/button-radio-group-item.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function ButtonRadioGroupRoot({ children, className, ...props }: ButtonRadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('flex flex-wrap gap-2', className)}\n      data-slot=\"button-radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ButtonRadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function ButtonRadioGroupItem({ children, className, ...props }: ButtonRadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        'h-12 whitespace-nowrap rounded-full border border-[var(--button-radio-group-unchecked-border,var(--contrast-100))] px-4 font-body text-sm font-normal leading-normal transition-colors',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-radio-group-focus,var(--brand))]',\n        // Checked state\n        'data-[state=checked]:border-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:bg-[var(--button-radio-group-checked-background,var(--foreground))] data-[state=checked]:text-[var(--button-radio-group-checked-text,var(--background))]',\n        // Unchecked state\n        'data-[state=unchecked]:bg-[var(--button-radio-group-unchecked-background,var(--background))] data-[state=unchecked]:text-[var(--button-radio-group-unchecked-text,var(--foreground))]',\n        // Unchecked hover state\n        'data-[state=unchecked]:hover:border-[var(--button-radio-group-unchecked-border-hover,var(--contrast-200))] data-[state=unchecked]:hover:bg-[var(--button-radio-group-unchecked-background-hover,var(--contrast-100))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--button-radio-group-border-error,var(--error))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      data-slot=\"button-radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n"],"names":["ButtonRadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","ButtonRadioGroupItem","RadioGroupPrimitive.Item"],"mappings":";;;AAOO,SAASA,EAAqB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAG,wBAAwBJ,CAAS;AAAA,MAC/C,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACVO,SAASM,EAAqB,EAAE,UAAAN,GAAU,WAAAC,GAAW,GAAGC,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-loader-icon-C9L2M_EA.cjs");exports.LoaderIcon=e.ButtonLoaderIcon;
+//# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/button.js

@@ -0,0 +1,5 @@
+import { B as a } from "./button-loader-icon-BMHs6rYA.js";
+export {
+  a as LoaderIcon
+};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}