@customafk/lunas-ui 0.2.4 → 0.2.5

package/dist/ui/textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
 
 //#region packages/components/ui/textarea.d.ts
 declare function Textarea({
@@ -8,7 +8,7 @@ declare function Textarea({
   ...props
 }: React.ComponentProps<'textarea'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime87.JSX.Element;
+}): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.map

package/dist/ui/textarea.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../textarea-bLtmb71c.mjs";export{e as Textarea};
+"use client";import{t as e}from"../textarea-RjL2DtNf.mjs";export{e as Textarea};

package/dist/ui/toggle-group.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`./toggle.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);const o=(0,r.createContext)({size:`default`,variant:`default`});function s({className:e,variant:t,size:r,children:s,...c}){return(0,i.jsx)(a.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":r,className:(0,n.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,i.jsx)(o.Provider,{value:{variant:t,size:r},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=(0,r.use)(o);return(0,i.jsx)(a.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,n.cn)(t.toggleVariants({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`./toggle.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`react`),a=require(`radix-ui`);const o=(0,i.createContext)({size:`default`,variant:`default`});function s({className:e,variant:t,size:i,children:s,...c}){return(0,r.jsx)(a.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":i,className:(0,n.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,r.jsx)(o.Provider,{value:{variant:t,size:i},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=(0,i.use)(o);return(0,r.jsx)(a.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,n.cn)(t.toggleVariants({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
 //# sourceMappingURL=toggle-group.cjs.map

package/dist/ui/toggle-group.d.cts

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.cjs";
-import * as react_jsx_runtime286 from "react/jsx-runtime";
+import * as react_jsx_runtime209 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -10,14 +10,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime286.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime209.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime286.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime209.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.cts.map

package/dist/ui/toggle-group.d.mts

@@ -1,6 +1,6 @@
 import { toggleVariants } from "./toggle.mjs";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime200 from "react/jsx-runtime";
+import * as react_jsx_runtime247 from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/toggle-group.d.ts
@@ -10,14 +10,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime247.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime247.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.mts.map

package/dist/ui/toggle-group.mjs

@@ -1,2 +1,2 @@
-"use client";import{toggleVariants as e}from"./toggle.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{createContext as n,use as r}from"react";import{jsx as i}from"react/jsx-runtime";import{ToggleGroup as a}from"radix-ui";const o=n({size:`default`,variant:`default`});function s({className:e,variant:n,size:r,children:s,...c}){return i(a.Root,{"data-slot":`toggle-group`,"data-variant":n,"data-size":r,className:t(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:i(o.Provider,{value:{variant:n,size:r},children:s})})}function c({className:n,children:s,variant:c,size:l,...u}){let d=r(o);return i(a.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:t(e({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,n),...u,children:s})}export{s as ToggleGroup,c as ToggleGroupItem};
+"use client";import{toggleVariants as e}from"./toggle.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{createContext as r,use as i}from"react";import{ToggleGroup as a}from"radix-ui";const o=r({size:`default`,variant:`default`});function s({className:e,variant:r,size:i,children:s,...c}){return n(a.Root,{"data-slot":`toggle-group`,"data-variant":r,"data-size":i,className:t(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:n(o.Provider,{value:{variant:r,size:i},children:s})})}function c({className:r,children:s,variant:c,size:l,...u}){let d=i(o);return n(a.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:t(e({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,r),...u,children:s})}export{s as ToggleGroup,c as ToggleGroupItem};
 //# sourceMappingURL=toggle-group.mjs.map

package/dist/ui/toggle.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime285 from "react/jsx-runtime";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
 
@@ -7,13 +7,13 @@ import { Toggle as Toggle$1 } from "radix-ui";
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 declare function Toggle({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime285.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime203.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.cts.map

package/dist/ui/toggle.d.mts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime268 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "radix-ui";
 import * as class_variance_authority_types9 from "class-variance-authority/types";
 
@@ -13,7 +13,7 @@ declare function Toggle({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime268.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime234.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.mts.map

package/dist/ui/tooltip.d.cts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime244 from "react/jsx-runtime";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime211.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime211.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime211.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime211.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.cts.map

package/dist/ui/tooltip.d.mts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime114 from "react/jsx-runtime";
+import * as react_jsx_runtime242 from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime242.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime242.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime242.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime242.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {
@@ -438,13 +438,14 @@
     "tailwind-merge": "^3.3.0",
     "tailwindcss": "^4.1.0",
     "tw-animate-css": "^1.3.0",
-    "zod": "^4.1.3",
-    "vaul": "^1.1.2"
+    "vaul": "^1.1.2",
+    "zod": "^4.1.3"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.7",
     "@storybook/addon-a11y": "^10.1.0",
     "@storybook/addon-docs": "^10.1.0",
+    "@storybook/addon-mcp": "^0.6.0",
     "@storybook/addon-onboarding": "^10.1.0",
     "@storybook/addon-themes": "^10.1.0",
     "@storybook/react-vite": "^10.1.0",

package/styles/theme.css

@@ -1,21 +1,21 @@
 :root {
   /* Color Palette */
-  --background: #ffffff; /* --color-zinc-50 */
-  --foreground: oklch(14% 0 0); /* --color-zinc-950 */
+  --background: oklch(0.99 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.14 0 0); /* --color-zinc-950 */
 
-  --card: #ffffff; /* --color-zinc-50 */
-  --card-foreground: oklch(14% 0 286); /* --color-zinc-950 */
+  --card: var(--background);
+  --card-foreground: var(--foreground);
 
-  --popover: #ffffff; /* --color-zinc-50 */
-  --popover-foreground: oklch(14% 0 286); /* --color-zinc-950 */
+  --popover: var(--background);
+  --popover-foreground: var(--foreground);
 
   --primary: oklch(0.61 0.22 293); /* --color-violet-500 */
-  --primary-muted: oklch(0.94 0.03 295); /* --color-violte-100 */
+  --primary-muted: oklch(0.94 0.03 295); /* --color-violet-100 */
   --primary-weak: oklch(0.81 0.1 294); /* --color-violet-300 */
   --primary-strong: oklch(0.49 0.24 293); /* --color-violet-700 */
   --primary-intense: oklch(0.38 0.18 294); /* --color-violet-900 */
   --primary-bg-subtle: oklch(0.97 0.02 294); /* --color-violet-50 */
-  --primary-border-subtle: oklch(0.81 0.10 294); /* --color-zinc-300 */
+  --primary-border-subtle: oklch(0.81 0.10 294); /* --color-violet-300 */
 
   --secondary: oklch(0.55 0.02 264); /* --color-gray-500 */
   --secondary-muted: oklch(0.97 0 265); /* --color-gray-100 */
@@ -77,14 +77,14 @@
   --text-positive-muted: oklch(0.87 0.01 286); /* --color-zinc-300 */
   --text-positive-weak: oklch(0.55 0.01 286); /* --color-zinc-500 */
   --text-positive-strong: oklch(0.21 0.01 286); /* --color-zinc-900 */
-  --text-positive-intense: oklch(0 0 0); /* --color-black */
+  --text-positive-intense: oklch(0.15 0 0); /* --color-zinc-950 */
   --text-positive-subtle: oklch(0.71 0.01 286); /* --color-zinc-400 */
 
   --text-negative: oklch(0.99 0 0); /* --color-zinc-50 */
   --text-negative-muted: oklch(0.55 0.01 286); /* --color-zinc-500 */
   --text-negative-weak: oklch(0.87 0.01 286); /* --color-zinc-300 */
-  --text-negative-strong: oklch(0.99 0 0); /* --color-zinc-50 */
-  --text-negative-intense: oklch(1 0 0); /* --color-black */
+  --text-negative-strong: var(--text-negative);
+  --text-negative-intense: var(--text-negative);
 
   --border: oklch(0.92 0 0); /* --color-neutral-200 */
   --border-muted: oklch(0.97 0 0); /* --color-neutral-100 */
@@ -108,12 +108,12 @@
   --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
   --sidebar-ring: oklch(0.871 0.006 286.286); /* --color-zinc-300 */
 
-  --sidebar-primary: oklch(0.61 0.22 293); /* --color-violet-500 */
-  --sidebar-primary-muted: oklch(0.94 0.03 295); /* --color-violte-100 */
-  --sidebar-primary-weak: oklch(0.81 0.1 294); /* --color-violet-300 */
-  --sidebar-primary-strong: oklch(0.49 0.24 293); /* --color-violet-700 */
-  --sidebar-primary-intense: oklch(0.38 0.18 294); /* --color-violet-900 */
-  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-muted: var(--primary-muted);
+  --sidebar-primary-weak: var(--primary-weak);
+  --sidebar-primary-strong: var(--primary-strong);
+  --sidebar-primary-intense: var(--primary-intense);
+  --sidebar-primary-foreground: var(--text-negative);
 
   --sidebar-accent: oklch(0.97 0 286); /* --color-zinc-100 */
   --sidebar-accent-foreground: oklch(0.21 0.01 286); /* --color-zinc-900 */

package/dist/button-BFcXpjqF.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dist-BudM04oj.cjs`),n=require(`./button.variants-CS-Cmarr.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`lucide-react`);function o({className:e,variant:o,size:s=`default`,color:c,asChild:l=!1,isLoading:u=!1,children:d,disabled:f,type:p=`button`,innerClassName:m,...h}){return(0,i.jsxs)(l?t.t:`button`,{type:p,"data-slot":`button`,"data-state":u?`loading`:void 0,disabled:f,"aria-disabled":f?!0:void 0,className:(0,r.cn)(n.n({variant:o,size:s,color:c,className:e})),...h,children:[u&&(0,i.jsx)(`div`,{className:n.t({variant:o,color:c}),children:(0,i.jsx)(a.Loader2Icon,{size:16,className:`animate-spin`})}),(0,i.jsx)(`div`,{className:(0,r.cn)(`inline-flex items-center justify-center gap-x-1`,u&&`invisible`,m),children:d})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=button-BFcXpjqF.cjs.map

package/dist/button-BFcXpjqF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BFcXpjqF.cjs","names":["Slot","buttonVariants","buttonLoadingVariant","Loader2Icon"],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When true, the button will render its children without wrapping them\n   */\n  asChild?: boolean;\n  /**\n   * Shows a loading spinner when true\n   */\n  isLoading?: boolean;\n  /**\n   * Visual style variant\n   */\n  variant?: ButtonVariantProps['variant'];\n  /**\n   * Color theme of the button\n   */\n  color?: ButtonVariantProps['color'];\n  /**\n   * Size of the button\n   */\n  size?: ButtonVariantProps['size'];\n\n  innerClassName?: string;\n}\n\n/**\n * Button component with variants, loading state and composition support\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      type={type}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      disabled={disabled}\n      aria-disabled={disabled ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color: color as ButtonVariantProps['color'],\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n        </div>\n      )}\n      <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible', innerClassName)}>{children}</div>\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"8NAqCA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CAGd,OACE,EAAA,EAAA,MAHW,EAAUA,EAAAA,EAAO,SAAA,CAIpB,OACN,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GAC1B,WACV,gBAAe,EAAW,GAAO,IAAA,GACjC,WAAA,EAAA,EAAA,IACEC,EAAAA,EAAe,CACb,UACA,OACO,QACP,YACD,CAAC,CACH,CACD,GAAI,YAEH,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAqB,CAAE,UAAS,QAAO,CAAC,WACtD,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,EAC9C,EAER,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,kDAAmD,GAAa,YAAa,EAAe,CAAG,YAAe,CAAA,EAC5H"}

package/dist/button-BQTNG97Y.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./dist-CvmzZ_6C.mjs";import{n as t,t as n}from"./button.variants-DRWf66hR.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Loader2Icon as o}from"lucide-react";function s({className:s,variant:c,size:l=`default`,color:u,asChild:d=!1,isLoading:f=!1,children:p,disabled:m,type:h=`button`,innerClassName:g,..._}){return a(d?e:`button`,{type:h,"data-slot":`button`,"data-state":f?`loading`:void 0,disabled:m,"aria-disabled":m?!0:void 0,className:r(t({variant:c,size:l,color:u,className:s})),..._,children:[f&&i(`div`,{className:n({variant:c,color:u}),children:i(o,{size:16,className:`animate-spin`})}),i(`div`,{className:r(`inline-flex items-center justify-center gap-x-1`,f&&`invisible`,g),children:p})]})}export{s as t};
-//# sourceMappingURL=button-BQTNG97Y.mjs.map

package/dist/button-BQTNG97Y.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BQTNG97Y.mjs","names":[],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When true, the button will render its children without wrapping them\n   */\n  asChild?: boolean;\n  /**\n   * Shows a loading spinner when true\n   */\n  isLoading?: boolean;\n  /**\n   * Visual style variant\n   */\n  variant?: ButtonVariantProps['variant'];\n  /**\n   * Color theme of the button\n   */\n  color?: ButtonVariantProps['color'];\n  /**\n   * Size of the button\n   */\n  size?: ButtonVariantProps['size'];\n\n  innerClassName?: string;\n}\n\n/**\n * Button component with variants, loading state and composition support\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      type={type}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      disabled={disabled}\n      aria-disabled={disabled ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color: color as ButtonVariantProps['color'],\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n        </div>\n      )}\n      <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible', innerClassName)}>{children}</div>\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"mPAqCA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CAGd,OACE,EAHW,EAAU,EAAO,SAAA,CAIpB,OACN,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GAC1B,WACV,gBAAe,EAAW,GAAO,IAAA,GACjC,UAAW,EACT,EAAe,CACb,UACA,OACO,QACP,YACD,CAAC,CACH,CACD,GAAI,YAEH,GACC,EAAC,MAAA,CAAI,UAAW,EAAqB,CAAE,UAAS,QAAO,CAAC,UACtD,EAAC,EAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,EAC9C,CAER,EAAC,MAAA,CAAI,UAAW,EAAG,kDAAmD,GAAa,YAAa,EAAe,CAAG,YAAe,CAAA,EAC5H"}

package/dist/button.variants-CS-Cmarr.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`class-variance-authority`);const n=(0,t.cva)([`pointer-events-none absolute inset-0 top-0 left-0 z-10 flex cursor-default items-center justify-center rounded-sm`],{variants:{variant:{default:``,outline:``,soft:``,subtle:``,ghost:``,link:``},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``}},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary-weak`},{variant:`default`,color:`secondary`,className:`bg-secondary-weak`},{variant:`default`,color:`muted`,className:`bg-muted-weak`},{variant:`default`,color:`success`,className:`bg-success-weak`},{variant:`default`,color:`info`,className:`bg-info-weak`},{variant:`default`,color:`warning`,className:`bg-warning-weak`},{variant:`default`,color:`danger`,className:`bg-danger-weak`},{variant:`outline`,color:`primary`,className:`bg-card outline-1 outline-primary-weak`},{variant:`outline`,color:`secondary`,className:`bg-card outline-1 outline-secondary-weak`},{variant:`outline`,color:`muted`,className:`bg-card outline-1 outline-muted-weak`},{variant:`outline`,color:`success`,className:`bg-card outline-1 outline-success-weak`},{variant:`outline`,color:`info`,className:`bg-card outline-1 outline-info-weak`},{variant:`outline`,color:`warning`,className:`bg-card outline-1 outline-warning-weak`},{variant:`outline`,color:`danger`,className:`bg-card outline-1 outline-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle outline-1 outline-primary-weak`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle outline-1 outline-secondary-weak`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle outline-1 outline-border-weak`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle outline-1 outline-success-weak`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle outline-1 outline-info-weak`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle outline-1 outline-warning-weak`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle outline-1 outline-danger-weak`},{variant:`ghost`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`ghost`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`ghost`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`ghost`,color:`success`,className:`bg-success-bg-subtle`},{variant:`ghost`,color:`info`,className:`bg-info-bg-subtle`},{variant:`ghost`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`ghost`,color:`danger`,className:`bg-danger-bg-subtle`}]}),r=(0,t.cva)([`relative cursor-pointer rounded-sm transition-all`,`whitespace-normal`,`inline-flex items-center justify-center`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`disabled:pointer-events-none disabled:cursor-default disabled:opacity-60`,`data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default`],{variants:{variant:{default:`border border-transparent text-text-negative outline-none`,outline:`border bg-card outline-none`,soft:`outline-none outline-0`,subtle:`border border-transparent outline-1 -outline-offset-1`,ghost:`border border-transparent outline-none`,link:`border border-transparent outline-none`},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``},size:{default:`px-2.5 py-1.5 font-medium text-sm leading-5`,xs:`px-2 py-1 font-medium text-xs leading-4`,sm:`px-2.5 py-1.5 font-medium text-xs leading-4`,md:`px-2.5 py-1.5 font-medium text-sm leading-5`,lg:`px-3 py-2 font-medium text-sm leading-5`,xl:`px-3 py-2 font-medium text-base leading-6`,icon:`size-8`}},defaultVariants:{variant:`default`,color:`primary`,size:`default`},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary hover:opacity-80 focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`default`,color:`secondary`,className:`bg-secondary hover:opacity-80 focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`default`,color:`muted`,className:`bg-muted hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`default`,color:`success`,className:`bg-success hover:opacity-80 focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`default`,color:`important`,className:`bg-important hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`default`,color:`info`,className:`bg-info hover:opacity-80 focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`default`,color:`warning`,className:`bg-warning hover:opacity-80 focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`default`,color:`danger`,className:`bg-danger hover:opacity-80 focus:ring-2 focus:ring-danger focus:ring-offset-2`},{variant:`outline`,color:`primary`,className:`border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak`},{variant:`outline`,color:`secondary`,className:`border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak`},{variant:`outline`,color:`muted`,className:`border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak`},{variant:`outline`,color:`success`,className:`border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak`},{variant:`outline`,color:`info`,className:`border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak`},{variant:`outline`,color:`warning`,className:`border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak`},{variant:`outline`,color:`danger`,className:`border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger`},{variant:`ghost`,color:`primary`,className:`text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted`},{variant:`ghost`,color:`secondary`,className:`text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted`},{variant:`ghost`,color:`muted`,className:`text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted`},{variant:`ghost`,color:`success`,className:`text-success hover:bg-success-bg-subtle focus:bg-success-muted`},{variant:`ghost`,color:`info`,className:`text-info hover:bg-info-bg-subtle focus:bg-info-muted`},{variant:`ghost`,color:`warning`,className:`text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted`},{variant:`ghost`,color:`danger`,className:`text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted`},{variant:`link`,color:`primary`,className:`text-primary focus:ring-2 focus:ring-primary focus:-ring-offset-2`},{variant:`link`,color:`secondary`,className:`text-secondary -ring-offset-2 focus:ring-2 focus:ring-secondary focus:-ring-offset-2`},{variant:`link`,color:`muted`,className:`text-muted -ring-offset-2 focus:ring-2 focus:ring-muted focus:-ring-offset-2`},{variant:`link`,color:`success`,className:`text-success -ring-offset-2 focus:ring-2 focus:ring-success focus:-ring-offset-2`},{variant:`link`,color:`important`,className:`text-important -ring-offset-2 focus:ring-2 focus:ring-important focus:-ring-offset-2`},{variant:`link`,color:`info`,className:`text-info -ring-offset-2 focus:ring-2 focus:ring-info focus:-ring-offset-2`},{variant:`link`,color:`warning`,className:`text-warning -ring-offset-2 focus:ring-2 focus:ring-warning focus:-ring-offset-2`},{variant:`link`,color:`danger`,className:`text-danger -ring-offset-2 focus:ring-2 focus:ring-danger focus:-ring-offset-2`}]});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=button.variants-CS-Cmarr.cjs.map

package/dist/button.variants-CS-Cmarr.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.variants-CS-Cmarr.cjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 top-0 left-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n  variants: {\n    variant: {\n      default: '',\n      outline: '',\n      soft: '',\n      subtle: '',\n      ghost: '',\n      link: '',\n    },\n    color: {\n      primary: '',\n      secondary: '',\n      muted: '',\n      success: '',\n      important: '',\n      info: '',\n      warning: '',\n      danger: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'default',\n      color: 'primary',\n      className: 'bg-primary-weak',\n    },\n    {\n      variant: 'default',\n      color: 'secondary',\n      className: 'bg-secondary-weak',\n    },\n    { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n    {\n      variant: 'default',\n      color: 'success',\n      className: 'bg-success-weak',\n    },\n    {\n      variant: 'default',\n      color: 'info',\n      className: 'bg-info-weak',\n    },\n    {\n      variant: 'default',\n      color: 'warning',\n      className: 'bg-warning-weak',\n    },\n    {\n      variant: 'default',\n      color: 'danger',\n      className: 'bg-danger-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'primary',\n      className: 'bg-card outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'secondary',\n      className: 'bg-card outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'muted',\n      className: 'bg-card outline-1 outline-muted-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'success',\n      className: 'bg-card outline-1 outline-success-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'info',\n      className: 'bg-card outline-1 outline-info-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'warning',\n      className: 'bg-card outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'danger',\n      className: 'bg-card outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'soft',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n    {\n      variant: 'subtle',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'success',\n      className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'info',\n      className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'ghost',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n  ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n  [\n    'relative cursor-pointer rounded-sm transition-all',\n    'whitespace-normal',\n    'inline-flex items-center justify-center',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n    'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border border-transparent text-text-negative outline-none',\n        outline: 'border bg-card outline-none',\n        soft: 'outline-none outline-0',\n        subtle: 'border border-transparent outline-1 -outline-offset-1',\n        ghost: 'border border-transparent outline-none',\n        link: 'border border-transparent outline-none',\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        muted: '',\n        success: '',\n        important: '',\n        info: '',\n        warning: '',\n        danger: '',\n      },\n      size: {\n        default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        xs: 'px-2 py-1 font-medium text-xs leading-4',\n        sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n        md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        lg: 'px-3 py-2 font-medium text-sm leading-5',\n        xl: 'px-3 py-2 font-medium text-base leading-6',\n        icon: 'size-8',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        color: 'primary',\n        className: 'bg-primary hover:opacity-80 focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary hover:opacity-80 focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'success',\n        className: 'bg-success hover:opacity-80 focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'info',\n        className: 'bg-info hover:opacity-80 focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning hover:opacity-80 focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger hover:opacity-80 focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n      {\n        variant: 'outline',\n        color: 'primary',\n        className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'secondary',\n        className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'muted',\n        className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'success',\n        className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'info',\n        className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'warning',\n        className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'danger',\n        className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n      },\n      {\n        variant: 'subtle',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n      },\n      {\n        variant: 'subtle',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n      },\n      {\n        variant: 'subtle',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n      },\n      {\n        variant: 'subtle',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n      },\n      {\n        variant: 'subtle',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n      },\n      {\n        variant: 'subtle',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n      },\n      {\n        variant: 'subtle',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n      },\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'muted',\n        className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'success',\n        className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'info',\n        className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'warning',\n        className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'danger',\n        className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n      },\n      {\n        variant: 'link',\n        color: 'primary',\n        className: 'text-primary focus:ring-2 focus:ring-primary focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'secondary',\n        className: 'text-secondary -ring-offset-2 focus:ring-2 focus:ring-secondary focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted -ring-offset-2 focus:ring-2 focus:ring-muted focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success -ring-offset-2 focus:ring-2 focus:ring-success focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important -ring-offset-2 focus:ring-2 focus:ring-important focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info -ring-offset-2 focus:ring-2 focus:ring-info focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning -ring-offset-2 focus:ring-2 focus:ring-warning focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger -ring-offset-2 focus:ring-2 focus:ring-danger focus:-ring-offset-2',\n      },\n    ],\n  }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"kFAEA,MAAa,GAAA,EAAA,EAAA,KAA2B,CAAC,oHAAoH,CAAE,CAC7J,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,GAAA,EAAA,EAAA,KACX,CACE,oDACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,4DACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kFACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,sFACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,8EACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kFACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,sFACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,4EACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kFACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,gFACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,oEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uFACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+EACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mFACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uFACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6EACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mFACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iFACZ,CACF,CACF,CACF"}

package/dist/button.variants-DRWf66hR.mjs

@@ -1,2 +0,0 @@
-import{cva as e}from"class-variance-authority";const t=e([`pointer-events-none absolute inset-0 top-0 left-0 z-10 flex cursor-default items-center justify-center rounded-sm`],{variants:{variant:{default:``,outline:``,soft:``,subtle:``,ghost:``,link:``},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``}},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary-weak`},{variant:`default`,color:`secondary`,className:`bg-secondary-weak`},{variant:`default`,color:`muted`,className:`bg-muted-weak`},{variant:`default`,color:`success`,className:`bg-success-weak`},{variant:`default`,color:`info`,className:`bg-info-weak`},{variant:`default`,color:`warning`,className:`bg-warning-weak`},{variant:`default`,color:`danger`,className:`bg-danger-weak`},{variant:`outline`,color:`primary`,className:`bg-card outline-1 outline-primary-weak`},{variant:`outline`,color:`secondary`,className:`bg-card outline-1 outline-secondary-weak`},{variant:`outline`,color:`muted`,className:`bg-card outline-1 outline-muted-weak`},{variant:`outline`,color:`success`,className:`bg-card outline-1 outline-success-weak`},{variant:`outline`,color:`info`,className:`bg-card outline-1 outline-info-weak`},{variant:`outline`,color:`warning`,className:`bg-card outline-1 outline-warning-weak`},{variant:`outline`,color:`danger`,className:`bg-card outline-1 outline-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle outline-1 outline-primary-weak`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle outline-1 outline-secondary-weak`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle outline-1 outline-border-weak`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle outline-1 outline-success-weak`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle outline-1 outline-info-weak`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle outline-1 outline-warning-weak`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle outline-1 outline-danger-weak`},{variant:`ghost`,color:`primary`,className:`bg-primary-bg-subtle`},{variant:`ghost`,color:`secondary`,className:`bg-secondary-bg-subtle`},{variant:`ghost`,color:`muted`,className:`bg-muted-bg-subtle`},{variant:`ghost`,color:`success`,className:`bg-success-bg-subtle`},{variant:`ghost`,color:`info`,className:`bg-info-bg-subtle`},{variant:`ghost`,color:`warning`,className:`bg-warning-bg-subtle`},{variant:`ghost`,color:`danger`,className:`bg-danger-bg-subtle`}]}),n=e([`relative cursor-pointer rounded-sm transition-all`,`whitespace-normal`,`inline-flex items-center justify-center`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`disabled:pointer-events-none disabled:cursor-default disabled:opacity-60`,`data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default`],{variants:{variant:{default:`border border-transparent text-text-negative outline-none`,outline:`border bg-card outline-none`,soft:`outline-none outline-0`,subtle:`border border-transparent outline-1 -outline-offset-1`,ghost:`border border-transparent outline-none`,link:`border border-transparent outline-none`},color:{primary:``,secondary:``,muted:``,success:``,important:``,info:``,warning:``,danger:``},size:{default:`px-2.5 py-1.5 font-medium text-sm leading-5`,xs:`px-2 py-1 font-medium text-xs leading-4`,sm:`px-2.5 py-1.5 font-medium text-xs leading-4`,md:`px-2.5 py-1.5 font-medium text-sm leading-5`,lg:`px-3 py-2 font-medium text-sm leading-5`,xl:`px-3 py-2 font-medium text-base leading-6`,icon:`size-8`}},defaultVariants:{variant:`default`,color:`primary`,size:`default`},compoundVariants:[{variant:`default`,color:`primary`,className:`bg-primary hover:opacity-80 focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`default`,color:`secondary`,className:`bg-secondary hover:opacity-80 focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`default`,color:`muted`,className:`bg-muted hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`default`,color:`success`,className:`bg-success hover:opacity-80 focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`default`,color:`important`,className:`bg-important hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`default`,color:`info`,className:`bg-info hover:opacity-80 focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`default`,color:`warning`,className:`bg-warning hover:opacity-80 focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`default`,color:`danger`,className:`bg-danger hover:opacity-80 focus:ring-2 focus:ring-danger focus:ring-offset-2`},{variant:`outline`,color:`primary`,className:`border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak`},{variant:`outline`,color:`secondary`,className:`border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak`},{variant:`outline`,color:`muted`,className:`border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak`},{variant:`outline`,color:`success`,className:`border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak`},{variant:`outline`,color:`info`,className:`border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak`},{variant:`outline`,color:`warning`,className:`border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak`},{variant:`outline`,color:`danger`,className:`border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak`},{variant:`subtle`,color:`primary`,className:`bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary`},{variant:`subtle`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary`},{variant:`subtle`,color:`muted`,className:`bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border`},{variant:`subtle`,color:`success`,className:`bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success`},{variant:`subtle`,color:`info`,className:`bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info`},{variant:`subtle`,color:`warning`,className:`bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning`},{variant:`subtle`,color:`danger`,className:`bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger`},{variant:`ghost`,color:`primary`,className:`text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted`},{variant:`ghost`,color:`secondary`,className:`text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted`},{variant:`ghost`,color:`muted`,className:`text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted`},{variant:`ghost`,color:`success`,className:`text-success hover:bg-success-bg-subtle focus:bg-success-muted`},{variant:`ghost`,color:`info`,className:`text-info hover:bg-info-bg-subtle focus:bg-info-muted`},{variant:`ghost`,color:`warning`,className:`text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted`},{variant:`ghost`,color:`danger`,className:`text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted`},{variant:`link`,color:`primary`,className:`text-primary focus:ring-2 focus:ring-primary focus:-ring-offset-2`},{variant:`link`,color:`secondary`,className:`text-secondary -ring-offset-2 focus:ring-2 focus:ring-secondary focus:-ring-offset-2`},{variant:`link`,color:`muted`,className:`text-muted -ring-offset-2 focus:ring-2 focus:ring-muted focus:-ring-offset-2`},{variant:`link`,color:`success`,className:`text-success -ring-offset-2 focus:ring-2 focus:ring-success focus:-ring-offset-2`},{variant:`link`,color:`important`,className:`text-important -ring-offset-2 focus:ring-2 focus:ring-important focus:-ring-offset-2`},{variant:`link`,color:`info`,className:`text-info -ring-offset-2 focus:ring-2 focus:ring-info focus:-ring-offset-2`},{variant:`link`,color:`warning`,className:`text-warning -ring-offset-2 focus:ring-2 focus:ring-warning focus:-ring-offset-2`},{variant:`link`,color:`danger`,className:`text-danger -ring-offset-2 focus:ring-2 focus:ring-danger focus:-ring-offset-2`}]});export{n,t};
-//# sourceMappingURL=button.variants-DRWf66hR.mjs.map

package/dist/button.variants-DRWf66hR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.variants-DRWf66hR.mjs","names":[],"sources":["../packages/components/ui/button.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const buttonLoadingVariant = cva(['pointer-events-none absolute inset-0 top-0 left-0 z-10 flex cursor-default items-center justify-center rounded-sm'], {\n  variants: {\n    variant: {\n      default: '',\n      outline: '',\n      soft: '',\n      subtle: '',\n      ghost: '',\n      link: '',\n    },\n    color: {\n      primary: '',\n      secondary: '',\n      muted: '',\n      success: '',\n      important: '',\n      info: '',\n      warning: '',\n      danger: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'default',\n      color: 'primary',\n      className: 'bg-primary-weak',\n    },\n    {\n      variant: 'default',\n      color: 'secondary',\n      className: 'bg-secondary-weak',\n    },\n    { variant: 'default', color: 'muted', className: 'bg-muted-weak' },\n    {\n      variant: 'default',\n      color: 'success',\n      className: 'bg-success-weak',\n    },\n    {\n      variant: 'default',\n      color: 'info',\n      className: 'bg-info-weak',\n    },\n    {\n      variant: 'default',\n      color: 'warning',\n      className: 'bg-warning-weak',\n    },\n    {\n      variant: 'default',\n      color: 'danger',\n      className: 'bg-danger-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'primary',\n      className: 'bg-card outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'secondary',\n      className: 'bg-card outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'muted',\n      className: 'bg-card outline-1 outline-muted-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'success',\n      className: 'bg-card outline-1 outline-success-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'info',\n      className: 'bg-card outline-1 outline-info-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'warning',\n      className: 'bg-card outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'outline',\n      color: 'danger',\n      className: 'bg-card outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'soft',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'soft',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n    {\n      variant: 'subtle',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle outline-1 outline-primary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle outline-1 outline-secondary-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle outline-1 outline-border-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'success',\n      className: 'bg-success-bg-subtle outline-1 outline-success-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'info',\n      className: 'bg-info-bg-subtle outline-1 outline-info-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle outline-1 outline-warning-weak',\n    },\n    {\n      variant: 'subtle',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle outline-1 outline-danger-weak',\n    },\n    {\n      variant: 'ghost',\n      color: 'primary',\n      className: 'bg-primary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'secondary',\n      className: 'bg-secondary-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'muted',\n      className: 'bg-muted-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'success',\n      className: 'bg-success-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'info',\n      className: 'bg-info-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'warning',\n      className: 'bg-warning-bg-subtle',\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      className: 'bg-danger-bg-subtle',\n    },\n  ],\n});\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n  [\n    'relative cursor-pointer rounded-sm transition-all',\n    'whitespace-normal',\n    'inline-flex items-center justify-center',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    'disabled:pointer-events-none disabled:cursor-default disabled:opacity-60',\n    'data-[state=loading]:pointer-events-none data-[state=loading]:cursor-default',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border border-transparent text-text-negative outline-none',\n        outline: 'border bg-card outline-none',\n        soft: 'outline-none outline-0',\n        subtle: 'border border-transparent outline-1 -outline-offset-1',\n        ghost: 'border border-transparent outline-none',\n        link: 'border border-transparent outline-none',\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        muted: '',\n        success: '',\n        important: '',\n        info: '',\n        warning: '',\n        danger: '',\n      },\n      size: {\n        default: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        xs: 'px-2 py-1 font-medium text-xs leading-4',\n        sm: 'px-2.5 py-1.5 font-medium text-xs leading-4',\n        md: 'px-2.5 py-1.5 font-medium text-sm leading-5',\n        lg: 'px-3 py-2 font-medium text-sm leading-5',\n        xl: 'px-3 py-2 font-medium text-base leading-6',\n        icon: 'size-8',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        color: 'primary',\n        className: 'bg-primary hover:opacity-80 focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary hover:opacity-80 focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'success',\n        className: 'bg-success hover:opacity-80 focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'info',\n        className: 'bg-info hover:opacity-80 focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning hover:opacity-80 focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger hover:opacity-80 focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n      {\n        variant: 'outline',\n        color: 'primary',\n        className: 'border-primary text-primary hover:bg-primary-bg-subtle focus:border-primary-strong focus:ring-2 focus:ring-primary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'secondary',\n        className: 'border-secondary text-secondary hover:bg-secondary-muted focus:border-secondary focus:ring-2 focus:ring-secondary-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'muted',\n        className: 'border-muted-weak text-muted hover:bg-muted-muted focus:border-muted-weak focus:ring-2 focus:ring-muted-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'success',\n        className: 'border-success text-success hover:bg-success-muted focus:border-success-strong focus:ring-2 focus:ring-success-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'info',\n        className: 'border-info text-info hover:bg-info-muted focus:border-info-strong focus:ring-2 focus:ring-info-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'warning',\n        className: 'border-warning text-warning hover:bg-warning-muted focus:border-warning-strong focus:ring-2 focus:ring-warning-weak',\n      },\n      {\n        variant: 'outline',\n        color: 'danger',\n        className: 'border-danger text-danger hover:bg-danger-muted focus:border-danger-strong focus:ring-2 focus:ring-danger-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary hover:bg-primary-muted hover:text-primary-strong focus:bg-primary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary hover:bg-secondary-muted hover:text-secondary-strong focus:bg-secondary-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted hover:bg-muted-muted hover:text-muted-strong focus:bg-muted-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success hover:bg-success-muted hover:text-success-strong focus:bg-success-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info hover:bg-info-muted hover:text-info-strong focus:bg-info-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning hover:bg-warning-muted hover:text-warning-strong focus:bg-warning-weak',\n      },\n      {\n        variant: 'soft',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger hover:bg-danger-muted hover:text-danger-strong focus:bg-danger-weak',\n      },\n      {\n        variant: 'subtle',\n        color: 'primary',\n        className: 'bg-primary-bg-subtle text-primary outline-primary hover:bg-primary-bg-subtle focus:outline-2 focus:outline-primary',\n      },\n      {\n        variant: 'subtle',\n        color: 'secondary',\n        className: 'bg-secondary-bg-subtle text-secondary outline-secondary hover:bg-secondary-bg-subtle focus:outline-2 focus:outline-secondary',\n      },\n      {\n        variant: 'subtle',\n        color: 'muted',\n        className: 'bg-muted-bg-subtle text-muted outline-border hover:bg-muted-bg-subtle focus:outline-2 focus:outline-border',\n      },\n      {\n        variant: 'subtle',\n        color: 'success',\n        className: 'bg-success-bg-subtle text-success outline-success hover:bg-success-bg-subtle focus:outline-2 focus:outline-success',\n      },\n      {\n        variant: 'subtle',\n        color: 'info',\n        className: 'bg-info-bg-subtle text-info outline-info hover:bg-info-bg-subtle focus:outline-2 focus:outline-info',\n      },\n      {\n        variant: 'subtle',\n        color: 'warning',\n        className: 'bg-warning-bg-subtle text-warning outline-warning hover:bg-warning-bg-subtle focus:outline-2 focus:outline-warning',\n      },\n      {\n        variant: 'subtle',\n        color: 'danger',\n        className: 'bg-danger-bg-subtle text-danger outline-danger hover:bg-danger-bg-subtle focus:outline-2 focus:outline-danger',\n      },\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: 'text-primary hover:bg-primary-bg-subtle focus:bg-primary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: 'text-text-positive-weak hover:bg-secondary-bg-subtle focus:bg-secondary-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'muted',\n        className: 'text-text-positive-weak hover:bg-muted-bg-subtle focus:bg-muted-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'success',\n        className: 'text-success hover:bg-success-bg-subtle focus:bg-success-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'info',\n        className: 'text-info hover:bg-info-bg-subtle focus:bg-info-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'warning',\n        className: 'text-warning hover:bg-warning-bg-subtle focus:bg-warning-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'danger',\n        className: 'text-danger hover:bg-danger-bg-subtle focus:bg-danger-muted',\n      },\n      {\n        variant: 'link',\n        color: 'primary',\n        className: 'text-primary focus:ring-2 focus:ring-primary focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'secondary',\n        className: 'text-secondary -ring-offset-2 focus:ring-2 focus:ring-secondary focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted -ring-offset-2 focus:ring-2 focus:ring-muted focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success -ring-offset-2 focus:ring-2 focus:ring-success focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important -ring-offset-2 focus:ring-2 focus:ring-important focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info -ring-offset-2 focus:ring-2 focus:ring-info focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning -ring-offset-2 focus:ring-2 focus:ring-warning focus:-ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger -ring-offset-2 focus:ring-2 focus:ring-danger focus:-ring-offset-2',\n      },\n    ],\n  }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"+CAEA,MAAa,EAAuB,EAAI,CAAC,oHAAoH,CAAE,CAC7J,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,oBACZ,CACD,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,gBAAiB,CAClE,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,eACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kBACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iBACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,2CACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,uCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,sCACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,yCACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,wCACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sBACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,0DACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,mDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,gDACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,sDACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,oDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,yBACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,qBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,oBACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,uBACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,sBACZ,CACF,CACF,CAAC,CAKW,EAAiB,EAC5B,CACE,oDACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,4DACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,yCACP,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,kFACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,sFACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,8EACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kFACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,sFACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,4EACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,kFACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,gFACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,0HACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+GACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,uGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,sHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,iHACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,qHACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,4FACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,2GACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,YACP,UAAW,+HACZ,CACD,CACE,QAAS,SACT,MAAO,QACP,UAAW,6GACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,OACP,UAAW,sGACZ,CACD,CACE,QAAS,SACT,MAAO,UACP,UAAW,qHACZ,CACD,CACE,QAAS,SACT,MAAO,SACP,UAAW,gHACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,gFACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,wEACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,wDACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,iEACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,8DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,oEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uFACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+EACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mFACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uFACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6EACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mFACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iFACZ,CACF,CACF,CACF"}

package/dist/dist-BudM04oj.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`);t=e.t(t);let n=require(`react/jsx-runtime`);function r(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function i(...e){return t=>{let n=!1,i=e.map(e=>{let i=r(e,t);return!n&&typeof i==`function`&&(n=!0),i});if(n)return()=>{for(let t=0;t<i.length;t++){let n=i[t];typeof n==`function`?n():r(e[t],null)}}}}function a(e){let r=s(e),i=t.forwardRef((e,i)=>{let{children:a,...o}=e,s=t.Children.toArray(a),c=s.find(l);if(c){let e=c.props.children,a=s.map(n=>n===c?t.Children.count(e)>1?t.Children.only(null):t.isValidElement(e)?e.props.children:null:n);return(0,n.jsx)(r,{...o,ref:i,children:t.isValidElement(e)?t.cloneElement(e,void 0,a):null})}return(0,n.jsx)(r,{...o,ref:i,children:a})});return i.displayName=`${e}.Slot`,i}var o=a(`Slot`);function s(e){let n=t.forwardRef((e,n)=>{let{children:r,...a}=e;if(t.isValidElement(r)){let e=d(r),o=u(a,r.props);return r.type!==t.Fragment&&(o.ref=n?i(n,e):e),t.cloneElement(r,o)}return t.Children.count(r)>1?t.Children.only(null):null});return n.displayName=`${e}.SlotClone`,n}var c=Symbol(`radix.slottable`);function l(e){return t.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===c}function u(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function d(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=dist-BudM04oj.cjs.map

package/dist/dist-CvmzZ_6C.mjs

@@ -1,2 +0,0 @@
-import*as e from"react";import{Fragment as t,jsx as n}from"react/jsx-runtime";function r(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function i(...e){return t=>{let n=!1,i=e.map(e=>{let i=r(e,t);return!n&&typeof i==`function`&&(n=!0),i});if(n)return()=>{for(let t=0;t<i.length;t++){let n=i[t];typeof n==`function`?n():r(e[t],null)}}}}function a(t){let r=s(t),i=e.forwardRef((t,i)=>{let{children:a,...o}=t,s=e.Children.toArray(a),c=s.find(l);if(c){let t=c.props.children,a=s.map(n=>n===c?e.Children.count(t)>1?e.Children.only(null):e.isValidElement(t)?t.props.children:null:n);return n(r,{...o,ref:i,children:e.isValidElement(t)?e.cloneElement(t,void 0,a):null})}return n(r,{...o,ref:i,children:a})});return i.displayName=`${t}.Slot`,i}var o=a(`Slot`);function s(t){let n=e.forwardRef((t,n)=>{let{children:r,...a}=t;if(e.isValidElement(r)){let t=d(r),o=u(a,r.props);return r.type!==e.Fragment&&(o.ref=n?i(n,t):t),e.cloneElement(r,o)}return e.Children.count(r)>1?e.Children.only(null):null});return n.displayName=`${t}.SlotClone`,n}var c=Symbol(`radix.slottable`);function l(t){return e.isValidElement(t)&&typeof t.type==`function`&&`__radixId`in t.type&&t.type.__radixId===c}function u(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function d(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}export{o as t};
-//# sourceMappingURL=dist-CvmzZ_6C.mjs.map

package/dist/heading--VmdIi7C.mjs

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import"react";import{jsx as n}from"react/jsx-runtime";const r=t(`font-semibold text-text-positive-strong tracking-tight text-start text-wrap`,{variants:{level:{h1:`text-2xl font-bold leading-tight`,h2:`text-xl leading-tight`,h3:`text-lg leading-snug`,h4:`text-base leading-snug`,h5:`text-sm leading-normal`}},defaultVariants:{level:`h2`}});export{r as t};
-//# sourceMappingURL=heading--VmdIi7C.mjs.map

package/dist/heading--VmdIi7C.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading--VmdIi7C.mjs","names":[],"sources":["../packages/components/typography/heading.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { cva } from 'class-variance-authority';\nimport React from 'react';\n\n// Định nghĩa các cấp độ tiêu đề\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n\ntype HeadingProps = {\n  /**\n   * Cấp độ của tiêu đề, tương ứng với kích thước và thẻ HTML mặc định.\n   */\n  level?: HeadingLevel;\n  className?: string;\n  children?: React.ReactNode;\n  /**\n   * Override thẻ HTML trong trường hợp bạn muốn size của H1 nhưng lại muốn render thẻ H2 (tốt cho SEO).\n   */\n  as?: React.ElementType;\n};\n\nexport const headingVariants = cva(\n  // Base class: Chữ đậm, khoảng cách chữ hơi khít lại, màu strong\n  'font-semibold text-text-positive-strong tracking-tight text-start text-wrap',\n  {\n    variants: {\n      level: {\n        // H1: To nhất, dùng cho tiêu đề trang. Line-height cực hẹp (leading-tight)\n        h1: 'text-2xl font-bold leading-tight',\n\n        // H2: Tiêu đề section chính. Cần responsive nhỏ lại trên mobile\n        h2: 'text-xl leading-tight',\n\n        // H3: Tiêu đề section phụ / Tiêu đề Card lớn\n        h3: 'text-lg leading-snug',\n\n        // H4: Tiêu đề Card vừa / Block nhỏ\n        h4: 'text-base leading-snug',\n\n        // H5: Tiêu đề nhỏ\n        h5: 'text-sm leading-normal',\n      },\n    },\n    defaultVariants: {\n      // H2 là mặc định an toàn nhất vì một trang thường chỉ có một H1\n      level: 'h2',\n    },\n  }\n);\n\nexport const Heading = ({ level = 'h3', className, as, children }: HeadingProps) => {\n  // Điểm nhấn: Nếu không truyền prop `as`, nó sẽ tự động lấy `level` làm thẻ HTML (ví dụ level='h1' => render <h1>)\n  const Component = as || level;\n\n  return <Component className={cn(headingVariants({ level }), className)}>{children}</Component>;\n};\n"],"mappings":"yJAsBA,MAAa,EAAkB,EAE7B,8EACA,CACE,SAAU,CACR,MAAO,CAEL,GAAI,mCAGJ,GAAI,wBAGJ,GAAI,uBAGJ,GAAI,yBAGJ,GAAI,yBACL,CACF,CACD,gBAAiB,CAEf,MAAO,KACR,CACF,CACF"}

package/dist/heading-BEm5CCSE.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`);const a=(0,n.cva)(`font-semibold text-text-positive-strong tracking-tight text-start text-wrap`,{variants:{level:{h1:`text-2xl font-bold leading-tight`,h2:`text-xl leading-tight`,h3:`text-lg leading-snug`,h4:`text-base leading-snug`,h5:`text-sm leading-normal`}},defaultVariants:{level:`h2`}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=heading-BEm5CCSE.cjs.map

package/dist/heading-BEm5CCSE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading-BEm5CCSE.cjs","names":[],"sources":["../packages/components/typography/heading.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { cva } from 'class-variance-authority';\nimport React from 'react';\n\n// Định nghĩa các cấp độ tiêu đề\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n\ntype HeadingProps = {\n  /**\n   * Cấp độ của tiêu đề, tương ứng với kích thước và thẻ HTML mặc định.\n   */\n  level?: HeadingLevel;\n  className?: string;\n  children?: React.ReactNode;\n  /**\n   * Override thẻ HTML trong trường hợp bạn muốn size của H1 nhưng lại muốn render thẻ H2 (tốt cho SEO).\n   */\n  as?: React.ElementType;\n};\n\nexport const headingVariants = cva(\n  // Base class: Chữ đậm, khoảng cách chữ hơi khít lại, màu strong\n  'font-semibold text-text-positive-strong tracking-tight text-start text-wrap',\n  {\n    variants: {\n      level: {\n        // H1: To nhất, dùng cho tiêu đề trang. Line-height cực hẹp (leading-tight)\n        h1: 'text-2xl font-bold leading-tight',\n\n        // H2: Tiêu đề section chính. Cần responsive nhỏ lại trên mobile\n        h2: 'text-xl leading-tight',\n\n        // H3: Tiêu đề section phụ / Tiêu đề Card lớn\n        h3: 'text-lg leading-snug',\n\n        // H4: Tiêu đề Card vừa / Block nhỏ\n        h4: 'text-base leading-snug',\n\n        // H5: Tiêu đề nhỏ\n        h5: 'text-sm leading-normal',\n      },\n    },\n    defaultVariants: {\n      // H2 là mặc định an toàn nhất vì một trang thường chỉ có một H1\n      level: 'h2',\n    },\n  }\n);\n\nexport const Heading = ({ level = 'h3', className, as, children }: HeadingProps) => {\n  // Điểm nhấn: Nếu không truyền prop `as`, nó sẽ tự động lấy `level` làm thẻ HTML (ví dụ level='h1' => render <h1>)\n  const Component = as || level;\n\n  return <Component className={cn(headingVariants({ level }), className)}>{children}</Component>;\n};\n"],"mappings":"6LAsBA,MAAa,GAAA,EAAA,EAAA,KAEX,8EACA,CACE,SAAU,CACR,MAAO,CAEL,GAAI,mCAGJ,GAAI,wBAGJ,GAAI,uBAGJ,GAAI,yBAGJ,GAAI,yBACL,CACF,CACD,gBAAiB,CAEf,MAAO,KACR,CACF,CACF"}

package/dist/image-CS_Q0WA7.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./skeleton-Ba6koCVf.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{useCallback as n,useRef as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{AlertCircleIcon as s}from"lucide-react";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,className:m,imageClassName:h,onClick:g})=>{let _=r(null),[v,y]=i(c),[b,x]=i(0),[S,C]=i(!1),[w,T]=i(!1),E=n(()=>{C(!0)},[]),D=n(()=>{if(b<f){T(!1);let e=b+1;x(e),setTimeout(()=>{y(c+`?retry=${Date.now()}&attempt=${e}`)},p*e);return}T(!0),C(!0),y(c)},[f,b,p,c]);return w?a(`div`,{style:{width:u,height:d},className:t(`@container relative inline-block`,m),children:o(`div`,{className:`flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card`,children:[a(s,{className:`@max-[52px]:size-6 size-8 text-danger`}),a(`span`,{className:`@max-[96px]:sr-only text-center text-danger-weak text-xs`,children:`Image failed to load`})]})}):o(`div`,{style:{width:u,height:d},className:t(`relative flex items-center justify-center overflow-hidden rounded-md`,m),onClick:g,children:[!S&&a(e,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),a(`img`,{src:v,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),a(`img`,{id:v,ref:_,src:v,alt:l,loading:`lazy`,className:t(`relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300`,S&&`opacity-100`,!S&&`pointer-events-none opacity-0`,h),onLoad:E,onError:D})]})};export{c as t};
-//# sourceMappingURL=image-CS_Q0WA7.mjs.map

package/dist/paragraph-B72bHMf7.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);const i=(0,n.cva)(`not-first:mt-3 max-w-prose whitespace-pre-line text-wrap text-start font-stretch-expanded text-sm slashed-zero tabular-nums transition-colors`,{variants:{variant:{lead:`font-semibold text-text-positive-strong tracking-tight`,lg:`font-medium text-text-positive-strong`,p:`font-normal text-text-positive`,sm:`font-light text-text-positive-weak`,muted:`font-normal text-text-positive-weak`,xs:`text-xs text-text-positive-weak`}},defaultVariants:{variant:`sm`}}),a=({variant:e=`p`,className:n,children:a})=>(0,r.jsx)(`p`,{className:(0,t.cn)(i({variant:e}),n),children:a});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=paragraph-B72bHMf7.cjs.map

package/dist/paragraph-B72bHMf7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-B72bHMf7.cjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  /**\n   * The variant of the paragraph. It can be one of the following:\n   * - `p`: The default paragraph style. It has a normal font weight and is used for regular text content.\n   * - `muted`: The muted paragraph style. It has a lighter color to indicate less emphasis and is often used for secondary information.\n   * - `lead`: The lead paragraph style. It is typically used to introduce the content of a section and has a larger font size and stronger text color.\n   * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.\n   * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.\n   */\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg' | 'xs';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const paragraphVariants = cva(\n  'not-first:mt-3 max-w-prose whitespace-pre-line text-wrap text-start font-stretch-expanded text-sm slashed-zero tabular-nums transition-colors',\n  {\n    variants: {\n      variant: {\n        // Lead: Nhấn mạnh mạnh mẽ nhất, dùng cho mở bài/highlight\n        lead: 'font-semibold text-text-positive-strong tracking-tight',\n        lg: 'font-medium text-text-positive-strong',\n        p: 'font-normal text-text-positive',\n        sm: 'font-light text-text-positive-weak',\n        muted: 'font-normal text-text-positive-weak',\n        xs: 'text-xs text-text-positive-weak',\n      },\n    },\n    defaultVariants: {\n      variant: 'sm',\n    },\n  }\n);\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"6JAoBA,MAAa,GAAA,EAAA,EAAA,KACX,gJACA,CACE,SAAU,CACR,QAAS,CAEP,KAAM,yDACN,GAAI,wCACJ,EAAG,iCACH,GAAI,qCACJ,MAAO,sCACP,GAAI,kCACL,CACF,CACD,gBAAiB,CACf,QAAS,KACV,CACF,CACF,CAEY,GAAa,CAAE,UAAU,IAAK,YAAW,eAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,WAAA,EAAA,EAAA,IAAc,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}

package/dist/paragraph-moBSTPmT.mjs

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t(`not-first:mt-3 max-w-prose whitespace-pre-line text-wrap text-start font-stretch-expanded text-sm slashed-zero tabular-nums transition-colors`,{variants:{variant:{lead:`font-semibold text-text-positive-strong tracking-tight`,lg:`font-medium text-text-positive-strong`,p:`font-normal text-text-positive`,sm:`font-light text-text-positive-weak`,muted:`font-normal text-text-positive-weak`,xs:`text-xs text-text-positive-weak`}},defaultVariants:{variant:`sm`}}),i=({variant:t=`p`,className:i,children:a})=>n(`p`,{className:e(r({variant:t}),i),children:a});export{r as n,i as t};
-//# sourceMappingURL=paragraph-moBSTPmT.mjs.map

package/dist/paragraph-moBSTPmT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-moBSTPmT.mjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  /**\n   * The variant of the paragraph. It can be one of the following:\n   * - `p`: The default paragraph style. It has a normal font weight and is used for regular text content.\n   * - `muted`: The muted paragraph style. It has a lighter color to indicate less emphasis and is often used for secondary information.\n   * - `lead`: The lead paragraph style. It is typically used to introduce the content of a section and has a larger font size and stronger text color.\n   * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.\n   * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.\n   */\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg' | 'xs';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const paragraphVariants = cva(\n  'not-first:mt-3 max-w-prose whitespace-pre-line text-wrap text-start font-stretch-expanded text-sm slashed-zero tabular-nums transition-colors',\n  {\n    variants: {\n      variant: {\n        // Lead: Nhấn mạnh mạnh mẽ nhất, dùng cho mở bài/highlight\n        lead: 'font-semibold text-text-positive-strong tracking-tight',\n        lg: 'font-medium text-text-positive-strong',\n        p: 'font-normal text-text-positive',\n        sm: 'font-light text-text-positive-weak',\n        muted: 'font-normal text-text-positive-weak',\n        xs: 'text-xs text-text-positive-weak',\n      },\n    },\n    defaultVariants: {\n      variant: 'sm',\n    },\n  }\n);\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"2IAoBA,MAAa,EAAoB,EAC/B,gJACA,CACE,SAAU,CACR,QAAS,CAEP,KAAM,yDACN,GAAI,wCACJ,EAAG,iCACH,GAAI,qCACJ,MAAO,sCACP,GAAI,kCACL,CACF,CACD,gBAAiB,CACf,QAAS,KACV,CACF,CACF,CAEY,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}