@customafk/lunas-ui 0.1.18 → 0.1.20

package/dist/{avatar-BNU7KL48.mjs → avatar-BaxX-xI9.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-BNU7KL48.mjs.map
+//# sourceMappingURL=avatar-BaxX-xI9.mjs.map

package/dist/{avatar-BNU7KL48.mjs.map → avatar-BaxX-xI9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-BNU7KL48.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\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\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\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":"8HAKA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,UAAW,EAAG,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAGvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAG3H,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-BaxX-xI9.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\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\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\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":"8HAKA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,UAAW,EAAG,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAGvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAG3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAgB,SAAA,CACf,YAAU,kBACV,UAAW,EAAG,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}

package/dist/{avatar-DzZQenXU.cjs → avatar-dAu1c0bC.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Avatar.Root,{"data-slot":`avatar`,className:(0,t.cn)(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,e),...i})}function a({className:e,...i}){return(0,n.jsx)(r.Avatar.Image,{"data-slot":`avatar-image`,className:(0,t.cn)(`aspect-square size-full`,e),...i})}function o({className:e,...i}){return(0,n.jsx)(r.Avatar.Fallback,{"data-slot":`avatar-fallback`,className:(0,t.cn)(`bg-muted flex size-full items-center justify-center rounded-full`,e),...i})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=avatar-DzZQenXU.cjs.map
+//# sourceMappingURL=avatar-dAu1c0bC.cjs.map

package/dist/{avatar-DzZQenXU.cjs.map → avatar-dAu1c0bC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-DzZQenXU.cjs","names":["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\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\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\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":"6IAKA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,WAAA,EAAA,EAAA,IAAc,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAGvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAG3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}
+{"version":3,"file":"avatar-dAu1c0bC.cjs","names":["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\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\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\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":"6IAKA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,WAAA,EAAA,EAAA,IAAc,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAGvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAG3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}

package/dist/{button-vNDXA78a.d.mts → button-C2mvaa5I.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
@@ -8,8 +8,8 @@ import * as class_variance_authority_types10 from "class-variance-authority/type
  * Button variants definition for styling using class-variance-authority
  */
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "soft" | "subtle" | "ghost" | null | undefined;
-  color?: "muted" | "success" | "primary" | "secondary" | "important" | "info" | "warning" | "danger" | null | undefined;
+  variant?: "default" | "outline" | "link" | "soft" | "subtle" | "ghost" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "success" | "important" | "info" | "warning" | "danger" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types10.ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
@@ -51,7 +51,7 @@ declare function Button({
   disabled,
   type,
   ...props
-}: ButtonProps): react_jsx_runtime40.JSX.Element;
+}: ButtonProps): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-vNDXA78a.d.mts.map
+//# sourceMappingURL=button-C2mvaa5I.d.mts.map

package/dist/{button-C8HSrN_3.d.cts → button-CVYH2lum.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import * as class_variance_authority_types12 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
@@ -8,8 +8,8 @@ import { VariantProps } from "class-variance-authority";
  * Button variants definition for styling using class-variance-authority
  */
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "soft" | "subtle" | "ghost" | null | undefined;
-  color?: "muted" | "success" | "primary" | "secondary" | "important" | "info" | "warning" | "danger" | null | undefined;
+  variant?: "default" | "outline" | "link" | "soft" | "subtle" | "ghost" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "success" | "important" | "info" | "warning" | "danger" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types12.ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
@@ -51,7 +51,7 @@ declare function Button({
   disabled,
   type,
   ...props
-}: ButtonProps): react_jsx_runtime11.JSX.Element;
+}: ButtonProps): react_jsx_runtime51.JSX.Element;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-C8HSrN_3.d.cts.map
+//# sourceMappingURL=button-CVYH2lum.d.cts.map

package/dist/{button-JJaTl28Z.mjs → button-DIEXNBpi.mjs}

@@ -1,2 +1,2 @@
-import{t as e}from"./dist-D2ydYRc4.mjs";import{n as t,t as n}from"./button.variants-CgCCe7qb.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Loader2Icon as o}from"lucide-react";import{Activity as s}from"react";function c({className:c,variant:l,size:u=`default`,color:d,asChild:f=!1,isLoading:p=!1,children:m,disabled:h,type:g=`button`,..._}){return a(f?e:`button`,{type:g,"data-slot":`button`,"data-state":p?`loading`:void 0,disabled:h,"aria-disabled":h?!0:void 0,className:r(t({variant:l,size:u,color:d,className:c})),..._,children:[i(s,{mode:p?`hidden`:`visible`,children:m}),i(s,{mode:p?`visible`:`hidden`,children:i(`div`,{className:n({variant:l,color:d}),children:i(o,{size:16,className:`animate-spin`})})})]})}export{c as t};
-//# sourceMappingURL=button-JJaTl28Z.mjs.map
+import{t as e}from"./dist-CT2ZB1PF.mjs";import{n as t,t as n}from"./button.variants-DmUzMbB8.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Loader2Icon as o}from"lucide-react";import{Activity as s}from"react";function c({className:c,variant:l,size:u=`default`,color:d,asChild:f=!1,isLoading:p=!1,children:m,disabled:h,type:g=`button`,..._}){return a(f?e:`button`,{type:g,"data-slot":`button`,"data-state":p?`loading`:void 0,disabled:h,"aria-disabled":h?!0:void 0,className:r(t({variant:l,size:u,color:d,className:c})),..._,children:[i(s,{mode:p?`hidden`:`visible`,children:m}),i(s,{mode:p?`visible`:`hidden`,children:i(`div`,{className:n({variant:l,color:d}),children:i(o,{size:16,className:`animate-spin`})})})]})}export{c as t};
+//# sourceMappingURL=button-DIEXNBpi.mjs.map

package/dist/{button-JJaTl28Z.mjs.map → button-DIEXNBpi.mjs.map}

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

package/dist/{button.variants-CgCCe7qb.mjs → button.variants-DmUzMbB8.mjs}

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

package/dist/{button.variants-CgCCe7qb.mjs.map → button.variants-DmUzMbB8.mjs.map}

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

package/dist/card-CWAdGhMr.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return t(`div`,{"data-slot":`card`,className:e(`flex flex-col gap-6 rounded-2xl bg-card py-6 text-text-positive shadow-card ring-3 ring-border-muted`,n),...r})}function r({className:n,...r}){return t(`div`,{"data-slot":`card-header`,className:e(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,n),...r})}function i({className:n,...r}){return t(`div`,{"data-slot":`card-title`,className:e(`font-semibold leading-none`,n),...r})}function a({className:n,...r}){return t(`div`,{"data-slot":`card-description`,className:e(`text-sm text-text-positive-weak`,n),...r})}function o({className:n,...r}){return t(`div`,{"data-slot":`card-action`,className:e(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,n),...r})}function s({className:n,...r}){return t(`div`,{"data-slot":`card-content`,className:e(`px-6 text-sm`,n),...r})}function c({className:n,...r}){return t(`div`,{"data-slot":`card-footer`,className:e(`flex items-center px-6 text-sm [.border-t]:pt-6`,n),...r})}export{c as a,a as i,o as n,r as o,s as r,i as s,n as t};
+//# sourceMappingURL=card-CWAdGhMr.mjs.map

package/dist/card-CWAdGhMr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-CWAdGhMr.mjs","names":[],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card\" className={cn('flex flex-col gap-6 rounded-2xl bg-card py-6 text-text-positive shadow-card ring-3 ring-border-muted', className)} {...props} />;\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'items-start gap-1.5 px-6 text-text-positive-strong',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn('font-semibold leading-none', className)} {...props} />;\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />;\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />;\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":"4FAEA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OAAO,EAAC,MAAA,CAAI,YAAU,OAAO,UAAW,EAAG,uGAAwG,EAAU,CAAE,GAAI,GAAS,CAG9K,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,yBACA,2CACA,qDACA,mDACA,mBACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,UAAW,EAAG,6BAA8B,EAAU,CAAE,GAAI,GAAS,CAG1G,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAC,MAAA,CAAI,YAAU,mBAAmB,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAGrH,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAG/I,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,GAAS,CAG9F,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,kDAAmD,EAAU,CAAE,GAAI,GAAS"}

package/dist/card-wGoU4Xiq.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`);function r({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card`,className:(0,t.cn)(`flex flex-col gap-6 rounded-2xl bg-card py-6 text-text-positive shadow-card ring-3 ring-border-muted`,e),...r})}function i({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-header`,className:(0,t.cn)(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,e),...r})}function a({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-title`,className:(0,t.cn)(`font-semibold leading-none`,e),...r})}function o({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-description`,className:(0,t.cn)(`text-sm text-text-positive-weak`,e),...r})}function s({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-action`,className:(0,t.cn)(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...r})}function c({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-content`,className:(0,t.cn)(`px-6 text-sm`,e),...r})}function l({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-footer`,className:(0,t.cn)(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...r})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=card-wGoU4Xiq.cjs.map

package/dist/card-wGoU4Xiq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-wGoU4Xiq.cjs","names":[],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card\" className={cn('flex flex-col gap-6 rounded-2xl bg-card py-6 text-text-positive shadow-card ring-3 ring-border-muted', className)} {...props} />;\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'items-start gap-1.5 px-6 text-text-positive-strong',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn('font-semibold leading-none', className)} {...props} />;\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />;\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />;\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":"uHAEA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,OAAO,WAAA,EAAA,EAAA,IAAc,uGAAwG,EAAU,CAAE,GAAI,GAAS,CAG9K,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yBACA,2CACA,qDACA,mDACA,mBACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,6BAA8B,EAAU,CAAE,GAAI,GAAS,CAG1G,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAGrH,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAG/I,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,eAAgB,EAAU,CAAE,GAAI,GAAS,CAG9F,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,kDAAmD,EAAU,CAAE,GAAI,GAAS"}

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

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

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

@@ -1,2 +1,2 @@
-import{t as e}from"../card-C8fcblBB.mjs";import"../button.variants-CgCCe7qb.mjs";import{t}from"../button-JJaTl28Z.mjs";import"../skeleton-6MpPv0K3.mjs";import{t as n}from"../image-xsA4ZQ-u.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{HeartIcon as a,ShoppingCartIcon as o}from"lucide-react";const s=({name:s,thumbnail:c,price:l})=>i(e,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[r(n,{className:`aspect-square h-full flex-0`,src:c}),i(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[r(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:s}),i(`p`,{className:`font-bold text-base text-success`,children:[l.toLocaleString(`vi-VN`),r(`small`,{className:`ml-0.5`,children:`VND`})]}),i(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[r(t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:r(a,{})}),i(t,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[r(o,{}),r(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});export{s as GridProductCard};
+import{t as e}from"../card-CWAdGhMr.mjs";import"../button.variants-DmUzMbB8.mjs";import{t}from"../button-DIEXNBpi.mjs";import"../skeleton-CvZncisJ.mjs";import{t as n}from"../image-BwbAQRxx.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{HeartIcon as a,ShoppingCartIcon as o}from"lucide-react";const s=({name:s,thumbnail:c,price:l})=>i(e,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[r(n,{className:`aspect-square h-full flex-0`,src:c}),i(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[r(`p`,{className:`line-clamp-2 h-10 font-semibold text-sm text-text-positive`,children:s}),i(`p`,{className:`font-bold text-base text-success`,children:[l.toLocaleString(`vi-VN`),r(`small`,{className:`ml-0.5`,children:`VND`})]}),i(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[r(t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:r(a,{})}),i(t,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[r(o,{}),r(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});export{s as GridProductCard};
 //# sourceMappingURL=grid-product-card.mjs.map

package/dist/cards/product-card.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-CXsIpa9Y.cjs`);require(`../button.variants-C--cfyfH.cjs`);const n=require(`../button-DtFiUaY7.cjs`);require(`../skeleton-C4suljHP.cjs`);const r=require(`../image-C-XEJWcw.cjs`);let i=require(`react/jsx-runtime`),a=require(`lucide-react`);const o=({name:e,thumbnail:o,price:s})=>(0,i.jsxs)(t.t,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,i.jsx)(r.t,{src:o,className:`aspect-square`}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,i.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,i.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,i.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,i.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,i.jsxs)(n.t,{className:`flex-1`,children:[(0,i.jsx)(a.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,i.jsx)(n.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,i.jsx)(a.HeartIcon,{})})]})]})]});exports.ProductCard=o;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-wGoU4Xiq.cjs`);require(`../button.variants-C--cfyfH.cjs`);const n=require(`../button-DtFiUaY7.cjs`);require(`../skeleton-C4suljHP.cjs`);const r=require(`../image-C-XEJWcw.cjs`);let i=require(`react/jsx-runtime`),a=require(`lucide-react`);const o=({name:e,thumbnail:o,price:s})=>(0,i.jsxs)(t.t,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,i.jsx)(r.t,{src:o,className:`aspect-square`}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,i.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,i.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,i.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,i.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,i.jsxs)(n.t,{className:`flex-1`,children:[(0,i.jsx)(a.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,i.jsx)(n.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,i.jsx)(a.HeartIcon,{})})]})]})]});exports.ProductCard=o;
 //# sourceMappingURL=product-card.cjs.map

package/dist/cards/product-card.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../card-C8fcblBB.mjs";import"../button.variants-CgCCe7qb.mjs";import{t}from"../button-JJaTl28Z.mjs";import"../skeleton-6MpPv0K3.mjs";import{t as n}from"../image-xsA4ZQ-u.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{HeartIcon as a,ShoppingCartIcon as o}from"lucide-react";const s=({name:s,thumbnail:c,price:l})=>i(e,{className:`size-full gap-y-2 p-2 pb-4`,children:[r(n,{src:c,className:`aspect-square`}),i(`div`,{className:`flex flex-col gap-y-1`,children:[r(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:s}),i(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),r(`small`,{className:`ml-0.5`,children:`VND`})]}),i(`div`,{className:`mt-1 flex gap-x-1`,children:[i(t,{className:`flex-1`,children:[r(o,{}),`Thêm vào giỏ`]}),r(t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:r(a,{})})]})]})]});export{s as ProductCard};
+import{t as e}from"../card-CWAdGhMr.mjs";import"../button.variants-DmUzMbB8.mjs";import{t}from"../button-DIEXNBpi.mjs";import"../skeleton-CvZncisJ.mjs";import{t as n}from"../image-BwbAQRxx.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{HeartIcon as a,ShoppingCartIcon as o}from"lucide-react";const s=({name:s,thumbnail:c,price:l})=>i(e,{className:`size-full gap-y-2 p-2 pb-4`,children:[r(n,{src:c,className:`aspect-square`}),i(`div`,{className:`flex flex-col gap-y-1`,children:[r(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:s}),i(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),r(`small`,{className:`ml-0.5`,children:`VND`})]}),i(`div`,{className:`mt-1 flex gap-x-1`,children:[i(t,{className:`flex-1`,children:[r(o,{}),`Thêm vào giỏ`]}),r(t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:r(a,{})})]})]})]});export{s as ProductCard};
 //# sourceMappingURL=product-card.mjs.map

package/dist/cards/simple-card.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-CXsIpa9Y.cjs`);let n=require(`react/jsx-runtime`);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.t,{children:[(0,n.jsxs)(t.o,{children:[(0,n.jsx)(t.s,{children:e}),(0,n.jsx)(t.i,{children:r}),i&&(0,n.jsx)(t.n,{children:i})]}),(0,n.jsx)(t.r,{children:o}),a&&(0,n.jsx)(t.a,{children:a})]});exports.SimpleCard=r;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-wGoU4Xiq.cjs`);let n=require(`react/jsx-runtime`);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.t,{children:[(0,n.jsxs)(t.o,{children:[(0,n.jsx)(t.s,{children:e}),(0,n.jsx)(t.i,{children:r}),i&&(0,n.jsx)(t.n,{children:i})]}),(0,n.jsx)(t.r,{children:o}),a&&(0,n.jsx)(t.a,{children:a})]});exports.SimpleCard=r;
 //# sourceMappingURL=simple-card.cjs.map

package/dist/cards/simple-card.mjs

@@ -1,2 +1,2 @@
-"use client";import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../card-C8fcblBB.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({title:l,description:u,action:d,footer:f,children:p})=>c(o,{children:[c(r,{children:[s(a,{children:l}),s(t,{children:u}),d&&s(n,{children:d})]}),s(i,{children:p}),f&&s(e,{children:f})]});export{l as SimpleCard};
+"use client";import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../card-CWAdGhMr.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({title:l,description:u,action:d,footer:f,children:p})=>c(o,{children:[c(r,{children:[s(a,{children:l}),s(t,{children:u}),d&&s(n,{children:d})]}),s(i,{children:p}),f&&s(e,{children:f})]});export{l as SimpleCard};
 //# sourceMappingURL=simple-card.mjs.map

package/dist/{close-B_PnUzNN.mjs → close-CGei_VQ6.mjs}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{XIcon as n}from"lucide-react";const r=({className:r,...i})=>t(`button`,{className:e(`flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60`,r),...i,children:t(n,{size:24})});export{r as t};
-//# sourceMappingURL=close-B_PnUzNN.mjs.map
+//# sourceMappingURL=close-CGei_VQ6.mjs.map

package/dist/{close-B_PnUzNN.mjs.map → close-CGei_VQ6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"close-B_PnUzNN.mjs","names":["CloseButton: React.FC<React.ComponentProps<'button'>>"],"sources":["../packages/components/ui/buttons/close.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n  return (\n    <button\n      className={cn(\n        'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n        className\n      )}\n      {...props}\n    >\n      <XIcon size={24} />\n    </button>\n  );\n};\n"],"mappings":"iIAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,KAElF,EAAC,SAAA,CACC,UAAW,EACT,qQACA,EACD,CACD,GAAI,WAEJ,EAAC,EAAA,CAAM,KAAM,GAAA,CAAM,EACZ"}
+{"version":3,"file":"close-CGei_VQ6.mjs","names":["CloseButton: React.FC<React.ComponentProps<'button'>>"],"sources":["../packages/components/ui/buttons/close.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n  return (\n    <button\n      className={cn(\n        'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n        className\n      )}\n      {...props}\n    >\n      <XIcon size={24} />\n    </button>\n  );\n};\n"],"mappings":"iIAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,KAElF,EAAC,SAAA,CACC,UAAW,EACT,qQACA,EACD,CACD,GAAI,WAEJ,EAAC,EAAA,CAAM,KAAM,GAAA,CAAM,EACZ"}

package/dist/{close-DKsjFTou.cjs → close-CXhpIVAZ.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`lucide-react`);const i=({className:e,...i})=>(0,n.jsx)(`button`,{className:(0,t.cn)(`flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60`,e),...i,children:(0,n.jsx)(r.XIcon,{size:24})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=close-DKsjFTou.cjs.map
+//# sourceMappingURL=close-CXhpIVAZ.cjs.map

package/dist/{close-DKsjFTou.cjs.map → close-CXhpIVAZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"close-DKsjFTou.cjs","names":["CloseButton: React.FC<React.ComponentProps<'button'>>","XIcon"],"sources":["../packages/components/ui/buttons/close.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n  return (\n    <button\n      className={cn(\n        'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n        className\n      )}\n      {...props}\n    >\n      <XIcon size={24} />\n    </button>\n  );\n};\n"],"mappings":"iJAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,MAElF,EAAA,EAAA,KAAC,SAAA,CACC,WAAA,EAAA,EAAA,IACE,qQACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,KAAM,GAAA,CAAM,EACZ"}
+{"version":3,"file":"close-CXhpIVAZ.cjs","names":["CloseButton: React.FC<React.ComponentProps<'button'>>","XIcon"],"sources":["../packages/components/ui/buttons/close.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n  return (\n    <button\n      className={cn(\n        'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n        className\n      )}\n      {...props}\n    >\n      <XIcon size={24} />\n    </button>\n  );\n};\n"],"mappings":"iJAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,MAElF,EAAA,EAAA,KAAC,SAAA,CACC,WAAA,EAAA,EAAA,IACE,qQACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,KAAM,GAAA,CAAM,EACZ"}

package/dist/{command-Dohhg_fY.cjs → command-B8Tbe4oe.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dialog-DEnVUD9A.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`),a=require(`cmdk`);function o({className:e,...t}){return(0,r.jsx)(a.Command,{"data-slot":`command`,className:(0,n.cn)(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function s({title:e=`Command Palette`,description:i=`Search for a command to run...`,children:a,className:s,showCloseButton:c=!0,...l}){return(0,r.jsxs)(t.t,{...l,children:[(0,r.jsxs)(t.o,{className:`sr-only`,children:[(0,r.jsx)(t.l,{children:e}),(0,r.jsx)(t.i,{children:i})]}),(0,r.jsx)(t.r,{className:(0,n.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,r.jsx)(o,{className:(0,n.cn)(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:a})})]})}function c({className:e,...t}){return(0,r.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[(0,r.jsx)(i.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,r.jsx)(a.Command.Input,{"data-slot":`command-input`,className:(0,n.cn)(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function l({className:e,...t}){return(0,r.jsx)(a.Command.List,{"data-slot":`command-list`,className:(0,n.cn)(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function u({...e}){return(0,r.jsx)(a.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function d({className:e,...t}){return(0,r.jsx)(a.Command.Group,{"data-slot":`command-group`,className:(0,n.cn)(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(a.Command.Separator,{"data-slot":`command-separator`,className:(0,n.cn)(`-mx-1 h-px bg-border-weak`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(a.Command.Item,{"data-slot":`command-item`,className:(0,n.cn)(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,n.cn)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=command-Dohhg_fY.cjs.map
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dialog-DZ_gg6Ol.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`),a=require(`cmdk`);function o({className:e,...t}){return(0,r.jsx)(a.Command,{"data-slot":`command`,className:(0,n.cn)(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function s({title:e=`Command Palette`,description:i=`Search for a command to run...`,children:a,className:s,showCloseButton:c=!0,...l}){return(0,r.jsxs)(t.t,{...l,children:[(0,r.jsxs)(t.o,{className:`sr-only`,children:[(0,r.jsx)(t.l,{children:e}),(0,r.jsx)(t.i,{children:i})]}),(0,r.jsx)(t.r,{className:(0,n.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,r.jsx)(o,{className:(0,n.cn)(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:a})})]})}function c({className:e,...t}){return(0,r.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[(0,r.jsx)(i.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,r.jsx)(a.Command.Input,{"data-slot":`command-input`,className:(0,n.cn)(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function l({className:e,...t}){return(0,r.jsx)(a.Command.List,{"data-slot":`command-list`,className:(0,n.cn)(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function u({...e}){return(0,r.jsx)(a.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function d({className:e,...t}){return(0,r.jsx)(a.Command.Group,{"data-slot":`command-group`,className:(0,n.cn)(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(a.Command.Separator,{"data-slot":`command-separator`,className:(0,n.cn)(`-mx-1 h-px bg-border-weak`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(a.Command.Item,{"data-slot":`command-item`,className:(0,n.cn)(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,n.cn)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=command-B8Tbe4oe.cjs.map

package/dist/{command-Dohhg_fY.cjs.map → command-B8Tbe4oe.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"command-Dohhg_fY.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"sMAUA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,EAAA,CAAoB,EAClC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,EACf,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAc,WAAA,EAAA,EAAA,IAAc,sBAAuB,EAAU,CAAmB,4BAC/E,EAAA,EAAA,KAAC,EAAA,CACC,WAAA,EAAA,EAAA,IACE,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAIb,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,0EAC/C,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,6BAAA,CAA+B,EACrD,EAAA,EAAA,KAACN,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAIV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAG7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAGvI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,WAAA,EAAA,EAAA,IACE,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,2DAA4D,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"command-B8Tbe4oe.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"sMAUA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,EAAA,CAAoB,EAClC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,EACf,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAc,WAAA,EAAA,EAAA,IAAc,sBAAuB,EAAU,CAAmB,4BAC/E,EAAA,EAAA,KAAC,EAAA,CACC,WAAA,EAAA,EAAA,IACE,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAIb,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,0EAC/C,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,6BAAA,CAA+B,EACrD,EAAA,EAAA,KAACN,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAIV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAG7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAGvI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,WAAA,EAAA,EAAA,IACE,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,2DAA4D,EAAU,CAAE,GAAI,GAAS"}

package/dist/{command-CtWxCsMm.mjs → command-BLlJzBw9.mjs}

@@ -1,2 +1,2 @@
-import{i as e,l as t,o as n,r,t as i}from"./dialog-4ZJcWPar.mjs";import{cn as a}from"@customafk/react-toolkit/utils";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{SearchIcon as c}from"lucide-react";import{Command as l}from"cmdk";function u({className:e,...t}){return o(l,{"data-slot":`command`,className:a(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function d({title:c=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return s(i,{...m,children:[s(n,{className:`sr-only`,children:[o(t,{children:c}),o(e,{children:l})]}),o(r,{className:a(`overflow-hidden p-0`,f),showCloseButton:p,children:o(u,{className:a(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:e,...t}){return s(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[o(c,{className:`size-4 shrink-0 opacity-50`}),o(l.Input,{"data-slot":`command-input`,className:a(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function p({className:e,...t}){return o(l.List,{"data-slot":`command-list`,className:a(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function m({...e}){return o(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return o(l.Group,{"data-slot":`command-group`,className:a(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...t})}function g({className:e,...t}){return o(l.Separator,{"data-slot":`command-separator`,className:a(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return o(l.Item,{"data-slot":`command-item`,className:a(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function v({className:e,...t}){return o(`span`,{"data-slot":`command-shortcut`,className:a(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}export{f as a,g as c,h as i,v as l,d as n,_ as o,m as r,p as s,u as t};
-//# sourceMappingURL=command-CtWxCsMm.mjs.map
+import{i as e,l as t,o as n,r,t as i}from"./dialog-DeZVOOmh.mjs";import{cn as a}from"@customafk/react-toolkit/utils";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{SearchIcon as c}from"lucide-react";import{Command as l}from"cmdk";function u({className:e,...t}){return o(l,{"data-slot":`command`,className:a(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function d({title:c=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return s(i,{...m,children:[s(n,{className:`sr-only`,children:[o(t,{children:c}),o(e,{children:l})]}),o(r,{className:a(`overflow-hidden p-0`,f),showCloseButton:p,children:o(u,{className:a(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:e,...t}){return s(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[o(c,{className:`size-4 shrink-0 opacity-50`}),o(l.Input,{"data-slot":`command-input`,className:a(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function p({className:e,...t}){return o(l.List,{"data-slot":`command-list`,className:a(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function m({...e}){return o(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return o(l.Group,{"data-slot":`command-group`,className:a(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...t})}function g({className:e,...t}){return o(l.Separator,{"data-slot":`command-separator`,className:a(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return o(l.Item,{"data-slot":`command-item`,className:a(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function v({className:e,...t}){return o(`span`,{"data-slot":`command-shortcut`,className:a(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}export{f as a,g as c,h as i,v as l,d as n,_ as o,m as r,p as s,u as t};
+//# sourceMappingURL=command-BLlJzBw9.mjs.map

package/dist/{command-CtWxCsMm.mjs.map → command-BLlJzBw9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"command-CtWxCsMm.mjs","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"gPAUA,SAASA,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EAAG,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,EAAA,CAAoB,CAClC,EAAC,EAAA,CAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,CACf,EAAC,EAAA,CAAc,UAAW,EAAG,sBAAuB,EAAU,CAAmB,2BAC/E,EAACD,EAAAA,CACC,UAAW,EACT,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAIb,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,yEAC/C,EAAC,EAAA,CAAW,UAAU,6BAAA,CAA+B,CACrD,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAIV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAG7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAA,CAAU,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAGvI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAA,CAAK,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"command-BLlJzBw9.mjs","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"gPAUA,SAASA,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EAAG,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,EAAA,CAAoB,CAClC,EAAC,EAAA,CAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,CACf,EAAC,EAAA,CAAc,UAAW,EAAG,sBAAuB,EAAU,CAAmB,2BAC/E,EAACD,EAAAA,CACC,UAAW,EACT,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAIb,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,yEAC/C,EAAC,EAAA,CAAW,UAAU,6BAAA,CAA+B,CACrD,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAIV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAG7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAA,CAAU,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAGvI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAA,CAAK,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,EAAU,CAAE,GAAI,GAAS"}

package/dist/data-display/country.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../types-BgCPfa9k.cjs`),n=require(`../layouts/flex.cjs`),r=require(`../typography/paragraph.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`),o=require(`react-country-flag`);o=e.t(o);const s=({country:e})=>{let s=(0,a.useMemo)(()=>({[t.t.VIETNAM]:`VN`,[t.t.USA]:`US`,[t.t.JAPAN]:`JP`,[t.t.CHINA]:`CN`,[t.t.KOREA]:`KR`,[t.t.SINGAPORE]:`SG`,[t.t.MALAYSIA]:`MY`,[t.t.INDONESIA]:`ID`,[t.t.TAIWAN]:`TW`,[t.t.THAILAND]:`TH`}),[]);return e?(0,i.jsxs)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,i.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,i.jsxs)(r.Paragraph,{variant:`sm`,children:[e===t.t.VIETNAM&&`Vietnam`,e===t.t.USA&&`America`,e===t.t.JAPAN&&`Japan`,e===t.t.CHINA&&`China`,e===t.t.KOREA&&`Korea`,e===t.t.SINGAPORE&&`Singapore`,e===t.t.MALAYSIA&&`Malaysia`,e===t.t.INDONESIA&&`Indonesia`,e===t.t.TAIWAN&&`Taiwan`,e===t.t.THAILAND&&`Thailand`]})]}):(0,i.jsx)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,i.jsx)(r.Paragraph,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};exports.CountryDisplay=s;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../types-BgCPfa9k.cjs`),n=require(`../flex-BYj-xYaw.cjs`),r=require(`../paragraph-0_oMnSMM.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`),o=require(`react-country-flag`);o=e.t(o);const s=({country:e})=>{let s=(0,a.useMemo)(()=>({[t.t.VIETNAM]:`VN`,[t.t.USA]:`US`,[t.t.JAPAN]:`JP`,[t.t.CHINA]:`CN`,[t.t.KOREA]:`KR`,[t.t.SINGAPORE]:`SG`,[t.t.MALAYSIA]:`MY`,[t.t.INDONESIA]:`ID`,[t.t.TAIWAN]:`TW`,[t.t.THAILAND]:`TH`}),[]);return e?(0,i.jsxs)(n.t,{padding:`none`,className:`h-4 px-1`,children:[(0,i.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,i.jsxs)(r.t,{variant:`sm`,children:[e===t.t.VIETNAM&&`Vietnam`,e===t.t.USA&&`America`,e===t.t.JAPAN&&`Japan`,e===t.t.CHINA&&`China`,e===t.t.KOREA&&`Korea`,e===t.t.SINGAPORE&&`Singapore`,e===t.t.MALAYSIA&&`Malaysia`,e===t.t.INDONESIA&&`Indonesia`,e===t.t.TAIWAN&&`Taiwan`,e===t.t.THAILAND&&`Thailand`]})]}):(0,i.jsx)(n.t,{padding:`none`,className:`h-4 px-1`,children:(0,i.jsx)(r.t,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};exports.CountryDisplay=s;
 //# sourceMappingURL=country.cjs.map

package/dist/data-display/country.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"country.cjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>","ECountry","Flex","Paragraph","ReactCountryFlag"],"sources":["../../packages/components/data-display/country.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactCountryFlag from 'react-country-flag';\n\nimport { ECountry } from '@/types';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\n\ntype Props = {\n  country?: ECountry | null;\n};\nexport const CountryDisplay: React.FC<React.PropsWithChildren<Props>> = ({ country }) => {\n  const code = useMemo(() => {\n    return {\n      [ECountry.VIETNAM]: 'VN',\n      [ECountry.USA]: 'US',\n      [ECountry.JAPAN]: 'JP',\n      [ECountry.CHINA]: 'CN',\n      [ECountry.KOREA]: 'KR',\n      [ECountry.SINGAPORE]: 'SG',\n      [ECountry.MALAYSIA]: 'MY',\n      [ECountry.INDONESIA]: 'ID',\n      [ECountry.TAIWAN]: 'TW',\n      [ECountry.THAILAND]: 'TH',\n    };\n  }, []);\n  if (!country) {\n    return (\n      <Flex padding=\"none\" className=\"h-4 px-1\">\n        <Paragraph variant=\"muted\" className=\"line-clamp-1 text-xs\">\n          No country\n        </Paragraph>\n      </Flex>\n    );\n  }\n  return (\n    <Flex padding=\"none\" className=\"h-4 px-1\">\n      <ReactCountryFlag svg countryCode={country ? code[country] : 'VN'} className=\"emojiFlag border\" />\n      <Paragraph variant=\"sm\">\n        {country === ECountry.VIETNAM && 'Vietnam'}\n        {country === ECountry.USA && 'America'}\n        {country === ECountry.JAPAN && 'Japan'}\n        {country === ECountry.CHINA && 'China'}\n        {country === ECountry.KOREA && 'Korea'}\n        {country === ECountry.SINGAPORE && 'Singapore'}\n        {country === ECountry.MALAYSIA && 'Malaysia'}\n        {country === ECountry.INDONESIA && 'Indonesia'}\n        {country === ECountry.TAIWAN && 'Taiwan'}\n        {country === ECountry.THAILAND && 'Thailand'}\n      </Paragraph>\n    </Flex>\n  );\n};\n"],"mappings":"qPAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,GAAA,EAAA,EAAA,cACG,EACJC,EAAAA,EAAS,SAAU,MACnBA,EAAAA,EAAS,KAAM,MACfA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,UAAW,MACpBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,QAAS,MAClBA,EAAAA,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,GAUH,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,sBAC7B,EAAA,EAAA,KAACE,EAAAA,QAAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,EAClG,EAAA,EAAA,MAACD,EAAAA,UAAAA,CAAU,QAAQ,eAChB,IAAYF,EAAAA,EAAS,SAAW,UAChC,IAAYA,EAAAA,EAAS,KAAO,UAC5B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,UAAY,WACjC,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,QAAU,SAC/B,IAAYA,EAAAA,EAAS,UAAY,aACxB,CAAA,EACP,EAtBL,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}
+{"version":3,"file":"country.cjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>","ECountry","Flex","Paragraph","ReactCountryFlag"],"sources":["../../packages/components/data-display/country.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactCountryFlag from 'react-country-flag';\n\nimport { ECountry } from '@/types';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\n\ntype Props = {\n  country?: ECountry | null;\n};\nexport const CountryDisplay: React.FC<React.PropsWithChildren<Props>> = ({ country }) => {\n  const code = useMemo(() => {\n    return {\n      [ECountry.VIETNAM]: 'VN',\n      [ECountry.USA]: 'US',\n      [ECountry.JAPAN]: 'JP',\n      [ECountry.CHINA]: 'CN',\n      [ECountry.KOREA]: 'KR',\n      [ECountry.SINGAPORE]: 'SG',\n      [ECountry.MALAYSIA]: 'MY',\n      [ECountry.INDONESIA]: 'ID',\n      [ECountry.TAIWAN]: 'TW',\n      [ECountry.THAILAND]: 'TH',\n    };\n  }, []);\n  if (!country) {\n    return (\n      <Flex padding=\"none\" className=\"h-4 px-1\">\n        <Paragraph variant=\"muted\" className=\"line-clamp-1 text-xs\">\n          No country\n        </Paragraph>\n      </Flex>\n    );\n  }\n  return (\n    <Flex padding=\"none\" className=\"h-4 px-1\">\n      <ReactCountryFlag svg countryCode={country ? code[country] : 'VN'} className=\"emojiFlag border\" />\n      <Paragraph variant=\"sm\">\n        {country === ECountry.VIETNAM && 'Vietnam'}\n        {country === ECountry.USA && 'America'}\n        {country === ECountry.JAPAN && 'Japan'}\n        {country === ECountry.CHINA && 'China'}\n        {country === ECountry.KOREA && 'Korea'}\n        {country === ECountry.SINGAPORE && 'Singapore'}\n        {country === ECountry.MALAYSIA && 'Malaysia'}\n        {country === ECountry.INDONESIA && 'Indonesia'}\n        {country === ECountry.TAIWAN && 'Taiwan'}\n        {country === ECountry.THAILAND && 'Thailand'}\n      </Paragraph>\n    </Flex>\n  );\n};\n"],"mappings":"oPAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,GAAA,EAAA,EAAA,cACG,EACJC,EAAAA,EAAS,SAAU,MACnBA,EAAAA,EAAS,KAAM,MACfA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,UAAW,MACpBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,QAAS,MAClBA,EAAAA,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,GAUH,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,QAAQ,OAAO,UAAU,sBAC7B,EAAA,EAAA,KAACE,EAAAA,QAAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,EAClG,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAU,QAAQ,eAChB,IAAYF,EAAAA,EAAS,SAAW,UAChC,IAAYA,EAAAA,EAAS,KAAO,UAC5B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,UAAY,WACjC,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,QAAU,SAC/B,IAAYA,EAAAA,EAAS,UAAY,aACxB,CAAA,EACP,EAtBL,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}

package/dist/data-display/country.d.cts

@@ -1,4 +1,4 @@
-import { t as ECountry } from "../types-CwAGHByL.cjs";
+import { t as ECountry } from "../types-D8mZhixM.cjs";
 
 //#region packages/components/data-display/country.d.ts
 type Props = {

package/dist/data-display/country.d.mts

@@ -1,4 +1,4 @@
-import { t as ECountry } from "../types-BB_E2uE0.mjs";
+import { t as ECountry } from "../types-D2kMOc_b.mjs";
 
 //#region packages/components/data-display/country.d.ts
 type Props = {

package/dist/data-display/country.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../types-BQMTFD_z.mjs";import{Flex as t}from"../layouts/flex.mjs";import{Paragraph as n}from"../typography/paragraph.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useMemo as a}from"react";import o from"react-country-flag";const s=({country:s})=>{let c=a(()=>({[e.VIETNAM]:`VN`,[e.USA]:`US`,[e.JAPAN]:`JP`,[e.CHINA]:`CN`,[e.KOREA]:`KR`,[e.SINGAPORE]:`SG`,[e.MALAYSIA]:`MY`,[e.INDONESIA]:`ID`,[e.TAIWAN]:`TW`,[e.THAILAND]:`TH`}),[]);return s?i(t,{padding:`none`,className:`h-4 px-1`,children:[r(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),i(n,{variant:`sm`,children:[s===e.VIETNAM&&`Vietnam`,s===e.USA&&`America`,s===e.JAPAN&&`Japan`,s===e.CHINA&&`China`,s===e.KOREA&&`Korea`,s===e.SINGAPORE&&`Singapore`,s===e.MALAYSIA&&`Malaysia`,s===e.INDONESIA&&`Indonesia`,s===e.TAIWAN&&`Taiwan`,s===e.THAILAND&&`Thailand`]})]}):r(t,{padding:`none`,className:`h-4 px-1`,children:r(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
+import{t as e}from"../types-BZefxrvC.mjs";import{t}from"../flex-BGQqaHKh.mjs";import{t as n}from"../paragraph-BXY43iOX.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useMemo as a}from"react";import o from"react-country-flag";const s=({country:s})=>{let c=a(()=>({[e.VIETNAM]:`VN`,[e.USA]:`US`,[e.JAPAN]:`JP`,[e.CHINA]:`CN`,[e.KOREA]:`KR`,[e.SINGAPORE]:`SG`,[e.MALAYSIA]:`MY`,[e.INDONESIA]:`ID`,[e.TAIWAN]:`TW`,[e.THAILAND]:`TH`}),[]);return s?i(t,{padding:`none`,className:`h-4 px-1`,children:[r(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),i(n,{variant:`sm`,children:[s===e.VIETNAM&&`Vietnam`,s===e.USA&&`America`,s===e.JAPAN&&`Japan`,s===e.CHINA&&`China`,s===e.KOREA&&`Korea`,s===e.SINGAPORE&&`Singapore`,s===e.MALAYSIA&&`Malaysia`,s===e.INDONESIA&&`Indonesia`,s===e.TAIWAN&&`Taiwan`,s===e.THAILAND&&`Thailand`]})]}):r(t,{padding:`none`,className:`h-4 px-1`,children:r(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
 //# sourceMappingURL=country.mjs.map

package/dist/data-display/country.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"country.mjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/data-display/country.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactCountryFlag from 'react-country-flag';\n\nimport { ECountry } from '@/types';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\n\ntype Props = {\n  country?: ECountry | null;\n};\nexport const CountryDisplay: React.FC<React.PropsWithChildren<Props>> = ({ country }) => {\n  const code = useMemo(() => {\n    return {\n      [ECountry.VIETNAM]: 'VN',\n      [ECountry.USA]: 'US',\n      [ECountry.JAPAN]: 'JP',\n      [ECountry.CHINA]: 'CN',\n      [ECountry.KOREA]: 'KR',\n      [ECountry.SINGAPORE]: 'SG',\n      [ECountry.MALAYSIA]: 'MY',\n      [ECountry.INDONESIA]: 'ID',\n      [ECountry.TAIWAN]: 'TW',\n      [ECountry.THAILAND]: 'TH',\n    };\n  }, []);\n  if (!country) {\n    return (\n      <Flex padding=\"none\" className=\"h-4 px-1\">\n        <Paragraph variant=\"muted\" className=\"line-clamp-1 text-xs\">\n          No country\n        </Paragraph>\n      </Flex>\n    );\n  }\n  return (\n    <Flex padding=\"none\" className=\"h-4 px-1\">\n      <ReactCountryFlag svg countryCode={country ? code[country] : 'VN'} className=\"emojiFlag border\" />\n      <Paragraph variant=\"sm\">\n        {country === ECountry.VIETNAM && 'Vietnam'}\n        {country === ECountry.USA && 'America'}\n        {country === ECountry.JAPAN && 'Japan'}\n        {country === ECountry.CHINA && 'China'}\n        {country === ECountry.KOREA && 'Korea'}\n        {country === ECountry.SINGAPORE && 'Singapore'}\n        {country === ECountry.MALAYSIA && 'Malaysia'}\n        {country === ECountry.INDONESIA && 'Indonesia'}\n        {country === ECountry.TAIWAN && 'Taiwan'}\n        {country === ECountry.THAILAND && 'Thailand'}\n      </Paragraph>\n    </Flex>\n  );\n};\n"],"mappings":"iQAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,EAAO,OACJ,EACJ,EAAS,SAAU,MACnB,EAAS,KAAM,MACf,EAAS,OAAQ,MACjB,EAAS,OAAQ,MACjB,EAAS,OAAQ,MACjB,EAAS,WAAY,MACrB,EAAS,UAAW,MACpB,EAAS,WAAY,MACrB,EAAS,QAAS,MAClB,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,EAUH,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAC,EAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,CAClG,EAAC,EAAA,CAAU,QAAQ,eAChB,IAAY,EAAS,SAAW,UAChC,IAAY,EAAS,KAAO,UAC5B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,WAAa,YAClC,IAAY,EAAS,UAAY,WACjC,IAAY,EAAS,WAAa,YAClC,IAAY,EAAS,QAAU,SAC/B,IAAY,EAAS,UAAY,aACxB,CAAA,EACP,CAtBL,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,oBAC7B,EAAC,EAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}
+{"version":3,"file":"country.mjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/data-display/country.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactCountryFlag from 'react-country-flag';\n\nimport { ECountry } from '@/types';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\n\ntype Props = {\n  country?: ECountry | null;\n};\nexport const CountryDisplay: React.FC<React.PropsWithChildren<Props>> = ({ country }) => {\n  const code = useMemo(() => {\n    return {\n      [ECountry.VIETNAM]: 'VN',\n      [ECountry.USA]: 'US',\n      [ECountry.JAPAN]: 'JP',\n      [ECountry.CHINA]: 'CN',\n      [ECountry.KOREA]: 'KR',\n      [ECountry.SINGAPORE]: 'SG',\n      [ECountry.MALAYSIA]: 'MY',\n      [ECountry.INDONESIA]: 'ID',\n      [ECountry.TAIWAN]: 'TW',\n      [ECountry.THAILAND]: 'TH',\n    };\n  }, []);\n  if (!country) {\n    return (\n      <Flex padding=\"none\" className=\"h-4 px-1\">\n        <Paragraph variant=\"muted\" className=\"line-clamp-1 text-xs\">\n          No country\n        </Paragraph>\n      </Flex>\n    );\n  }\n  return (\n    <Flex padding=\"none\" className=\"h-4 px-1\">\n      <ReactCountryFlag svg countryCode={country ? code[country] : 'VN'} className=\"emojiFlag border\" />\n      <Paragraph variant=\"sm\">\n        {country === ECountry.VIETNAM && 'Vietnam'}\n        {country === ECountry.USA && 'America'}\n        {country === ECountry.JAPAN && 'Japan'}\n        {country === ECountry.CHINA && 'China'}\n        {country === ECountry.KOREA && 'Korea'}\n        {country === ECountry.SINGAPORE && 'Singapore'}\n        {country === ECountry.MALAYSIA && 'Malaysia'}\n        {country === ECountry.INDONESIA && 'Indonesia'}\n        {country === ECountry.TAIWAN && 'Taiwan'}\n        {country === ECountry.THAILAND && 'Thailand'}\n      </Paragraph>\n    </Flex>\n  );\n};\n"],"mappings":"gPAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,EAAO,OACJ,EACJ,EAAS,SAAU,MACnB,EAAS,KAAM,MACf,EAAS,OAAQ,MACjB,EAAS,OAAQ,MACjB,EAAS,OAAQ,MACjB,EAAS,WAAY,MACrB,EAAS,UAAW,MACpB,EAAS,WAAY,MACrB,EAAS,QAAS,MAClB,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,EAUH,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAC,EAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,CAClG,EAAC,EAAA,CAAU,QAAQ,eAChB,IAAY,EAAS,SAAW,UAChC,IAAY,EAAS,KAAO,UAC5B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,WAAa,YAClC,IAAY,EAAS,UAAY,WACjC,IAAY,EAAS,WAAa,YAClC,IAAY,EAAS,QAAU,SAC/B,IAAY,EAAS,UAAY,aACxB,CAAA,EACP,CAtBL,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,oBAC7B,EAAC,EAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}

package/dist/data-display/data-list.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../layouts/flex.cjs`);let n=require(`react/jsx-runtime`);const r=({children:e})=>(0,n.jsx)(t.Flex,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.Flex,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,className:`flex-col items-start gap-1 md:flex-row md:items-center md:gap-4`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-muted-foreground text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-secondary-foreground text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../flex-BYj-xYaw.cjs`);let n=require(`react/jsx-runtime`);const r=({children:e})=>(0,n.jsx)(t.t,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.t,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,className:`flex-col items-start gap-1 md:flex-row md:items-center md:gap-4`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-muted-foreground text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-secondary-foreground text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
 //# sourceMappingURL=data-list.cjs.map