@customafk/lunas-ui 0.0.63 → 0.0.64

package/dist/alert-dialog-BOMy-TmT.js

@@ -0,0 +1,2 @@
+import{buttonVariants as e}from"./button-CvQQTSka.js";import{cn as t}from"@customafk/react-toolkit/utils";import{AlertDialog as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({...e}){return r(n.Root,{"data-slot":`alert-dialog`,...e})}function o({...e}){return r(n.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function s({...e}){return r(n.Portal,{"data-slot":`alert-dialog-portal`,...e})}function c({className:e,...i}){return r(n.Overlay,{"data-slot":`alert-dialog-overlay`,className:t(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...i})}function l({className:e,...a}){return i(s,{children:[r(c,{}),r(n.Content,{"data-slot":`alert-dialog-content`,className:t(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...a})]})}function u({className:e,...n}){return r(`div`,{"data-slot":`alert-dialog-header`,className:t(`flex flex-col gap-2 text-center sm:text-left`,e),...n})}function d({className:e,...n}){return r(`div`,{"data-slot":`alert-dialog-footer`,className:t(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function f({className:e,...i}){return r(n.Title,{"data-slot":`alert-dialog-title`,className:t(`text-text-positive-strong text-lg font-semibold`,e),...i})}function p({className:e,...i}){return r(n.Description,{"data-slot":`alert-dialog-description`,className:t(`text-text-positive-weak text-sm`,e),...i})}function m({className:i,...a}){return r(n.Action,{className:t(e(),`min-w-24`,i),...a,autoFocus:!0,tabIndex:1})}function h({className:i,...a}){return r(n.Cancel,{className:t(e({variant:`outline`,color:`muted`}),`min-w-24`,i),...a})}export{a as AlertDialog,m as AlertDialogAction,h as AlertDialogCancel,l as AlertDialogContent,p as AlertDialogDescription,d as AlertDialogFooter,u as AlertDialogHeader,c as AlertDialogOverlay,s as AlertDialogPortal,f as AlertDialogTitle,o as AlertDialogTrigger};
+//# sourceMappingURL=alert-dialog-BOMy-TmT.js.map

package/dist/alert-dialog-BOMy-TmT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-BOMy-TmT.js","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { buttonVariants } from '@/components/ui/button'\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui'\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50',\n          'top-1/2 left-1/2 -translate-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'gap-4 rounded-lg p-6 shadow-lg duration-200',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return <AlertDialogPrimitive.Title data-slot=\"alert-dialog-title\" className={cn('text-text-positive-strong text-lg font-semibold', className)} {...props} />\n}\n\nfunction AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return <AlertDialogPrimitive.Description data-slot=\"alert-dialog-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nfunction AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), 'min-w-24', className)} {...props} autoFocus tabIndex={1} />\n}\n\nfunction AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: 'outline', color: 'muted' }), 'min-w-24', className)} {...props} />\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":"mMAOA,SAASA,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAACC,EAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,IAGjE,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAACA,EAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,IAG5E,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAACA,EAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,IAG1E,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,IAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,IACD,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,gBACA,aACA,kCACA,kDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,GAAI,OAMZ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAC,MAAA,CAAI,YAAU,sBAAsB,UAAW,EAAG,+CAAgD,GAAY,GAAI,IAG5H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAC,MAAA,CAAI,YAAU,sBAAsB,UAAW,EAAG,yDAA0D,GAAY,GAAI,IAGtI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAqB,MAAA,CAAM,YAAU,qBAAqB,UAAW,EAAG,kDAAmD,GAAY,GAAI,IAGrJ,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OAAO,EAACA,EAAqB,YAAA,CAAY,YAAU,2BAA2B,UAAW,EAAG,kCAAmC,GAAY,GAAI,IAGjJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAqB,OAAA,CAAO,UAAW,EAAG,IAAkB,WAAY,GAAY,GAAI,EAAO,UAAA,GAAU,SAAU,IAG7H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAqB,OAAA,CAAO,UAAW,EAAG,EAAe,CAAE,QAAS,UAAW,MAAO,UAAY,WAAY,GAAY,GAAI"}

package/dist/alert-dialog-lwTxSl-r.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./button-119IIVCy.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({...e}){return(0,i.jsx)(r.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function o({...e}){return(0,i.jsx)(r.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function s({...e}){return(0,i.jsx)(r.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function c({className:e,...t}){return(0,i.jsx)(r.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,className:(0,n.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function l({className:e,...t}){return(0,i.jsxs)(s,{children:[(0,i.jsx)(c,{}),(0,i.jsx)(r.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,n.cn)(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function u({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,n.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function d({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,n.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function f({className:e,...t}){return(0,i.jsx)(r.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,n.cn)(`text-text-positive-strong text-lg font-semibold`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(r.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,n.cn)(`text-text-positive-weak text-sm`,e),...t})}function m({className:e,...a}){return(0,i.jsx)(r.AlertDialog.Action,{className:(0,n.cn)(t.buttonVariants(),`min-w-24`,e),...a,autoFocus:!0,tabIndex:1})}function h({className:e,...a}){return(0,i.jsx)(r.AlertDialog.Cancel,{className:(0,n.cn)(t.buttonVariants({variant:`outline`,color:`muted`}),`min-w-24`,e),...a})}Object.defineProperty(exports,`AlertDialog`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`AlertDialogAction`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`AlertDialogCancel`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`AlertDialogContent`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`AlertDialogDescription`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`AlertDialogFooter`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`AlertDialogHeader`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`AlertDialogOverlay`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`AlertDialogPortal`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`AlertDialogTitle`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`AlertDialogTrigger`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=alert-dialog-lwTxSl-r.cjs.map

package/dist/alert-dialog-lwTxSl-r.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-lwTxSl-r.cjs","names":["AlertDialogPrimitive","buttonVariants"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { buttonVariants } from '@/components/ui/button'\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui'\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50',\n          'top-1/2 left-1/2 -translate-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'gap-4 rounded-lg p-6 shadow-lg duration-200',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return <AlertDialogPrimitive.Title data-slot=\"alert-dialog-title\" className={cn('text-text-positive-strong text-lg font-semibold', className)} {...props} />\n}\n\nfunction AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return <AlertDialogPrimitive.Description data-slot=\"alert-dialog-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nfunction AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), 'min-w-24', className)} {...props} autoFocus tabIndex={1} />\n}\n\nfunction AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: 'outline', color: 'muted' }), 'min-w-24', className)} {...props} />\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":"6MAOA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,IAGjE,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,IAG5E,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,IAG1E,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,IAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KACD,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,gBACA,aACA,kCACA,kDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,GAAI,OAMZ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,+CAAgD,GAAY,GAAI,IAG5H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,yDAA0D,GAAY,GAAI,IAGtI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,MAAA,CAAM,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kDAAmD,GAAY,GAAI,IAGrJ,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,YAAA,CAAY,YAAU,2BAA2B,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,GAAI,IAGjJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,WAAA,EAAA,EAAA,IAAcC,EAAAA,iBAAkB,WAAY,GAAY,GAAI,EAAO,UAAA,GAAU,SAAU,IAG7H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACD,EAAAA,YAAqB,OAAA,CAAO,WAAA,EAAA,EAAA,IAAcC,EAAAA,eAAe,CAAE,QAAS,UAAW,MAAO,UAAY,WAAY,GAAY,GAAI"}

package/dist/avatar-BaNIRUku.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`radix-ui`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,...i}){return(0,r.jsx)(n.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,r.jsx)(n.Avatar.Image,{"data-slot":`avatar-image`,className:(0,t.cn)(`aspect-square size-full`,e),...i})}function o({className:e,...i}){return(0,r.jsx)(n.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,`Avatar`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`AvatarFallback`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`AvatarImage`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=avatar-BaNIRUku.cjs.map

package/dist/avatar-BaNIRUku.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BaNIRUku.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":"0KAKA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,WAAA,EAAA,EAAA,IAAc,6DAA8D,GAAY,GAAI,IAG9I,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,GAAY,GAAI,IAGlH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,mEAAoE,GAClF,GAAI"}

package/dist/avatar-DZU7feMQ.js

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

package/dist/avatar-DZU7feMQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-DZU7feMQ.js","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,GAAY,GAAI,IAG9I,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,0BAA2B,GAAY,GAAI,IAGlH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAgB,SAAA,CACf,YAAU,kBACV,UAAW,EAAG,mEAAoE,GAClF,GAAI"}

package/dist/badge-6RQPy3Eo.js

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function i({className:t,color:i,size:a,pill:o,...s}){return n(`div`,{className:e(r({color:i,pill:o,size:a}),t),...s})}export{i as Badge,r as badgeVariants};
+//# sourceMappingURL=badge-6RQPy3Eo.js.map

package/dist/badge-6RQPy3Eo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-6RQPy3Eo.js","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  },\n)\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants }\n"],"mappings":"2IAKA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,0BAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAOZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAC,MAAA,CAAI,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,SAAS,GAAY,GAAI"}

package/dist/badge-BMXpbMfX.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`class-variance-authority`)),r=e.__toESM(require(`react/jsx-runtime`)),i=(0,n.cva)(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function a({className:e,color:n,size:a,pill:o,...s}){return(0,r.jsx)(`div`,{className:(0,t.cn)(i({color:n,pill:o,size:a}),e),...s})}Object.defineProperty(exports,`Badge`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`badgeVariants`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=badge-BMXpbMfX.cjs.map

package/dist/badge-BMXpbMfX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-BMXpbMfX.cjs","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  },\n)\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants }\n"],"mappings":"0LAKM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,0BAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAOZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,QAAO,OAAM,SAAS,GAAY,GAAI"}

package/dist/{button-BtvqPQbl.d.cts → button-CS4aajjP.d.ts}

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime81 from "react/jsx-runtime";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "success" | "important" | "info" | "warning" | "danger" | null | undefined;
   size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button({
   className,
   variant,
@@ -20,7 +20,7 @@ declare function Button({
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
   isLoading?: boolean;
-}): react_jsx_runtime81.JSX.Element;
+}): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
-//# sourceMappingURL=button-BtvqPQbl.d.cts.map
+//# sourceMappingURL=button-CS4aajjP.d.ts.map

package/dist/{button-B_r8XsfH.d.ts → button-De2032Bs.d.cts}

@@ -1,13 +1,13 @@
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime148 from "react/jsx-runtime";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region packages/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "success" | "important" | "info" | "warning" | "danger" | null | undefined;
   size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button({
   className,
   variant,
@@ -20,7 +20,7 @@ declare function Button({
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
   isLoading?: boolean;
-}): react_jsx_runtime148.JSX.Element;
+}): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
-//# sourceMappingURL=button-B_r8XsfH.d.ts.map
+//# sourceMappingURL=button-De2032Bs.d.cts.map

package/dist/calendar-BZRNZdsJ.js

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

package/dist/calendar-BZRNZdsJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BZRNZdsJ.js","names":["props","className"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef } from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\n\nimport { Button, buttonVariants } from '@/components/ui/button'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-background group/calendar p-3',\n        '[--cell-size:--spacing(8)]',\n        '[[data-slot=card-content]_&]:bg-transparent',\n        '[[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className,\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n        month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n        nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_previous,\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_next,\n        ),\n        month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n        dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n        dropdown_root: cn(\n          'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded-md',\n          defaultClassNames.dropdown_root,\n        ),\n        dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label' ? 'text-sm' : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n          defaultClassNames.caption_label,\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn('text-text-positive rounded-md flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n        week: cn('flex w-full mt-2', defaultClassNames.week),\n        week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n        week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none',\n          defaultClassNames.day,\n        ),\n        range_start: cn('rounded-l-md bg-muted-muted', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('rounded-r-md bg-muted-muted', defaultClassNames.range_end),\n        today: cn('bg-muted-muted text-text-positive rounded-md data-[selected=true]:rounded-none', defaultClassNames.today),\n        outside: cn('text-text-positive aria-selected:text-text-positive', defaultClassNames.outside),\n        disabled: cn('text-text-positive opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeftIcon className={cn('size-4', className)} {...props} />\n          }\n\n          if (orientation === 'right') {\n            return <ChevronRightIcon className={cn('size-4', className)} {...props} />\n          }\n\n          return <ChevronDownIcon className={cn('size-4', className)} {...props} />\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = useRef<HTMLButtonElement>(null)\n  useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal',\n        'data-[selected-single=true]:bg-primary',\n        'data-[selected-single=true]:text-text-positive',\n        'data-[range-middle=true]:bg-muted-muted',\n        'data-[range-middle=true]:text-text-positive',\n        'data-[range-start=true]:bg-primary-muted',\n        'data-[range-start=true]:text-text-positive-strong',\n        'data-[range-end=true]:bg-primary',\n        'data-[range-end=true]:text-text-positive-strong',\n        'group-data-[focused=true]/day:border-primary-strong',\n        'group-data-[focused=true]/day:ring-primary-weak',\n        'group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        'group-data-[focused=true]/day:ring-[3px]',\n        'data-[range-end=true]:rounded-md',\n        'data-[range-end=true]:rounded-r-md',\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-md',\n        'data-[range-start=true]:rounded-l-md',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className,\n      )}\n      {...props}\n      color=\"secondary\"\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"4XASA,SAAS,EAAS,CAChB,YACA,aACA,kBAAkB,GAClB,gBAAgB,QAChB,gBAAgB,QAChB,aACA,aACA,GAAG,GAGF,CACD,IAAM,EAAoB,IAE1B,OACE,EAAC,EAAA,CACkB,kBACjB,UAAW,EACT,mCACA,6BACA,8CACA,iDACA,OAAO,GAAG,4CACV,OAAO,GAAG,gDACV,GAEa,gBACf,WAAY,CACV,oBAAsB,GAAS,EAAK,eAAe,UAAW,CAAE,MAAO,UACvE,GAAG,GAEL,WAAY,CACV,KAAM,EAAG,QAAS,EAAkB,MACpC,OAAQ,EAAG,2CAA4C,EAAkB,QACzE,MAAO,EAAG,6BAA8B,EAAkB,OAC1D,IAAK,EAAG,0EAA2E,EAAkB,KACrG,gBAAiB,EACf,EAAe,CAAE,QAAS,IAC1B,8DACA,EAAkB,iBAEpB,YAAa,EACX,EAAe,CAAE,QAAS,IAC1B,8DACA,EAAkB,aAEpB,cAAe,EAAG,2EAA4E,EAAkB,eAChH,UAAW,EAAG,sFAAuF,EAAkB,WACvH,cAAe,EACb,2IACA,EAAkB,eAEpB,SAAU,EAAG,6BAA8B,EAAkB,UAC7D,cAAe,EACb,0BACA,IAAkB,QAAU,UAAY,uGACxC,EAAkB,eAEpB,MAAO,yBACP,SAAU,EAAG,OAAQ,EAAkB,UACvC,QAAS,EAAG,6EAA8E,EAAkB,SAC5G,KAAM,EAAG,mBAAoB,EAAkB,MAC/C,mBAAoB,EAAG,8BAA+B,EAAkB,oBACxE,YAAa,EAAG,+CAAgD,EAAkB,aAClF,IAAK,EACH,4LACA,EAAkB,KAEpB,YAAa,EAAG,8BAA+B,EAAkB,aACjE,aAAc,EAAG,eAAgB,EAAkB,cACnD,UAAW,EAAG,8BAA+B,EAAkB,WAC/D,MAAO,EAAG,iFAAkF,EAAkB,OAC9G,QAAS,EAAG,sDAAuD,EAAkB,SACrF,SAAU,EAAG,gCAAiC,EAAkB,UAChE,OAAQ,EAAG,YAAa,EAAkB,QAC1C,GAAG,GAEL,WAAY,CACV,MAAO,CAAE,UAAA,EAAW,UAAS,GAAGA,KACvB,EAAC,MAAA,CAAI,YAAU,WAAW,IAAK,EAAS,UAAW,EAAGC,GAAY,GAAID,IAE/E,SAAU,CAAE,UAAA,EAAW,cAAa,GAAGA,KAE5B,EADL,IAAgB,OACV,EAGN,IAAgB,QACV,EAGF,EAPE,CAAgB,UAAW,EAAG,SAAUC,GAAY,GAAID,IASpE,UAAW,EACX,YAAa,CAAE,WAAU,GAAGA,KAExB,EAAC,KAAA,CAAG,GAAIA,WACN,EAAC,MAAA,CAAI,UAAU,kEAAmE,eAIxF,GAAG,GAEL,GAAI,IAKV,SAAS,EAAkB,CAAE,YAAW,MAAK,YAAW,GAAG,GAAiD,CAC1G,IAAM,EAAoB,IAEpB,EAAM,EAA0B,MAKtC,OAJA,MAAgB,CACV,EAAU,SAAS,EAAI,SAAS,SACnC,CAAC,EAAU,UAGZ,EAAC,EAAA,CACM,MACL,QAAQ,QACR,KAAK,OACL,WAAU,EAAI,KAAK,qBACnB,uBAAsB,EAAU,UAAY,CAAC,EAAU,aAAe,CAAC,EAAU,WAAa,CAAC,EAAU,aACzG,mBAAkB,EAAU,YAC5B,iBAAgB,EAAU,UAC1B,oBAAmB,EAAU,aAC7B,UAAW,EACT,kGACA,yCACA,iDACA,0CACA,8CACA,2CACA,oDACA,mCACA,kDACA,sDACA,kDACA,yCACA,qCACA,2CACA,mCACA,qCACA,wCACA,qCACA,uCACA,uCACA,EAAkB,IAClB,GAEF,GAAI,EACJ,MAAM"}

package/dist/{calendar-Cd2aQCHB.cjs → calendar-CUDdTiC-.cjs}

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

package/dist/calendar-CUDdTiC-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-CUDdTiC-.cjs","names":["DayPicker","buttonVariants","props","className","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","Button"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef } from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\n\nimport { Button, buttonVariants } from '@/components/ui/button'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-background group/calendar p-3',\n        '[--cell-size:--spacing(8)]',\n        '[[data-slot=card-content]_&]:bg-transparent',\n        '[[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className,\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),\n        month: cn('flex flex-col w-full gap-4', defaultClassNames.month),\n        nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_previous,\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',\n          defaultClassNames.button_next,\n        ),\n        month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),\n        dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),\n        dropdown_root: cn(\n          'relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded-md',\n          defaultClassNames.dropdown_root,\n        ),\n        dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label' ? 'text-sm' : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5',\n          defaultClassNames.caption_label,\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn('text-text-positive rounded-md flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),\n        week: cn('flex w-full mt-2', defaultClassNames.week),\n        week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),\n        week_number: cn('text-[0.8rem] select-none text-text-positive', defaultClassNames.week_number),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none',\n          defaultClassNames.day,\n        ),\n        range_start: cn('rounded-l-md bg-muted-muted', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('rounded-r-md bg-muted-muted', defaultClassNames.range_end),\n        today: cn('bg-muted-muted text-text-positive rounded-md data-[selected=true]:rounded-none', defaultClassNames.today),\n        outside: cn('text-text-positive aria-selected:text-text-positive', defaultClassNames.outside),\n        disabled: cn('text-text-positive opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeftIcon className={cn('size-4', className)} {...props} />\n          }\n\n          if (orientation === 'right') {\n            return <ChevronRightIcon className={cn('size-4', className)} {...props} />\n          }\n\n          return <ChevronDownIcon className={cn('size-4', className)} {...props} />\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">{children}</div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = useRef<HTMLButtonElement>(null)\n  useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal',\n        'data-[selected-single=true]:bg-primary',\n        'data-[selected-single=true]:text-text-positive',\n        'data-[range-middle=true]:bg-muted-muted',\n        'data-[range-middle=true]:text-text-positive',\n        'data-[range-start=true]:bg-primary-muted',\n        'data-[range-start=true]:text-text-positive-strong',\n        'data-[range-end=true]:bg-primary',\n        'data-[range-end=true]:text-text-positive-strong',\n        'group-data-[focused=true]/day:border-primary-strong',\n        'group-data-[focused=true]/day:ring-primary-weak',\n        'group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        'group-data-[focused=true]/day:ring-[3px]',\n        'data-[range-end=true]:rounded-md',\n        'data-[range-end=true]:rounded-r-md',\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-md',\n        'data-[range-start=true]:rounded-l-md',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className,\n      )}\n      {...props}\n      color=\"secondary\"\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"wRASA,SAAS,EAAS,CAChB,YACA,aACA,kBAAkB,GAClB,gBAAgB,QAChB,gBAAgB,QAChB,aACA,aACA,GAAG,GAGF,CACD,IAAM,GAAA,EAAA,EAAA,wBAEN,OACE,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACkB,kBACjB,WAAA,EAAA,EAAA,IACE,mCACA,6BACA,8CACA,iDACA,OAAO,GAAG,4CACV,OAAO,GAAG,gDACV,GAEa,gBACf,WAAY,CACV,oBAAsB,GAAS,EAAK,eAAe,UAAW,CAAE,MAAO,UACvE,GAAG,GAEL,WAAY,CACV,MAAA,EAAA,EAAA,IAAS,QAAS,EAAkB,MACpC,QAAA,EAAA,EAAA,IAAW,2CAA4C,EAAkB,QACzE,OAAA,EAAA,EAAA,IAAU,6BAA8B,EAAkB,OAC1D,KAAA,EAAA,EAAA,IAAQ,0EAA2E,EAAkB,KACrG,iBAAA,EAAA,EAAA,IACEC,EAAAA,eAAe,CAAE,QAAS,IAC1B,8DACA,EAAkB,iBAEpB,aAAA,EAAA,EAAA,IACEA,EAAAA,eAAe,CAAE,QAAS,IAC1B,8DACA,EAAkB,aAEpB,eAAA,EAAA,EAAA,IAAkB,2EAA4E,EAAkB,eAChH,WAAA,EAAA,EAAA,IAAc,sFAAuF,EAAkB,WACvH,eAAA,EAAA,EAAA,IACE,2IACA,EAAkB,eAEpB,UAAA,EAAA,EAAA,IAAa,6BAA8B,EAAkB,UAC7D,eAAA,EAAA,EAAA,IACE,0BACA,IAAkB,QAAU,UAAY,uGACxC,EAAkB,eAEpB,MAAO,yBACP,UAAA,EAAA,EAAA,IAAa,OAAQ,EAAkB,UACvC,SAAA,EAAA,EAAA,IAAY,6EAA8E,EAAkB,SAC5G,MAAA,EAAA,EAAA,IAAS,mBAAoB,EAAkB,MAC/C,oBAAA,EAAA,EAAA,IAAuB,8BAA+B,EAAkB,oBACxE,aAAA,EAAA,EAAA,IAAgB,+CAAgD,EAAkB,aAClF,KAAA,EAAA,EAAA,IACE,4LACA,EAAkB,KAEpB,aAAA,EAAA,EAAA,IAAgB,8BAA+B,EAAkB,aACjE,cAAA,EAAA,EAAA,IAAiB,eAAgB,EAAkB,cACnD,WAAA,EAAA,EAAA,IAAc,8BAA+B,EAAkB,WAC/D,OAAA,EAAA,EAAA,IAAU,iFAAkF,EAAkB,OAC9G,SAAA,EAAA,EAAA,IAAY,sDAAuD,EAAkB,SACrF,UAAA,EAAA,EAAA,IAAa,gCAAiC,EAAkB,UAChE,QAAA,EAAA,EAAA,IAAW,YAAa,EAAkB,QAC1C,GAAG,GAEL,WAAY,CACV,MAAO,CAAE,UAAA,EAAW,UAAS,GAAGC,MACvB,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,WAAW,IAAK,EAAS,WAAA,EAAA,EAAA,IAAcC,GAAY,GAAID,IAE/E,SAAU,CAAE,UAAA,EAAW,cAAa,GAAGA,KACjC,IAAgB,QACX,EAAA,EAAA,KAACE,EAAAA,gBAAAA,CAAgB,WAAA,EAAA,EAAA,IAAc,SAAUD,GAAY,GAAID,IAG9D,IAAgB,SACX,EAAA,EAAA,KAACG,EAAAA,iBAAAA,CAAiB,WAAA,EAAA,EAAA,IAAc,SAAUF,GAAY,GAAID,KAG5D,EAAA,EAAA,KAACI,EAAAA,gBAAAA,CAAgB,WAAA,EAAA,EAAA,IAAc,SAAUH,GAAY,GAAID,IAElE,UAAW,EACX,YAAa,CAAE,WAAU,GAAGA,MAExB,EAAA,EAAA,KAAC,KAAA,CAAG,GAAIA,YACN,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kEAAmE,eAIxF,GAAG,GAEL,GAAI,IAKV,SAAS,EAAkB,CAAE,YAAW,MAAK,YAAW,GAAG,GAAiD,CAC1G,IAAM,GAAA,EAAA,EAAA,wBAEA,GAAA,EAAA,EAAA,QAAgC,MAKtC,OAJA,EAAA,EAAA,eAAgB,CACV,EAAU,SAAS,EAAI,SAAS,SACnC,CAAC,EAAU,WAGZ,EAAA,EAAA,KAACK,EAAAA,OAAAA,CACM,MACL,QAAQ,QACR,KAAK,OACL,WAAU,EAAI,KAAK,qBACnB,uBAAsB,EAAU,UAAY,CAAC,EAAU,aAAe,CAAC,EAAU,WAAa,CAAC,EAAU,aACzG,mBAAkB,EAAU,YAC5B,iBAAgB,EAAU,UAC1B,oBAAmB,EAAU,aAC7B,WAAA,EAAA,EAAA,IACE,kGACA,yCACA,iDACA,0CACA,8CACA,2CACA,oDACA,mCACA,kDACA,sDACA,kDACA,yCACA,qCACA,2CACA,mCACA,qCACA,wCACA,qCACA,uCACA,uCACA,EAAkB,IAClB,GAEF,GAAI,EACJ,MAAM"}

package/dist/cards/simple-card.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region packages/components/cards/simple-card.d.ts
 type Props = {
@@ -13,7 +13,7 @@ declare const SimpleCard: ({
   action,
   footer,
   children
-}: React.PropsWithChildren<Props>) => react_jsx_runtime6.JSX.Element;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SimpleCard };
 //# sourceMappingURL=simple-card.d.ts.map

package/dist/{command-DewLG5N0.d.ts → command-D7AHVkgQ.d.ts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-Ddyl2CZg.js";
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import { Dialog } from "./dialog-yE-2SRfz.js";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime235.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime64.JSX.Element;
+}): react_jsx_runtime235.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime235.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime235.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime235.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime235.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime235.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime235.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime235.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-DewLG5N0.d.ts.map
+//# sourceMappingURL=command-D7AHVkgQ.d.ts.map

package/dist/{command-tq_xgJ8Q.d.cts → command-Db5JViIx.d.cts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-DI0dG1nN.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import { Dialog } from "./dialog-CiqPVetj.cjs";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime128.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime15.JSX.Element;
+}): react_jsx_runtime128.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime128.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime128.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime128.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime128.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime128.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime128.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-tq_xgJ8Q.d.cts.map
+//# sourceMappingURL=command-Db5JViIx.d.cts.map

package/dist/data-display/country.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-DMNCf28U.cjs`),n=require(`../flex-C-4TxUDe.cjs`),r=require(`../paragraph-CI28eVP0.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=(0,a.useMemo)(()=>({[t.ECountry.VIETNAM]:`VN`,[t.ECountry.USA]:`US`,[t.ECountry.JAPAN]:`JP`,[t.ECountry.CHINA]:`CN`,[t.ECountry.KOREA]:`KR`,[t.ECountry.SINGAPORE]:`SG`,[t.ECountry.MALAYSIA]:`MY`,[t.ECountry.INDONESIA]:`ID`,[t.ECountry.TAIWAN]:`TW`,[t.ECountry.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.ECountry.VIETNAM&&`Vietnam`,e===t.ECountry.USA&&`America`,e===t.ECountry.JAPAN&&`Japan`,e===t.ECountry.CHINA&&`China`,e===t.ECountry.KOREA&&`Korea`,e===t.ECountry.SINGAPORE&&`Singapore`,e===t.ECountry.MALAYSIA&&`Malaysia`,e===t.ECountry.INDONESIA&&`Indonesia`,e===t.ECountry.TAIWAN&&`Taiwan`,e===t.ECountry.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-CUT6urMc.cjs`),t=require(`../types-DMNCf28U.cjs`),n=require(`../flex-DMgD86BT.cjs`),r=require(`../paragraph-CI28eVP0.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=(0,a.useMemo)(()=>({[t.ECountry.VIETNAM]:`VN`,[t.ECountry.USA]:`US`,[t.ECountry.JAPAN]:`JP`,[t.ECountry.CHINA]:`CN`,[t.ECountry.KOREA]:`KR`,[t.ECountry.SINGAPORE]:`SG`,[t.ECountry.MALAYSIA]:`MY`,[t.ECountry.INDONESIA]:`ID`,[t.ECountry.TAIWAN]:`TW`,[t.ECountry.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.ECountry.VIETNAM&&`Vietnam`,e===t.ECountry.USA&&`America`,e===t.ECountry.JAPAN&&`Japan`,e===t.ECountry.CHINA&&`China`,e===t.ECountry.KOREA&&`Korea`,e===t.ECountry.SINGAPORE&&`Singapore`,e===t.ECountry.MALAYSIA&&`Malaysia`,e===t.ECountry.INDONESIA&&`Indonesia`,e===t.ECountry.TAIWAN&&`Taiwan`,e===t.ECountry.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;
 //# sourceMappingURL=country.cjs.map

package/dist/data-display/country.js

@@ -1,2 +1,2 @@
-import{ECountry as e}from"../types-Cgr_eoPF.js";import{Flex as t}from"../flex-BxBmZCWh.js";import{Paragraph as n}from"../paragraph-BwSskqDY.js";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{ECountry as e}from"../types-Cgr_eoPF.js";import{Flex as t}from"../flex-BZHWRUkz.js";import{Paragraph as n}from"../paragraph-BwSskqDY.js";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.js.map

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-C-4TxUDe.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),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-CUT6urMc.cjs`),t=require(`../flex-DMgD86BT.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),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;
 //# sourceMappingURL=data-list.cjs.map

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

@@ -1,2 +1,2 @@
-import{Flex as e}from"../flex-BxBmZCWh.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({children:n})=>t(e,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:n}),i=({label:r,value:i,minLabelWidth:a=`120px`})=>n(e,{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:[t(`div`,{style:{minWidth:a},className:`text-muted-foreground text-sm`,children:r}),t(`div`,{className:`text-secondary-foreground text-sm`,children:i})]});export{r as DataList,i as DataListItem};
+import{Flex as e}from"../flex-BZHWRUkz.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({children:n})=>t(e,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:n}),i=({label:r,value:i,minLabelWidth:a=`120px`})=>n(e,{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:[t(`div`,{style:{minWidth:a},className:`text-muted-foreground text-sm`,children:r}),t(`div`,{className:`text-secondary-foreground text-sm`,children:i})]});export{r as DataList,i as DataListItem};
 //# sourceMappingURL=data-list.js.map

package/dist/data-display/date-tooltip.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../date-wo9LyN6l.cjs`),n=require(`../badge-BnFraaZ1.cjs`),r=require(`../tooltip-meYt4lxB.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({date:e})=>(0,i.jsx)(r.TooltipProvider,{children:(0,i.jsxs)(r.Tooltip,{children:[(0,i.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,i.jsx)(n.Badge,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(r.TooltipContent,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});exports.DateTooltip=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../date-wo9LyN6l.cjs`),n=require(`../badge-BMXpbMfX.cjs`),r=require(`../tooltip-CQ8hkJ42.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({date:e})=>(0,i.jsx)(r.TooltipProvider,{children:(0,i.jsxs)(r.Tooltip,{children:[(0,i.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,i.jsx)(n.Badge,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(r.TooltipContent,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});exports.DateTooltip=a;
 //# sourceMappingURL=date-tooltip.cjs.map

package/dist/data-display/date-tooltip.js

@@ -1,2 +1,2 @@
-import{DateDisplay as e}from"../date-DWxL795U.js";import{Badge as t}from"../badge-8wMMxROk.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-CN8vvmWA.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(i,{children:s(n,{children:[o(a,{asChild:!0,children:o(t,{children:o(e,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(r,{children:o(e,{date:c,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});export{c as DateTooltip};
+import{DateDisplay as e}from"../date-DWxL795U.js";import{Badge as t}from"../badge-6RQPy3Eo.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-CTUSyCdh.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(i,{children:s(n,{children:[o(a,{asChild:!0,children:o(t,{children:o(e,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(r,{children:o(e,{date:c,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});export{c as DateTooltip};
 //# sourceMappingURL=date-tooltip.js.map

package/dist/data-display/empty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-C-4TxUDe.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=()=>(0,r.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,r.jsx)(n.PackageOpenIcon,{size:52,strokeWidth:1}),(0,r.jsx)(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-DMgD86BT.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=()=>(0,r.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,r.jsx)(n.PackageOpenIcon,{size:52,strokeWidth:1}),(0,r.jsx)(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
 //# sourceMappingURL=empty.cjs.map

package/dist/data-display/empty.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region packages/components/data-display/empty.d.ts
-declare const EmptyDisplay: () => react_jsx_runtime4.JSX.Element;
+declare const EmptyDisplay: () => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { EmptyDisplay };
 //# sourceMappingURL=empty.d.ts.map

package/dist/data-display/empty.js

@@ -1,2 +1,2 @@
-"use client";import{Flex as e}from"../flex-BxBmZCWh.js";import{PackageOpenIcon as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>r(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[n(t,{size:52,strokeWidth:1}),n(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
+"use client";import{Flex as e}from"../flex-BZHWRUkz.js";import{PackageOpenIcon as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>r(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[n(t,{size:52,strokeWidth:1}),n(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
 //# sourceMappingURL=empty.js.map

package/dist/data-display/name.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../paragraph-CI28eVP0.cjs`),n=require(`../tooltip-meYt4lxB.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e})=>(0,r.jsxs)(n.Tooltip,{children:[(0,r.jsx)(n.TooltipTrigger,{children:(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`line-clamp-2 w-full truncate pb-px text-start text-wrap`,children:e})}),(0,r.jsx)(n.TooltipContent,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=i;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../paragraph-CI28eVP0.cjs`),n=require(`../tooltip-CQ8hkJ42.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e})=>(0,r.jsxs)(n.Tooltip,{children:[(0,r.jsx)(n.TooltipTrigger,{children:(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`line-clamp-2 w-full truncate pb-px text-start text-wrap`,children:e})}),(0,r.jsx)(n.TooltipContent,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=i;
 //# sourceMappingURL=name.cjs.map

package/dist/data-display/name.js

@@ -1,2 +1,2 @@
-import{Paragraph as e}from"../paragraph-BwSskqDY.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-CN8vvmWA.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({name:o})=>a(t,{children:[i(r,{children:i(e,{variant:`sm`,className:`line-clamp-2 w-full truncate pb-px text-start text-wrap`,children:o})}),i(n,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:o})]});export{o as NameDisplay};
+import{Paragraph as e}from"../paragraph-BwSskqDY.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-CTUSyCdh.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({name:o})=>a(t,{children:[i(r,{children:i(e,{variant:`sm`,className:`line-clamp-2 w-full truncate pb-px text-start text-wrap`,children:o})}),i(n,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:o})]});export{o as NameDisplay};
 //# sourceMappingURL=name.js.map

package/dist/data-display/phone-number.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../tooltip-meYt4lxB.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({value:e})=>(0,n.jsxs)(t.Tooltip,{children:[(0,n.jsx)(t.TooltipTrigger,{asChild:!0,children:(0,n.jsx)(`p`,{className:`font-number text-secondary-foreground text-sm`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),(0,n.jsx)(t.TooltipContent,{align:`start`,children:(0,n.jsx)(`p`,{children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});exports.PhoneNumberDisplay=r;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../tooltip-CQ8hkJ42.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({value:e})=>(0,n.jsxs)(t.Tooltip,{children:[(0,n.jsx)(t.TooltipTrigger,{asChild:!0,children:(0,n.jsx)(`p`,{className:`font-number text-secondary-foreground text-sm`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),(0,n.jsx)(t.TooltipContent,{align:`start`,children:(0,n.jsx)(`p`,{children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});exports.PhoneNumberDisplay=r;
 //# sourceMappingURL=phone-number.cjs.map

package/dist/data-display/phone-number.js

@@ -1,2 +1,2 @@
-import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-CN8vvmWA.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(e,{children:[r(n,{asChild:!0,children:r(`p`,{className:`font-number text-secondary-foreground text-sm`,children:a.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),r(t,{align:`start`,children:r(`p`,{children:a.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});export{a as PhoneNumberDisplay};
+import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-CTUSyCdh.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(e,{children:[r(n,{asChild:!0,children:r(`p`,{className:`font-number text-secondary-foreground text-sm`,children:a.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),r(t,{align:`start`,children:r(`p`,{children:a.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});export{a as PhoneNumberDisplay};
 //# sourceMappingURL=phone-number.js.map

package/dist/data-display/role-badge.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-DMNCf28U.cjs`),n=require(`../badge-BnFraaZ1.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=({status:e})=>{let a=(0,i.useMemo)(()=>({[t.ERole.ADMIN]:`red`,[t.ERole.SUPER_ADMIN]:`purple`,[t.ERole.MODERATOR]:`indigo`,[t.ERole.STAFF]:`green`,[t.ERole.USER]:`blue`}),[]);return(0,r.jsxs)(n.Badge,{color:a[e],className:`min-w-24 justify-center`,children:[e===t.ERole.SUPER_ADMIN&&`Super Admin`,e===t.ERole.ADMIN&&`Admin`,e===t.ERole.MODERATOR&&`Moderator`,e===t.ERole.STAFF&&`Staff`,e===t.ERole.USER&&`User`]})};exports.RoleBadge=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-DMNCf28U.cjs`),n=require(`../badge-BMXpbMfX.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=({status:e})=>{let a=(0,i.useMemo)(()=>({[t.ERole.ADMIN]:`red`,[t.ERole.SUPER_ADMIN]:`purple`,[t.ERole.MODERATOR]:`indigo`,[t.ERole.STAFF]:`green`,[t.ERole.USER]:`blue`}),[]);return(0,r.jsxs)(n.Badge,{color:a[e],className:`min-w-24 justify-center`,children:[e===t.ERole.SUPER_ADMIN&&`Super Admin`,e===t.ERole.ADMIN&&`Admin`,e===t.ERole.MODERATOR&&`Moderator`,e===t.ERole.STAFF&&`Staff`,e===t.ERole.USER&&`User`]})};exports.RoleBadge=a;
 //# sourceMappingURL=role-badge.cjs.map

package/dist/data-display/role-badge.js

@@ -1,2 +1,2 @@
-import{ERole as e}from"../types-Cgr_eoPF.js";import{Badge as t}from"../badge-8wMMxROk.js";import{jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";const i=({status:i})=>{let a=r(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[]);return n(t,{color:a[i],className:`min-w-24 justify-center`,children:[i===e.SUPER_ADMIN&&`Super Admin`,i===e.ADMIN&&`Admin`,i===e.MODERATOR&&`Moderator`,i===e.STAFF&&`Staff`,i===e.USER&&`User`]})};export{i as RoleBadge};
+import{ERole as e}from"../types-Cgr_eoPF.js";import{Badge as t}from"../badge-6RQPy3Eo.js";import{jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";const i=({status:i})=>{let a=r(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[]);return n(t,{color:a[i],className:`min-w-24 justify-center`,children:[i===e.SUPER_ADMIN&&`Super Admin`,i===e.ADMIN&&`Admin`,i===e.MODERATOR&&`Moderator`,i===e.STAFF&&`Staff`,i===e.USER&&`User`]})};export{i as RoleBadge};
 //# sourceMappingURL=role-badge.js.map

package/dist/data-display/statistic.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-C-4TxUDe.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=(0,i.memo)(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=(0,i.useCallback)((e,t)=>{let n=Math.pow(10,t);switch(l){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[l]),m=(0,i.useMemo)(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=(0,i.useCallback)(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=(0,i.useMemo)(()=>{if(typeof f==`number`)return isNaN(f)||!isFinite(f)?`N/A`:h(f);if(typeof f==`string`){let e=f.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:h(t)}return`N/A`},[f,h]),_=(0,i.useMemo)(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,r.jsxs)(t.Flex,{padding:`none`,className:(0,n.cn)(`text-secondary-foreground font-number text-lg`,d===`xs`&&`text-xs`,d===`sm`&&`text-sm`,d===`md`&&`text-base`,d===`lg`&&`text-lg`,d===`xl`&&`text-xl`),children:[o,(0,r.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-DMgD86BT.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=(0,i.memo)(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=(0,i.useCallback)((e,t)=>{let n=Math.pow(10,t);switch(l){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[l]),m=(0,i.useMemo)(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=(0,i.useCallback)(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=(0,i.useMemo)(()=>{if(typeof f==`number`)return isNaN(f)||!isFinite(f)?`N/A`:h(f);if(typeof f==`string`){let e=f.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:h(t)}return`N/A`},[f,h]),_=(0,i.useMemo)(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,r.jsxs)(t.Flex,{padding:`none`,className:(0,n.cn)(`text-secondary-foreground font-number text-lg`,d===`xs`&&`text-xs`,d===`sm`&&`text-sm`,d===`md`&&`text-base`,d===`lg`&&`text-lg`,d===`xl`&&`text-xl`),children:[o,(0,r.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
 //# sourceMappingURL=statistic.cjs.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import * as react0 from "react";
 
 //#region packages/components/data-display/statistic.d.ts
@@ -23,7 +23,7 @@ declare const Statistic: react0.MemoExoticComponent<({
   showTrailingZeros,
   size,
   value
-}: Props) => react_jsx_runtime1.JSX.Element>;
+}: Props) => react_jsx_runtime4.JSX.Element>;
 //#endregion
 export { Statistic };
 //# sourceMappingURL=statistic.d.cts.map

package/dist/data-display/statistic.js

@@ -1,2 +1,2 @@
-import{Flex as e}from"../flex-BxBmZCWh.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{memo as i,useCallback as a,useMemo as o}from"react";const s=i(({decimalSeparator:i=`.`,groupSeparator:s=`,`,prefix:c,suffix:l,precision:u,roundingMode:d=`round`,showTrailingZeros:f=!1,size:p=`lg`,value:m})=>{let h=a((e,t)=>{let n=Math.pow(10,t);switch(d){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[d]),g=o(()=>{let e={};return typeof u==`number`&&u>=0&&(f&&(e.minimumFractionDigits=u),e.maximumFractionDigits=u),e},[u,f]),_=a(e=>{let t=e;return typeof u==`number`&&u>=0&&(t=h(e,u)),t.toLocaleString(`en-US`,g)},[h,g,u]),v=o(()=>{if(typeof m==`number`)return isNaN(m)||!isFinite(m)?`N/A`:_(m);if(typeof m==`string`){let e=m.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:_(t)}return`N/A`},[m,_]),y=o(()=>i===`.`&&s===`,`?v:v.replace(/,/g,s).replace(/\./g,i),[v,i,s]);return r(e,{padding:`none`,className:t(`text-secondary-foreground font-number text-lg`,p===`xs`&&`text-xs`,p===`sm`&&`text-sm`,p===`md`&&`text-base`,p===`lg`&&`text-lg`,p===`xl`&&`text-xl`),children:[c,n(`p`,{children:y}),l]})});s.displayName=`Statistic`;export{s as Statistic};
+import{Flex as e}from"../flex-BZHWRUkz.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{memo as i,useCallback as a,useMemo as o}from"react";const s=i(({decimalSeparator:i=`.`,groupSeparator:s=`,`,prefix:c,suffix:l,precision:u,roundingMode:d=`round`,showTrailingZeros:f=!1,size:p=`lg`,value:m})=>{let h=a((e,t)=>{let n=Math.pow(10,t);switch(d){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[d]),g=o(()=>{let e={};return typeof u==`number`&&u>=0&&(f&&(e.minimumFractionDigits=u),e.maximumFractionDigits=u),e},[u,f]),_=a(e=>{let t=e;return typeof u==`number`&&u>=0&&(t=h(e,u)),t.toLocaleString(`en-US`,g)},[h,g,u]),v=o(()=>{if(typeof m==`number`)return isNaN(m)||!isFinite(m)?`N/A`:_(m);if(typeof m==`string`){let e=m.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:_(t)}return`N/A`},[m,_]),y=o(()=>i===`.`&&s===`,`?v:v.replace(/,/g,s).replace(/\./g,i),[v,i,s]);return r(e,{padding:`none`,className:t(`text-secondary-foreground font-number text-lg`,p===`xs`&&`text-xs`,p===`sm`&&`text-sm`,p===`md`&&`text-base`,p===`lg`&&`text-lg`,p===`xl`&&`text-xl`),children:[c,n(`p`,{children:y}),l]})});s.displayName=`Statistic`;export{s as Statistic};
 //# sourceMappingURL=statistic.js.map