@customafk/lunas-ui 0.2.52 → 0.2.54

package/dist/{alert-CB79DQwK.d.mts → alert-Bip5XjBw.d.cts}

@@ -1,6 +1,4 @@
-import * as react6 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
 
 //#region packages/components/ui/alert-variants.d.ts
 /**
@@ -8,7 +6,7 @@ import * as class_variance_authority_types14 from "class-variance-authority/type
  */
 declare const alertVariants: (props?: ({
   variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
-} & class_variance_authority_types14.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AlertVariantProps = VariantProps<typeof alertVariants>;
 //#endregion
 //#region packages/components/ui/alert.d.ts
@@ -50,7 +48,7 @@ declare function Alert({
   dismissible,
   onDismiss,
   ...props
-}: AlertProps): react6.JSX.Element;
+}: AlertProps): import("react").JSX.Element;
 /**
  * Props for the AlertTitle component.
  */
@@ -66,7 +64,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertTitle({
   className,
   ...props
-}: AlertTitleProps): react6.JSX.Element;
+}: AlertTitleProps): import("react").JSX.Element;
 /**
  * Props for the AlertDescription component.
  */
@@ -82,7 +80,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertDescription({
   className,
   ...props
-}: AlertDescriptionProps): react6.JSX.Element;
+}: AlertDescriptionProps): import("react").JSX.Element;
 //#endregion
 export { AlertTitle as a, AlertProps as i, AlertDescription as n, AlertTitleProps as o, AlertDescriptionProps as r, Alert as t };
-//# sourceMappingURL=alert-CB79DQwK.d.mts.map
+//# sourceMappingURL=alert-Bip5XjBw.d.cts.map

package/dist/{alert-Ca5wFNXF.d.cts → alert-Bip5XjBw.d.mts}

@@ -1,5 +1,3 @@
-import * as react46 from "react";
-import * as class_variance_authority_types20 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/alert-variants.d.ts
@@ -8,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
  */
 declare const alertVariants: (props?: ({
   variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
-} & class_variance_authority_types20.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AlertVariantProps = VariantProps<typeof alertVariants>;
 //#endregion
 //#region packages/components/ui/alert.d.ts
@@ -50,7 +48,7 @@ declare function Alert({
   dismissible,
   onDismiss,
   ...props
-}: AlertProps): react46.JSX.Element;
+}: AlertProps): import("react").JSX.Element;
 /**
  * Props for the AlertTitle component.
  */
@@ -66,7 +64,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertTitle({
   className,
   ...props
-}: AlertTitleProps): react46.JSX.Element;
+}: AlertTitleProps): import("react").JSX.Element;
 /**
  * Props for the AlertDescription component.
  */
@@ -82,7 +80,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertDescription({
   className,
   ...props
-}: AlertDescriptionProps): react46.JSX.Element;
+}: AlertDescriptionProps): import("react").JSX.Element;
 //#endregion
 export { AlertTitle as a, AlertProps as i, AlertDescription as n, AlertTitleProps as o, AlertDescriptionProps as r, Alert as t };
-//# sourceMappingURL=alert-Ca5wFNXF.d.cts.map
+//# sourceMappingURL=alert-Bip5XjBw.d.mts.map

package/dist/alert-D31c6DLq.cjs

@@ -0,0 +1,2 @@
+let e=require("lucide-react"),t=require("react"),n=require("@customafk/react-toolkit/utils"),r=require("class-variance-authority"),i=require("react/jsx-runtime");const a=(0,r.cva)([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-150`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong`,warning:`bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong`,success:`bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong`,info:`bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong`}},defaultVariants:{variant:`default`}});function o({className:r,variant:o,children:s,icon:c,dismissible:l,onDismiss:u,...d}){let f=(0,t.useMemo)(()=>{if(!c)switch(o){case`destructive`:return(0,i.jsx)(e.AlertCircle,{});case`warning`:return(0,i.jsx)(e.AlertTriangle,{});case`success`:return(0,i.jsx)(e.CheckCircle,{});case`info`:return(0,i.jsx)(e.Info,{});default:return null}return c},[c,o]);return(0,i.jsxs)(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":o,className:(0,n.cn)(a({variant:o}),r),...d,children:[f,s,l&&(0,i.jsx)(`button`,{type:`button`,onClick:u,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100`,"data-slot":`alert-close`,children:(0,i.jsx)(e.X,{size:16})})]})}function s({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-title`,className:(0,n.cn)(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function c({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-description`,className:(0,n.cn)(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=alert-D31c6DLq.cjs.map

package/dist/{alert-DDdHIRib.cjs.map → alert-D31c6DLq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-DDdHIRib.cjs","names":["AlertCircle","AlertTriangle","CheckCircle","Info","X"],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"0MAKA,MAAa,GAAA,EAAA,EAAA,KACX,CACE,iFACA,oBACA,qDACA,8DACA,iCACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,mIACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CCUD,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,GAAA,EAAA,EAAA,aAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAAA,EAAAA,CAAc,CACxB,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,cAAAA,EAAAA,CAAgB,CAC1B,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,YAAAA,EAAAA,CAAc,CACxB,IAAK,OACH,OAAO,EAAA,EAAA,KAACC,EAAAA,KAAAA,EAAAA,CAAO,CACjB,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,EAAQ,CAAC,CAEnB,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,YAClH,EACA,EACA,IACC,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,wBAEV,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAE,KAAM,GAAA,CAAM,EACR,GAEP,CAiBV,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,8DAA+D,EAAU,CAAE,GAAI,GAAS,CAgB5I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,WAAA,EAAA,EAAA,IAAc,mGAAoG,EAAU,CAC5H,GAAI,GACJ"}
+{"version":3,"file":"alert-D31c6DLq.cjs","names":["AlertCircle","AlertTriangle","CheckCircle","Info","X"],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"kKAKA,MAAa,GAAA,EAAA,EAAA,IAAA,CACX,CACE,iFACA,oBACA,qDACA,8DACA,gCACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,kIACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,ECUA,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,GAAA,EAAA,EAAA,QAAA,KAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAD,CAAc,CAAA,EACvB,IAAK,UACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAgB,CAAA,EACzB,IAAK,UACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAc,CAAA,EACvB,IAAK,OACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,KAAD,CAAO,CAAA,EAChB,QACE,OAAO,IACX,CAEF,OAAO,CACT,EAAG,CAAC,EAAM,CAAO,CAAC,EAElB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,GAAA,CAAc,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,WAArH,CACG,EACA,EACA,IACC,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,wBAEV,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAG,KAAM,EAAK,CAAA,CACR,CAAA,CAEP,GAET,CAeA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,8DAA+D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAeA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,oBACV,WAAA,EAAA,EAAA,GAAA,CAAc,mGAAoG,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL"}

package/dist/{alert-BEcGZfPW.mjs → alert-OD1KJTEV.mjs}

@@ -1,2 +1,2 @@
 import{AlertCircle as e,AlertTriangle as t,CheckCircle as n,Info as r,X as i}from"lucide-react";import{useMemo as a}from"react";import{cn as o}from"@customafk/react-toolkit/utils";import{cva as s}from"class-variance-authority";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-150`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong`,warning:`bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong`,success:`bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong`,info:`bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong`}},defaultVariants:{variant:`default`}});function d({className:s,variant:d,children:f,icon:p,dismissible:m,onDismiss:h,...g}){let _=a(()=>{if(!p)switch(d){case`destructive`:return c(e,{});case`warning`:return c(t,{});case`success`:return c(n,{});case`info`:return c(r,{});default:return null}return p},[p,d]);return l(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":d,className:o(u({variant:d}),s),...g,children:[_,f,m&&c(`button`,{type:`button`,onClick:h,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100`,"data-slot":`alert-close`,children:c(i,{size:16})})]})}function f({className:e,...t}){return c(`div`,{"data-slot":`alert-title`,className:o(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function p({className:e,...t}){return c(`div`,{"data-slot":`alert-description`,className:o(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}export{p as n,f as r,d as t};
-//# sourceMappingURL=alert-BEcGZfPW.mjs.map
+//# sourceMappingURL=alert-OD1KJTEV.mjs.map

package/dist/{alert-BEcGZfPW.mjs.map → alert-OD1KJTEV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-BEcGZfPW.mjs","names":[],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"qRAKA,MAAa,EAAgB,EAC3B,CACE,iFACA,oBACA,qDACA,8DACA,iCACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,mIACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CCUD,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,EAAc,MAAc,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAC,EAAA,EAAA,CAAc,CACxB,IAAK,UACH,OAAO,EAAC,EAAA,EAAA,CAAgB,CAC1B,IAAK,UACH,OAAO,EAAC,EAAA,EAAA,CAAc,CACxB,IAAK,OACH,OAAO,EAAC,EAAA,EAAA,CAAO,CACjB,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,EAAQ,CAAC,CAEnB,OACE,EAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,YAClH,EACA,EACA,GACC,EAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,uBAEV,EAAC,EAAA,CAAE,KAAM,GAAA,CAAM,EACR,GAEP,CAiBV,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,8DAA+D,EAAU,CAAE,GAAI,GAAS,CAgB5I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EAAG,mGAAoG,EAAU,CAC5H,GAAI,GACJ"}
+{"version":3,"file":"alert-OD1KJTEV.mjs","names":[],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"qRAKA,MAAa,EAAgB,EAC3B,CACE,iFACA,oBACA,qDACA,8DACA,gCACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,kIACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,ECUA,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,EAAc,MAAc,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAC,EAAD,CAAc,CAAA,EACvB,IAAK,UACH,OAAO,EAAC,EAAD,CAAgB,CAAA,EACzB,IAAK,UACH,OAAO,EAAC,EAAD,CAAc,CAAA,EACvB,IAAK,OACH,OAAO,EAAC,EAAD,CAAO,CAAA,EAChB,QACE,OAAO,IACX,CAEF,OAAO,CACT,EAAG,CAAC,EAAM,CAAO,CAAC,EAElB,OACE,EAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,WAArH,CACG,EACA,EACA,GACC,EAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,uBAEV,EAAC,EAAD,CAAG,KAAM,EAAK,CAAA,CACR,CAAA,CAEP,GAET,CAeA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAD,CAAK,YAAU,cAAc,UAAW,EAAG,8DAA+D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAeA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAD,CACE,YAAU,oBACV,UAAW,EAAG,mGAAoG,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL"}

package/dist/{badge-DYo5Diiy.d.cts → badge-D0InQSvM.d.cts}

@@ -1,14 +1,12 @@
-import * as react51 from "react";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "outline" | "soft" | "solid" | null | undefined;
+  variant?: "outline" | "solid" | "soft" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "danger" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
   pill?: boolean | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Props for the `Badge` component.
  *
@@ -36,7 +34,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react51.JSX.Element;
+}: BadgeProps): import("react").JSX.Element;
 //#endregion
 export { BadgeProps as n, badgeVariants as r, Badge as t };
-//# sourceMappingURL=badge-DYo5Diiy.d.cts.map
+//# sourceMappingURL=badge-D0InQSvM.d.cts.map

package/dist/{badge-CQygfYGk.d.mts → badge-D0InQSvM.d.mts}

@@ -1,14 +1,12 @@
-import * as react173 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region packages/components/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "outline" | "soft" | "solid" | null | undefined;
+  variant?: "outline" | "solid" | "soft" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "danger" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
   pill?: boolean | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Props for the `Badge` component.
  *
@@ -36,7 +34,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react173.JSX.Element;
+}: BadgeProps): import("react").JSX.Element;
 //#endregion
 export { BadgeProps as n, badgeVariants as r, Badge as t };
-//# sourceMappingURL=badge-CQygfYGk.d.mts.map
+//# sourceMappingURL=badge-D0InQSvM.d.mts.map

package/dist/{button-D-pWsdxT.d.cts → button-DIqm3YRo.d.cts}

@@ -1,17 +1,14 @@
-import * as react52 from "react";
-import * as class_variance_authority_types18 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/button.variants.d.ts
-
 /**
  * Button variants definition for styling using class-variance-authority
  */
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
+  variant?: "default" | "outline" | "link" | "soft" | "ghost" | "subtle" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "important" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types18.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 //#endregion
 //#region packages/components/ui/button.d.ts
@@ -168,7 +165,7 @@ declare function Button({
   type,
   innerClassName,
   ...props
-}: ButtonProps): react52.JSX.Element;
+}: ButtonProps): import("react").JSX.Element;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-D-pWsdxT.d.cts.map
+//# sourceMappingURL=button-DIqm3YRo.d.cts.map

package/dist/{button-CwxEnAw3.d.mts → button-DIqm3YRo.d.mts}

@@ -1,17 +1,14 @@
-import * as react182 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
 
 //#region packages/components/ui/button.variants.d.ts
-
 /**
  * Button variants definition for styling using class-variance-authority
  */
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
+  variant?: "default" | "outline" | "link" | "soft" | "ghost" | "subtle" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "important" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 //#endregion
 //#region packages/components/ui/button.d.ts
@@ -168,7 +165,7 @@ declare function Button({
   type,
   innerClassName,
   ...props
-}: ButtonProps): react182.JSX.Element;
+}: ButtonProps): import("react").JSX.Element;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-CwxEnAw3.d.mts.map
+//# sourceMappingURL=button-DIqm3YRo.d.mts.map

package/dist/button.variants-DOglUhSE.cjs

@@ -0,0 +1,2 @@
+let e=require("class-variance-authority");const t=(0,e.cva)([`pointer-events-none absolute inset-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:`important`,className:`bg-important-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:`important`,className:`bg-card outline-1 outline-important-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:`important`,className:`bg-important-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:`important`,className:`bg-important-bg-subtle outline-1 outline-important-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:`important`,className:`bg-important-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=(0,e.cva)([`relative cursor-pointer rounded-sm transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out`,`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 outline-none shadow-btn`,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 text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`default`,color:`secondary`,className:`bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`default`,color:`muted`,className:`bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`default`,color:`success`,className:`bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`default`,color:`important`,className:`bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`default`,color:`info`,className:`bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`default`,color:`warning`,className:`bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`default`,color:`danger`,className:`bg-danger text-danger-foreground hover:bg-danger-strong 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:`important`,className:`border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-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:`important`,className:`bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-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:`important`,className:`bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important`},{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:`important`,className:`text-important hover:bg-important-bg-subtle focus:bg-important-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 focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`link`,color:`muted`,className:`text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`link`,color:`success`,className:`text-success focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`link`,color:`important`,className:`text-important focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`link`,color:`info`,className:`text-info focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`link`,color:`warning`,className:`text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`link`,color:`danger`,className:`text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2`}]});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=button.variants-DOglUhSE.cjs.map

package/dist/{button.variants-4kw6plrv.cjs.map → button.variants-DOglUhSE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button.variants-4kw6plrv.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 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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-card outline-1 outline-important-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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-important-bg-subtle outline-1 outline-important-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: 'important',\n      className: 'bg-important-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-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\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 outline-none shadow-btn',\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 text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted text-text-negative 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 text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important text-text-negative 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 text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger text-danger-foreground hover:bg-danger-strong 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: 'important',\n        className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\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: 'important',\n        className: 'text-important hover:bg-important-bg-subtle focus:bg-important-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 focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger 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,uGAAuG,CAAE,CAChJ,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,YACP,UAAW,oBACZ,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,YACP,UAAW,2CACZ,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,YACP,UAAW,yBACZ,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,YACP,UAAW,0DACZ,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,YACP,UAAW,yBACZ,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,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,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,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,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,YACP,UAAW,gIACZ,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,YACP,UAAW,qHACZ,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,YACP,UAAW,+HACZ,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,YACP,UAAW,uEACZ,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,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}
+{"version":3,"file":"button.variants-DOglUhSE.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 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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-card outline-1 outline-important-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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-important-bg-subtle outline-1 outline-important-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: 'important',\n      className: 'bg-important-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-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\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 outline-none shadow-btn',\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 text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted text-text-negative 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 text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important text-text-negative 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 text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger text-danger-foreground hover:bg-danger-strong 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: 'important',\n        className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\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: 'important',\n        className: 'text-important hover:bg-important-bg-subtle focus:bg-important-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 focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2',\n      },\n    ],\n  }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"0CAEA,MAAa,GAAA,EAAA,EAAA,IAAA,CAA2B,CAAC,sGAAsG,EAAG,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,EACR,EACA,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,EACV,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iBACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,mBACb,EACA,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,eAAgB,EACjE,CACE,QAAS,UACT,MAAO,UACP,UAAW,iBACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,mBACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,cACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,iBACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,gBACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,wCACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,0CACb,EACA,CACE,QAAS,UACT,MAAO,QACP,UAAW,sCACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,wCACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,0CACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,qCACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,wCACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,uCACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,OACT,MAAO,QACP,UAAW,oBACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,OACT,MAAO,OACP,UAAW,mBACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,OACT,MAAO,SACP,UAAW,qBACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,qDACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,yDACb,EACA,CACE,QAAS,SACT,MAAO,QACP,UAAW,kDACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,qDACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,yDACb,EACA,CACE,QAAS,SACT,MAAO,OACP,UAAW,+CACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,qDACb,EACA,CACE,QAAS,SACT,MAAO,SACP,UAAW,mDACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,QACT,MAAO,QACP,UAAW,oBACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,QACT,MAAO,OACP,UAAW,mBACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,QACT,MAAO,SACP,UAAW,qBACb,CACF,CACF,CAAC,EAKY,GAAA,EAAA,EAAA,IAAA,CACX,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,8EACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,wCACR,EACA,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,EACV,EACA,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,SACR,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,gHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,wHACb,EACA,CACE,QAAS,UACT,MAAO,QACP,UAAW,gGACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,gHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,wGACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,oGACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,gHACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,4GACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,yHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,wHACb,EACA,CACE,QAAS,UACT,MAAO,QACP,UAAW,8GACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,qHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,+HACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,sGACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,qHACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,gHACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,0GACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,oHACb,EACA,CACE,QAAS,OACT,MAAO,QACP,UAAW,gGACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,0GACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,oHACb,EACA,CACE,QAAS,OACT,MAAO,OACP,UAAW,2FACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,0GACb,EACA,CACE,QAAS,OACT,MAAO,SACP,UAAW,qGACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,oHACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,8HACb,EACA,CACE,QAAS,SACT,MAAO,QACP,UAAW,4GACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,oHACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,8HACb,EACA,CACE,QAAS,SACT,MAAO,OACP,UAAW,qGACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,oHACb,EACA,CACE,QAAS,SACT,MAAO,SACP,UAAW,+GACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,gEACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,+EACb,EACA,CACE,QAAS,QACT,MAAO,QACP,UAAW,uEACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,gEACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,sEACb,EACA,CACE,QAAS,QACT,MAAO,OACP,UAAW,uDACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,gEACb,EACA,CACE,QAAS,QACT,MAAO,SACP,UAAW,6DACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,kEACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,sEACb,EACA,CACE,QAAS,OACT,MAAO,QACP,UAAW,8DACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,kEACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,sEACb,EACA,CACE,QAAS,OACT,MAAO,OACP,UAAW,4DACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,kEACb,EACA,CACE,QAAS,OACT,MAAO,SACP,UAAW,gEACb,CACF,CACF,CACF"}

package/dist/{button.variants-DkMqWB8G.mjs → button.variants-pziHKxvE.mjs}

@@ -1,2 +1,2 @@
 import{cva as e}from"class-variance-authority";const t=e([`pointer-events-none absolute inset-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:`important`,className:`bg-important-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:`important`,className:`bg-card outline-1 outline-important-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:`important`,className:`bg-important-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:`important`,className:`bg-important-bg-subtle outline-1 outline-important-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:`important`,className:`bg-important-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-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out`,`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 outline-none shadow-btn`,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 text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2`},{variant:`default`,color:`secondary`,className:`bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`default`,color:`muted`,className:`bg-muted text-text-negative hover:opacity-80 focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`default`,color:`success`,className:`bg-success text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`default`,color:`important`,className:`bg-important text-text-negative hover:opacity-80 focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`default`,color:`info`,className:`bg-info text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`default`,color:`warning`,className:`bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`default`,color:`danger`,className:`bg-danger text-danger-foreground hover:bg-danger-strong 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:`important`,className:`border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-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:`important`,className:`bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-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:`important`,className:`bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important`},{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:`important`,className:`text-important hover:bg-important-bg-subtle focus:bg-important-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 focus:ring-2 focus:ring-secondary focus:ring-offset-2`},{variant:`link`,color:`muted`,className:`text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2`},{variant:`link`,color:`success`,className:`text-success focus:ring-2 focus:ring-success focus:ring-offset-2`},{variant:`link`,color:`important`,className:`text-important focus:ring-2 focus:ring-important focus:ring-offset-2`},{variant:`link`,color:`info`,className:`text-info focus:ring-2 focus:ring-info focus:ring-offset-2`},{variant:`link`,color:`warning`,className:`text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2`},{variant:`link`,color:`danger`,className:`text-danger focus:ring-2 focus:ring-danger focus:ring-offset-2`}]});export{n,t};
-//# sourceMappingURL=button.variants-DkMqWB8G.mjs.map
+//# sourceMappingURL=button.variants-pziHKxvE.mjs.map

package/dist/{button.variants-DkMqWB8G.mjs.map → button.variants-pziHKxvE.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button.variants-DkMqWB8G.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 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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-card outline-1 outline-important-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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-important-bg-subtle outline-1 outline-important-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: 'important',\n      className: 'bg-important-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-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\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 outline-none shadow-btn',\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 text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted text-text-negative 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 text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important text-text-negative 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 text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger text-danger-foreground hover:bg-danger-strong 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: 'important',\n        className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\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: 'important',\n        className: 'text-important hover:bg-important-bg-subtle focus:bg-important-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 focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger 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,uGAAuG,CAAE,CAChJ,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,YACP,UAAW,oBACZ,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,YACP,UAAW,2CACZ,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,YACP,UAAW,yBACZ,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,YACP,UAAW,0DACZ,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,YACP,UAAW,yBACZ,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,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,+EACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,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,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,iGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UAAW,yGACZ,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,qGACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,iHACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,6GACZ,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,YACP,UAAW,gIACZ,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,YACP,UAAW,qHACZ,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,YACP,UAAW,+HACZ,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,YACP,UAAW,uEACZ,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,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,QACP,UAAW,+DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,YACP,UAAW,uEACZ,CACD,CACE,QAAS,OACT,MAAO,OACP,UAAW,6DACZ,CACD,CACE,QAAS,OACT,MAAO,UACP,UAAW,mEACZ,CACD,CACE,QAAS,OACT,MAAO,SACP,UAAW,iEACZ,CACF,CACF,CACF"}
+{"version":3,"file":"button.variants-pziHKxvE.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 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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-card outline-1 outline-important-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: 'important',\n      className: 'bg-important-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: 'important',\n      className: 'bg-important-bg-subtle outline-1 outline-important-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: 'important',\n      className: 'bg-important-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-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-in-out',\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 outline-none shadow-btn',\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 text-primary-foreground hover:bg-primary-strong focus:ring-2 focus:ring-primary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className: 'bg-secondary text-secondary-foreground hover:bg-secondary-strong focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'muted',\n        className: 'bg-muted text-text-negative 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 text-success-foreground hover:bg-success-strong focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className: 'bg-important text-text-negative 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 text-info-foreground hover:bg-info-strong focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning-strong focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'bg-danger text-danger-foreground hover:bg-danger-strong 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: 'important',\n        className: 'border-important text-important hover:bg-important-muted focus:border-important-strong focus:ring-2 focus:ring-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important hover:bg-important-muted hover:text-important-strong focus:bg-important-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: 'important',\n        className: 'bg-important-bg-subtle text-important outline-important hover:bg-important-bg-subtle focus:outline-2 focus:outline-important',\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: 'important',\n        className: 'text-important hover:bg-important-bg-subtle focus:bg-important-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 focus:ring-2 focus:ring-secondary focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'muted',\n        className: 'text-muted focus:ring-2 focus:ring-muted focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'success',\n        className: 'text-success focus:ring-2 focus:ring-success focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'important',\n        className: 'text-important focus:ring-2 focus:ring-important focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'info',\n        className: 'text-info focus:ring-2 focus:ring-info focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'warning',\n        className: 'text-warning focus:ring-2 focus:ring-warning focus:ring-offset-2',\n      },\n      {\n        variant: 'link',\n        color: 'danger',\n        className: 'text-danger 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,sGAAsG,EAAG,CAChJ,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,GACT,KAAM,GACN,OAAQ,GACR,MAAO,GACP,KAAM,EACR,EACA,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,EACV,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,iBACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,mBACb,EACA,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,eAAgB,EACjE,CACE,QAAS,UACT,MAAO,UACP,UAAW,iBACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,mBACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,cACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,iBACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,gBACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,wCACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,0CACb,EACA,CACE,QAAS,UACT,MAAO,QACP,UAAW,sCACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,wCACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,0CACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,qCACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,wCACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,uCACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,OACT,MAAO,QACP,UAAW,oBACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,OACT,MAAO,OACP,UAAW,mBACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,OACT,MAAO,SACP,UAAW,qBACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,qDACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,yDACb,EACA,CACE,QAAS,SACT,MAAO,QACP,UAAW,kDACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,qDACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,yDACb,EACA,CACE,QAAS,SACT,MAAO,OACP,UAAW,+CACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,qDACb,EACA,CACE,QAAS,SACT,MAAO,SACP,UAAW,mDACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,QACT,MAAO,QACP,UAAW,oBACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,wBACb,EACA,CACE,QAAS,QACT,MAAO,OACP,UAAW,mBACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,sBACb,EACA,CACE,QAAS,QACT,MAAO,SACP,UAAW,qBACb,CACF,CACF,CAAC,EAKY,EAAiB,EAC5B,CACE,kIACA,oBACA,0CACA,8BACA,mBACA,uCACA,2EACA,8EACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,oDACT,QAAS,8BACT,KAAM,yBACN,OAAQ,wDACR,MAAO,yCACP,KAAM,wCACR,EACA,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,QAAS,GACT,UAAW,GACX,KAAM,GACN,QAAS,GACT,OAAQ,EACV,EACA,KAAM,CACJ,QAAS,8CACT,GAAI,0CACJ,GAAI,8CACJ,GAAI,8CACJ,GAAI,0CACJ,GAAI,4CACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,SACR,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UAAW,gHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,wHACb,EACA,CACE,QAAS,UACT,MAAO,QACP,UAAW,gGACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,gHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,wGACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,oGACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,gHACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,4GACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,yHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,wHACb,EACA,CACE,QAAS,UACT,MAAO,QACP,UAAW,8GACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,qHACb,EACA,CACE,QAAS,UACT,MAAO,YACP,UAAW,+HACb,EACA,CACE,QAAS,UACT,MAAO,OACP,UAAW,sGACb,EACA,CACE,QAAS,UACT,MAAO,UACP,UAAW,qHACb,EACA,CACE,QAAS,UACT,MAAO,SACP,UAAW,gHACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,0GACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,oHACb,EACA,CACE,QAAS,OACT,MAAO,QACP,UAAW,gGACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,0GACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,oHACb,EACA,CACE,QAAS,OACT,MAAO,OACP,UAAW,2FACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,0GACb,EACA,CACE,QAAS,OACT,MAAO,SACP,UAAW,qGACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,oHACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,8HACb,EACA,CACE,QAAS,SACT,MAAO,QACP,UAAW,4GACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,oHACb,EACA,CACE,QAAS,SACT,MAAO,YACP,UAAW,8HACb,EACA,CACE,QAAS,SACT,MAAO,OACP,UAAW,qGACb,EACA,CACE,QAAS,SACT,MAAO,UACP,UAAW,oHACb,EACA,CACE,QAAS,SACT,MAAO,SACP,UAAW,+GACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,gEACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,+EACb,EACA,CACE,QAAS,QACT,MAAO,QACP,UAAW,uEACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,gEACb,EACA,CACE,QAAS,QACT,MAAO,YACP,UAAW,sEACb,EACA,CACE,QAAS,QACT,MAAO,OACP,UAAW,uDACb,EACA,CACE,QAAS,QACT,MAAO,UACP,UAAW,gEACb,EACA,CACE,QAAS,QACT,MAAO,SACP,UAAW,6DACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,kEACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,sEACb,EACA,CACE,QAAS,OACT,MAAO,QACP,UAAW,8DACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,kEACb,EACA,CACE,QAAS,OACT,MAAO,YACP,UAAW,sEACb,EACA,CACE,QAAS,OACT,MAAO,OACP,UAAW,4DACb,EACA,CACE,QAAS,OACT,MAAO,UACP,UAAW,kEACb,EACA,CACE,QAAS,OACT,MAAO,SACP,UAAW,gEACb,CACF,CACF,CACF"}

package/dist/cards/grid-product-card.cjs

@@ -1 +1,2 @@
-require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`),require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../card-B8Pm6iEs.cjs`),require(`../skeleton-BuscPZgb.cjs`),require(`../image-eYMg5TSJ.cjs`);const e=require(`../grid-product-card-BpciVETd.cjs`);exports.GridProductCard=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/button.cjs"),t=require("../ui/card.cjs"),n=require("../ui/image.cjs");let r=require("lucide-react"),i=require("react/jsx-runtime");const a=({name:a,thumbnail:o,price:s})=>(0,i.jsxs)(t.Card,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,i.jsx)(n.Image,{className:`aspect-square h-full flex-0`,src:o}),(0,i.jsxs)(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[(0,i.jsx)(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:a}),(0,i.jsxs)(`p`,{className:`font-bold text-base text-success`,children:[s.toLocaleString(`vi-VN`),(0,i.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,i.jsxs)(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[(0,i.jsx)(e.Button,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,i.jsx)(r.HeartIcon,{})}),(0,i.jsxs)(e.Button,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[(0,i.jsx)(r.ShoppingCartIcon,{}),(0,i.jsx)(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});exports.GridProductCard=a;
+//# sourceMappingURL=grid-product-card.cjs.map