@customafk/lunas-ui 0.2.32 → 0.2.34

package/dist/{alert-CqRM6LFa.d.cts → alert-BFLT5Jqg.d.cts}

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

package/dist/{alert-BC5Nss8t.mjs → alert-BbInRLt4.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-BC5Nss8t.mjs.map
+//# sourceMappingURL=alert-BbInRLt4.mjs.map

package/dist/{alert-BC5Nss8t.mjs.map → alert-BbInRLt4.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-BC5Nss8t.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-BbInRLt4.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"}

package/dist/{alert-hSQjkSHn.d.mts → alert-DmaYqfy7.d.mts}

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

package/dist/{avatar-CK1R4r0j.mjs → avatar-1SuFoI5h.mjs}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Avatar as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`avatar`,className:e(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,r),...i})}function i({className:r,...i}){return t(n.Image,{"data-slot":`avatar-image`,className:e(`aspect-square size-full`,r),...i})}function a({className:r,...i}){return t(n.Fallback,{"data-slot":`avatar-fallback`,className:e(`bg-muted flex size-full items-center justify-center rounded-full`,r),...i})}export{a as n,i as r,r as t};
-//# sourceMappingURL=avatar-CK1R4r0j.mjs.map
+//# sourceMappingURL=avatar-1SuFoI5h.mjs.map

package/dist/{avatar-CK1R4r0j.mjs.map → avatar-1SuFoI5h.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-CK1R4r0j.mjs","names":["Avatar","AvatarPrimitive"],"sources":["../packages/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\n/**\n * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.\n *\n * @example\n * ```tsx\n * import { Avatar, AvatarImage, AvatarFallback } from '@customafk/lunas-ui/ui/avatar';\n *\n * <Avatar>\n *   <AvatarImage src=\"https://example.com/avatar.jpg\" alt=\"Jane Doe\" />\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return <AvatarPrimitive.Root data-slot=\"avatar\" className={cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className)} {...props} />;\n}\n\n/** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return <AvatarPrimitive.Image data-slot=\"avatar-image\" className={cn('aspect-square size-full', className)} {...props} />;\n}\n\n/** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":"8HAkBA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,UAAW,EAAG,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAIvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAI3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAgB,SAAA,CACf,YAAU,kBACV,UAAW,EAAG,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}
+{"version":3,"file":"avatar-1SuFoI5h.mjs","names":["Avatar","AvatarPrimitive"],"sources":["../packages/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\n/**\n * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.\n *\n * @example\n * ```tsx\n * import { Avatar, AvatarImage, AvatarFallback } from '@customafk/lunas-ui/ui/avatar';\n *\n * <Avatar>\n *   <AvatarImage src=\"https://example.com/avatar.jpg\" alt=\"Jane Doe\" />\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return <AvatarPrimitive.Root data-slot=\"avatar\" className={cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className)} {...props} />;\n}\n\n/** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return <AvatarPrimitive.Image data-slot=\"avatar-image\" className={cn('aspect-square size-full', className)} {...props} />;\n}\n\n/** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":"8HAkBA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,UAAW,EAAG,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAIvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAI3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAgB,SAAA,CACf,YAAU,kBACV,UAAW,EAAG,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}

package/dist/{badge-utjRo-lW.mjs → badge-Bhbhmsic.mjs}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t(`inline-flex items-center justify-center font-medium transition-colors duration-150 focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-ring forced-colors:outline`,{variants:{variant:{solid:`shadow-btn`,soft:``,outline:`bg-transparent border`},color:{primary:``,secondary:``,muted:``,accent:``,info:``,success:``,warning:``,danger:``},size:{xs:`text-[10px]/3 px-1.5 py-0.5 gap-1`,sm:`text-xs px-2 py-0.5 gap-1`,md:`text-sm px-2.5 py-0.5 gap-1.5`,lg:`text-base px-3 py-1 gap-1.5`,xl:`text-lg px-3.5 py-1 gap-1.5`},pill:{true:`rounded-full`,false:`rounded-sm`}},defaultVariants:{variant:`solid`,color:`primary`,size:`md`,pill:!0},compoundVariants:[{variant:`solid`,color:`primary`,className:`bg-primary text-primary-foreground`},{variant:`solid`,color:`secondary`,className:`bg-secondary text-secondary-foreground`},{variant:`solid`,color:`muted`,className:`bg-muted text-text-negative`},{variant:`solid`,color:`accent`,className:`bg-accent text-text-negative`},{variant:`solid`,color:`info`,className:`bg-info text-info-foreground`},{variant:`solid`,color:`success`,className:`bg-success text-success-foreground`},{variant:`solid`,color:`warning`,className:`bg-warning text-warning-foreground`},{variant:`solid`,color:`danger`,className:`bg-danger text-danger-foreground`},{variant:`soft`,color:`primary`,className:`bg-primary-bg-subtle text-primary-intense`},{variant:`soft`,color:`secondary`,className:`bg-secondary-bg-subtle text-secondary-intense`},{variant:`soft`,color:`muted`,className:`bg-muted-bg-subtle text-muted-intense`},{variant:`soft`,color:`accent`,className:`bg-accent-bg-subtle text-accent-intense`},{variant:`soft`,color:`info`,className:`bg-info-bg-subtle text-info-intense`},{variant:`soft`,color:`success`,className:`bg-success-bg-subtle text-success-intense`},{variant:`soft`,color:`warning`,className:`bg-warning-bg-subtle text-warning-intense`},{variant:`soft`,color:`danger`,className:`bg-danger-bg-subtle text-danger-intense`},{variant:`outline`,color:`primary`,className:`border-primary text-primary`},{variant:`outline`,color:`secondary`,className:`border-secondary text-secondary`},{variant:`outline`,color:`muted`,className:`border-muted text-muted`},{variant:`outline`,color:`accent`,className:`border-accent text-accent`},{variant:`outline`,color:`info`,className:`border-info text-info`},{variant:`outline`,color:`success`,className:`border-success text-success`},{variant:`outline`,color:`warning`,className:`border-warning text-warning`},{variant:`outline`,color:`danger`,className:`border-danger text-danger`}]});function i({className:t,variant:i,color:a,size:o,pill:s,...c}){return n(`span`,{className:e(r({variant:i,color:a,pill:s,size:o}),t),...c})}export{r as n,i as t};
-//# sourceMappingURL=badge-utjRo-lW.mjs.map
+//# sourceMappingURL=badge-Bhbhmsic.mjs.map

package/dist/{badge-utjRo-lW.mjs.map → badge-Bhbhmsic.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-utjRo-lW.mjs","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center font-medium transition-colors duration-150 focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-ring forced-colors:outline',\n  {\n    variants: {\n      variant: {\n        solid: 'shadow-btn',\n        soft: '',\n        outline: 'bg-transparent border',\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        muted: '',\n        accent: '',\n        info: '',\n        success: '',\n        warning: '',\n        danger: '',\n      },\n      size: {\n        xs: 'text-[10px]/3 px-1.5 py-0.5 gap-1',\n        sm: 'text-xs px-2 py-0.5 gap-1',\n        md: 'text-sm px-2.5 py-0.5 gap-1.5',\n        lg: 'text-base px-3 py-1 gap-1.5',\n        xl: 'text-lg px-3.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n        false: 'rounded-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'solid',\n      color: 'primary',\n      size: 'md',\n      pill: true,\n    },\n    compoundVariants: [\n      // solid\n      { variant: 'solid', color: 'primary', className: 'bg-primary text-primary-foreground' },\n      { variant: 'solid', color: 'secondary', className: 'bg-secondary text-secondary-foreground' },\n      { variant: 'solid', color: 'muted', className: 'bg-muted text-text-negative' },\n      { variant: 'solid', color: 'accent', className: 'bg-accent text-text-negative' },\n      { variant: 'solid', color: 'info', className: 'bg-info text-info-foreground' },\n      { variant: 'solid', color: 'success', className: 'bg-success text-success-foreground' },\n      { variant: 'solid', color: 'warning', className: 'bg-warning text-warning-foreground' },\n      { variant: 'solid', color: 'danger', className: 'bg-danger text-danger-foreground' },\n      // soft\n      { variant: 'soft', color: 'primary', className: 'bg-primary-bg-subtle text-primary-intense' },\n      { variant: 'soft', color: 'secondary', className: 'bg-secondary-bg-subtle text-secondary-intense' },\n      { variant: 'soft', color: 'muted', className: 'bg-muted-bg-subtle text-muted-intense' },\n      { variant: 'soft', color: 'accent', className: 'bg-accent-bg-subtle text-accent-intense' },\n      { variant: 'soft', color: 'info', className: 'bg-info-bg-subtle text-info-intense' },\n      { variant: 'soft', color: 'success', className: 'bg-success-bg-subtle text-success-intense' },\n      { variant: 'soft', color: 'warning', className: 'bg-warning-bg-subtle text-warning-intense' },\n      { variant: 'soft', color: 'danger', className: 'bg-danger-bg-subtle text-danger-intense' },\n      // outline\n      { variant: 'outline', color: 'primary', className: 'border-primary text-primary' },\n      { variant: 'outline', color: 'secondary', className: 'border-secondary text-secondary' },\n      { variant: 'outline', color: 'muted', className: 'border-muted text-muted' },\n      { variant: 'outline', color: 'accent', className: 'border-accent text-accent' },\n      { variant: 'outline', color: 'info', className: 'border-info text-info' },\n      { variant: 'outline', color: 'success', className: 'border-success text-success' },\n      { variant: 'outline', color: 'warning', className: 'border-warning text-warning' },\n      { variant: 'outline', color: 'danger', className: 'border-danger text-danger' },\n    ],\n  }\n);\n\n/**\n * Props for the `Badge` component.\n *\n * @property variant - Visual fill style — `'solid'` (filled, default), `'soft'` (tinted background), or `'outline'` (border only).\n * @property color - Semantic color token — `'primary'` | `'secondary'` | `'muted'` | `'accent'` | `'info'` | `'success'` | `'warning'` | `'danger'`. Defaults to `'primary'`.\n * @property size - Badge size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`.\n * @property pill - When `true` (default), renders with fully rounded corners (`rounded-full`); when `false`, uses `rounded-sm`.\n */\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;\n\n/**\n * Inline status label rendered as a `<span>` with CVA-driven variant, color, size, and shape options.\n *\n * @example\n * ```tsx\n * import { Badge } from '@customafk/lunas-ui/ui/badge';\n *\n * <Badge variant=\"soft\" color=\"success\" size=\"sm\">Active</Badge>\n * <Badge variant=\"outline\" color=\"danger\">Overdue</Badge>\n * ```\n */\nfunction Badge({ className, variant, color, size, pill, ...props }: BadgeProps) {\n  return <span className={cn(badgeVariants({ variant, color, pill, size }), className)} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"2IAMA,MAAM,EAAgB,EACpB,iLACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,aACP,KAAM,GACN,QAAS,wBACV,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,OAAQ,GACR,KAAM,GACN,QAAS,GACT,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,oCACJ,GAAI,4BACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,8BACL,CACD,KAAM,CACJ,KAAM,eACN,MAAO,aACR,CACF,CACD,gBAAiB,CACf,QAAS,QACT,MAAO,UACP,KAAM,KACN,KAAM,GACP,CACD,iBAAkB,CAEhB,CAAE,QAAS,QAAS,MAAO,UAAW,UAAW,qCAAsC,CACvF,CAAE,QAAS,QAAS,MAAO,YAAa,UAAW,yCAA0C,CAC7F,CAAE,QAAS,QAAS,MAAO,QAAS,UAAW,8BAA+B,CAC9E,CAAE,QAAS,QAAS,MAAO,SAAU,UAAW,+BAAgC,CAChF,CAAE,QAAS,QAAS,MAAO,OAAQ,UAAW,+BAAgC,CAC9E,CAAE,QAAS,QAAS,MAAO,UAAW,UAAW,qCAAsC,CACvF,CAAE,QAAS,QAAS,MAAO,UAAW,UAAW,qCAAsC,CACvF,CAAE,QAAS,QAAS,MAAO,SAAU,UAAW,mCAAoC,CAEpF,CAAE,QAAS,OAAQ,MAAO,UAAW,UAAW,4CAA6C,CAC7F,CAAE,QAAS,OAAQ,MAAO,YAAa,UAAW,gDAAiD,CACnG,CAAE,QAAS,OAAQ,MAAO,QAAS,UAAW,wCAAyC,CACvF,CAAE,QAAS,OAAQ,MAAO,SAAU,UAAW,0CAA2C,CAC1F,CAAE,QAAS,OAAQ,MAAO,OAAQ,UAAW,sCAAuC,CACpF,CAAE,QAAS,OAAQ,MAAO,UAAW,UAAW,4CAA6C,CAC7F,CAAE,QAAS,OAAQ,MAAO,UAAW,UAAW,4CAA6C,CAC7F,CAAE,QAAS,OAAQ,MAAO,SAAU,UAAW,0CAA2C,CAE1F,CAAE,QAAS,UAAW,MAAO,UAAW,UAAW,8BAA+B,CAClF,CAAE,QAAS,UAAW,MAAO,YAAa,UAAW,kCAAmC,CACxF,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,0BAA2B,CAC5E,CAAE,QAAS,UAAW,MAAO,SAAU,UAAW,4BAA6B,CAC/E,CAAE,QAAS,UAAW,MAAO,OAAQ,UAAW,wBAAyB,CACzE,CAAE,QAAS,UAAW,MAAO,UAAW,UAAW,8BAA+B,CAClF,CAAE,QAAS,UAAW,MAAO,UAAW,UAAW,8BAA+B,CAClF,CAAE,QAAS,UAAW,MAAO,SAAU,UAAW,4BAA6B,CAChF,CACF,CACF,CAuBD,SAAS,EAAM,CAAE,YAAW,UAAS,QAAO,OAAM,OAAM,GAAG,GAAqB,CAC9E,OAAO,EAAC,OAAA,CAAK,UAAW,EAAG,EAAc,CAAE,UAAS,QAAO,OAAM,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"badge-Bhbhmsic.mjs","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center font-medium transition-colors duration-150 focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-ring forced-colors:outline',\n  {\n    variants: {\n      variant: {\n        solid: 'shadow-btn',\n        soft: '',\n        outline: 'bg-transparent border',\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        muted: '',\n        accent: '',\n        info: '',\n        success: '',\n        warning: '',\n        danger: '',\n      },\n      size: {\n        xs: 'text-[10px]/3 px-1.5 py-0.5 gap-1',\n        sm: 'text-xs px-2 py-0.5 gap-1',\n        md: 'text-sm px-2.5 py-0.5 gap-1.5',\n        lg: 'text-base px-3 py-1 gap-1.5',\n        xl: 'text-lg px-3.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n        false: 'rounded-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'solid',\n      color: 'primary',\n      size: 'md',\n      pill: true,\n    },\n    compoundVariants: [\n      // solid\n      { variant: 'solid', color: 'primary', className: 'bg-primary text-primary-foreground' },\n      { variant: 'solid', color: 'secondary', className: 'bg-secondary text-secondary-foreground' },\n      { variant: 'solid', color: 'muted', className: 'bg-muted text-text-negative' },\n      { variant: 'solid', color: 'accent', className: 'bg-accent text-text-negative' },\n      { variant: 'solid', color: 'info', className: 'bg-info text-info-foreground' },\n      { variant: 'solid', color: 'success', className: 'bg-success text-success-foreground' },\n      { variant: 'solid', color: 'warning', className: 'bg-warning text-warning-foreground' },\n      { variant: 'solid', color: 'danger', className: 'bg-danger text-danger-foreground' },\n      // soft\n      { variant: 'soft', color: 'primary', className: 'bg-primary-bg-subtle text-primary-intense' },\n      { variant: 'soft', color: 'secondary', className: 'bg-secondary-bg-subtle text-secondary-intense' },\n      { variant: 'soft', color: 'muted', className: 'bg-muted-bg-subtle text-muted-intense' },\n      { variant: 'soft', color: 'accent', className: 'bg-accent-bg-subtle text-accent-intense' },\n      { variant: 'soft', color: 'info', className: 'bg-info-bg-subtle text-info-intense' },\n      { variant: 'soft', color: 'success', className: 'bg-success-bg-subtle text-success-intense' },\n      { variant: 'soft', color: 'warning', className: 'bg-warning-bg-subtle text-warning-intense' },\n      { variant: 'soft', color: 'danger', className: 'bg-danger-bg-subtle text-danger-intense' },\n      // outline\n      { variant: 'outline', color: 'primary', className: 'border-primary text-primary' },\n      { variant: 'outline', color: 'secondary', className: 'border-secondary text-secondary' },\n      { variant: 'outline', color: 'muted', className: 'border-muted text-muted' },\n      { variant: 'outline', color: 'accent', className: 'border-accent text-accent' },\n      { variant: 'outline', color: 'info', className: 'border-info text-info' },\n      { variant: 'outline', color: 'success', className: 'border-success text-success' },\n      { variant: 'outline', color: 'warning', className: 'border-warning text-warning' },\n      { variant: 'outline', color: 'danger', className: 'border-danger text-danger' },\n    ],\n  }\n);\n\n/**\n * Props for the `Badge` component.\n *\n * @property variant - Visual fill style — `'solid'` (filled, default), `'soft'` (tinted background), or `'outline'` (border only).\n * @property color - Semantic color token — `'primary'` | `'secondary'` | `'muted'` | `'accent'` | `'info'` | `'success'` | `'warning'` | `'danger'`. Defaults to `'primary'`.\n * @property size - Badge size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`.\n * @property pill - When `true` (default), renders with fully rounded corners (`rounded-full`); when `false`, uses `rounded-sm`.\n */\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;\n\n/**\n * Inline status label rendered as a `<span>` with CVA-driven variant, color, size, and shape options.\n *\n * @example\n * ```tsx\n * import { Badge } from '@customafk/lunas-ui/ui/badge';\n *\n * <Badge variant=\"soft\" color=\"success\" size=\"sm\">Active</Badge>\n * <Badge variant=\"outline\" color=\"danger\">Overdue</Badge>\n * ```\n */\nfunction Badge({ className, variant, color, size, pill, ...props }: BadgeProps) {\n  return <span className={cn(badgeVariants({ variant, color, pill, size }), className)} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"2IAMA,MAAM,EAAgB,EACpB,iLACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,aACP,KAAM,GACN,QAAS,wBACV,CACD,MAAO,CACL,QAAS,GACT,UAAW,GACX,MAAO,GACP,OAAQ,GACR,KAAM,GACN,QAAS,GACT,QAAS,GACT,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,oCACJ,GAAI,4BACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,8BACL,CACD,KAAM,CACJ,KAAM,eACN,MAAO,aACR,CACF,CACD,gBAAiB,CACf,QAAS,QACT,MAAO,UACP,KAAM,KACN,KAAM,GACP,CACD,iBAAkB,CAEhB,CAAE,QAAS,QAAS,MAAO,UAAW,UAAW,qCAAsC,CACvF,CAAE,QAAS,QAAS,MAAO,YAAa,UAAW,yCAA0C,CAC7F,CAAE,QAAS,QAAS,MAAO,QAAS,UAAW,8BAA+B,CAC9E,CAAE,QAAS,QAAS,MAAO,SAAU,UAAW,+BAAgC,CAChF,CAAE,QAAS,QAAS,MAAO,OAAQ,UAAW,+BAAgC,CAC9E,CAAE,QAAS,QAAS,MAAO,UAAW,UAAW,qCAAsC,CACvF,CAAE,QAAS,QAAS,MAAO,UAAW,UAAW,qCAAsC,CACvF,CAAE,QAAS,QAAS,MAAO,SAAU,UAAW,mCAAoC,CAEpF,CAAE,QAAS,OAAQ,MAAO,UAAW,UAAW,4CAA6C,CAC7F,CAAE,QAAS,OAAQ,MAAO,YAAa,UAAW,gDAAiD,CACnG,CAAE,QAAS,OAAQ,MAAO,QAAS,UAAW,wCAAyC,CACvF,CAAE,QAAS,OAAQ,MAAO,SAAU,UAAW,0CAA2C,CAC1F,CAAE,QAAS,OAAQ,MAAO,OAAQ,UAAW,sCAAuC,CACpF,CAAE,QAAS,OAAQ,MAAO,UAAW,UAAW,4CAA6C,CAC7F,CAAE,QAAS,OAAQ,MAAO,UAAW,UAAW,4CAA6C,CAC7F,CAAE,QAAS,OAAQ,MAAO,SAAU,UAAW,0CAA2C,CAE1F,CAAE,QAAS,UAAW,MAAO,UAAW,UAAW,8BAA+B,CAClF,CAAE,QAAS,UAAW,MAAO,YAAa,UAAW,kCAAmC,CACxF,CAAE,QAAS,UAAW,MAAO,QAAS,UAAW,0BAA2B,CAC5E,CAAE,QAAS,UAAW,MAAO,SAAU,UAAW,4BAA6B,CAC/E,CAAE,QAAS,UAAW,MAAO,OAAQ,UAAW,wBAAyB,CACzE,CAAE,QAAS,UAAW,MAAO,UAAW,UAAW,8BAA+B,CAClF,CAAE,QAAS,UAAW,MAAO,UAAW,UAAW,8BAA+B,CAClF,CAAE,QAAS,UAAW,MAAO,SAAU,UAAW,4BAA6B,CAChF,CACF,CACF,CAuBD,SAAS,EAAM,CAAE,YAAW,UAAS,QAAO,OAAM,OAAM,GAAG,GAAqB,CAC9E,OAAO,EAAC,OAAA,CAAK,UAAW,EAAG,EAAc,CAAE,UAAS,QAAO,OAAM,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/{badge-BNlMwt54.d.mts → badge-CSMgaMwT.d.cts}

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

package/dist/{badge-BXCkfLW0.d.cts → badge-Dxewfuj8.d.mts}

@@ -1,14 +1,14 @@
-import * as react13 from "react";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as react200 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" | "solid" | "soft" | null | undefined;
-  color?: "primary" | "secondary" | "muted" | "accent" | "info" | "success" | "warning" | "danger" | null | undefined;
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  variant?: "outline" | "soft" | "solid" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "danger" | null | undefined;
+  size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
   pill?: boolean | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
  * Props for the `Badge` component.
  *
@@ -36,7 +36,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react13.JSX.Element;
+}: BadgeProps): react200.JSX.Element;
 //#endregion
 export { BadgeProps as n, badgeVariants as r, Badge as t };
-//# sourceMappingURL=badge-BXCkfLW0.d.cts.map
+//# sourceMappingURL=badge-Dxewfuj8.d.mts.map

package/dist/{button-BqxBQ4Kr.mjs → button-CfPTDyoq.mjs}

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

package/dist/{button-BqxBQ4Kr.mjs.map → button-CfPTDyoq.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-BqxBQ4Kr.mjs","names":[],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"mPA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAU,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAC,EAAA,CACC,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,EAAY,CAC9C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,UAAW,EACT,EAAe,CACb,UACA,OACA,QACA,YACD,CAAC,CACH,CACD,GAAI,YAEH,GACC,EAAC,MAAA,CAAI,UAAW,EAAqB,CAAE,UAAS,QAAO,CAAC,WACtD,EAAC,EAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,CAClD,EAAC,OAAA,CAAK,UAAU,mBAAU,WAAc,CAAA,EACpC,CAER,EAAC,MAAA,CAAI,UAAW,EAAG,kDAAmD,GAAa,gCAAiC,EAAe,CAAG,YAAe,CAAA,EAChJ"}
+{"version":3,"file":"button-CfPTDyoq.mjs","names":[],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"mPA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAU,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAC,EAAA,CACC,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,EAAY,CAC9C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,UAAW,EACT,EAAe,CACb,UACA,OACA,QACA,YACD,CAAC,CACH,CACD,GAAI,YAEH,GACC,EAAC,MAAA,CAAI,UAAW,EAAqB,CAAE,UAAS,QAAO,CAAC,WACtD,EAAC,EAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,CAClD,EAAC,OAAA,CAAK,UAAU,mBAAU,WAAc,CAAA,EACpC,CAER,EAAC,MAAA,CAAI,UAAW,EAAG,kDAAmD,GAAa,gCAAiC,EAAe,CAAG,YAAe,CAAA,EAChJ"}

package/dist/{button-DhUjRe5e.d.mts → button-DeBpvNFE.d.mts}

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

package/dist/{button-xc_1ixgJ.d.cts → button-soF3CKai.d.cts}

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

package/dist/{button.variants-CwcJHcI5.mjs → button.variants-B8aRZ52K.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-CwcJHcI5.mjs.map
+//# sourceMappingURL=button.variants-B8aRZ52K.mjs.map

package/dist/{button.variants-CwcJHcI5.mjs.map → button.variants-B8aRZ52K.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button.variants-CwcJHcI5.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-B8aRZ52K.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"}

package/dist/{calendar-D8aRFw_F.mjs → calendar-CqeVe3HO.mjs}

@@ -1,2 +1,2 @@
-import{n as e}from"./button.variants-CwcJHcI5.mjs";import{t}from"./button-BqxBQ4Kr.mjs";import{ChevronDownIcon as n,ChevronLeftIcon as r,ChevronRightIcon as i}from"lucide-react";import{useEffect as a,useRef as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{DayPicker as l,getDefaultClassNames as u}from"react-day-picker";const d=({rootRef:e,className:t,...n})=>c(`div`,{"data-slot":`calendar`,ref:e,className:s(t),...n}),f=e=>e.orientation===`left`?c(r,{size:16,className:e.className,...e}):e.orientation===`right`?c(i,{size:16,className:e.className,...e}):c(n,{size:16,className:e.className,...e}),p=({className:e,day:n,modifiers:r,color:i,...l})=>{let d=u(),f=o(null);return a(()=>{r.focused&&f.current?.focus()},[r.focused]),c(t,{ref:f,variant:`ghost`,color:`muted`,"data-day":n.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:s(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,d.day,e),...l})},m=({children:e,...t})=>c(`td`,{...t,children:c(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function h({className:t,classNames:n,showOutsideDays:r=!0,captionLayout:i=`label`,buttonVariant:a=`ghost`,formatters:o,components:h,...g}){let _=u();return c(l,{showOutsideDays:r,className:s(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:i,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...o},classNames:{root:s(_.root),months:s(`flex gap-4 flex-col md:flex-row relative`,_.months),month:s(`flex flex-col w-full gap-4`,_.month),nav:s(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,_.nav),button_previous:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_previous),button_next:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_next),month_caption:s(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,_.month_caption),dropdowns:s(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,_.dropdowns),dropdown_root:s(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,_.dropdown_root),dropdown:s(`absolute inset-0 opacity-0`,_.dropdown),caption_label:s(`select-none font-medium`,i===`label`&&`text-sm`,i!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,_.caption_label),table:`w-full border-collapse`,weekdays:s(`flex`,_.weekdays),weekday:s(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,_.weekday),week:s(`flex w-full mt-2`,_.week),week_number_header:s(`select-none w-(--cell-size)`,_.week_number_header),week_number:s(`text-[0.8rem] select-none text-text-positive`,_.week_number),day:s(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,_.day),range_start:s(`rounded-l bg-muted-muted`,_.range_start),range_middle:s(`rounded-none`,_.range_middle),range_end:s(`rounded-r bg-muted-muted`,_.range_end),today:s(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,_.today),outside:s(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:s(`bg-muted-muted text-text-positive opacity-50`,_.disabled),hidden:s(`invisible`,_.hidden),...n},components:{Root:d,Chevron:f,DayButton:p,WeekNumber:m,...h},...g})}export{p as n,h as t};
-//# sourceMappingURL=calendar-D8aRFw_F.mjs.map
+import{n as e}from"./button.variants-B8aRZ52K.mjs";import{t}from"./button-CfPTDyoq.mjs";import{ChevronDownIcon as n,ChevronLeftIcon as r,ChevronRightIcon as i}from"lucide-react";import{useEffect as a,useRef as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{DayPicker as l,getDefaultClassNames as u}from"react-day-picker";const d=({rootRef:e,className:t,...n})=>c(`div`,{"data-slot":`calendar`,ref:e,className:s(t),...n}),f=e=>e.orientation===`left`?c(r,{size:16,className:e.className,...e}):e.orientation===`right`?c(i,{size:16,className:e.className,...e}):c(n,{size:16,className:e.className,...e}),p=({className:e,day:n,modifiers:r,color:i,...l})=>{let d=u(),f=o(null);return a(()=>{r.focused&&f.current?.focus()},[r.focused]),c(t,{ref:f,variant:`ghost`,color:`muted`,"data-day":n.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:s(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,d.day,e),...l})},m=({children:e,...t})=>c(`td`,{...t,children:c(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function h({className:t,classNames:n,showOutsideDays:r=!0,captionLayout:i=`label`,buttonVariant:a=`ghost`,formatters:o,components:h,...g}){let _=u();return c(l,{showOutsideDays:r,className:s(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:i,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...o},classNames:{root:s(_.root),months:s(`flex gap-4 flex-col md:flex-row relative`,_.months),month:s(`flex flex-col w-full gap-4`,_.month),nav:s(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,_.nav),button_previous:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_previous),button_next:s(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_next),month_caption:s(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,_.month_caption),dropdowns:s(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,_.dropdowns),dropdown_root:s(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,_.dropdown_root),dropdown:s(`absolute inset-0 opacity-0`,_.dropdown),caption_label:s(`select-none font-medium`,i===`label`&&`text-sm`,i!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,_.caption_label),table:`w-full border-collapse`,weekdays:s(`flex`,_.weekdays),weekday:s(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,_.weekday),week:s(`flex w-full mt-2`,_.week),week_number_header:s(`select-none w-(--cell-size)`,_.week_number_header),week_number:s(`text-[0.8rem] select-none text-text-positive`,_.week_number),day:s(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,_.day),range_start:s(`rounded-l bg-muted-muted`,_.range_start),range_middle:s(`rounded-none`,_.range_middle),range_end:s(`rounded-r bg-muted-muted`,_.range_end),today:s(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,_.today),outside:s(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:s(`bg-muted-muted text-text-positive opacity-50`,_.disabled),hidden:s(`invisible`,_.hidden),...n},components:{Root:d,Chevron:f,DayButton:p,WeekNumber:m,...h},...g})}export{p as n,h as t};
+//# sourceMappingURL=calendar-CqeVe3HO.mjs.map