@customafk/lunas-ui 0.0.53 → 0.0.55

package/dist/command-D5rQByNQ.cjs

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

package/dist/command-D5rQByNQ.cjs.map

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

package/dist/{command-BAGuL4Lq.d.ts → command-GiPDH7SK.d.cts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-DzGLUK6_.js";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import { Dialog } from "./dialog-DI0dG1nN.cjs";
+import * as react_jsx_runtime76 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_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime76.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime54.JSX.Element;
+}): react_jsx_runtime76.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime76.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime76.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime76.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime76.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime76.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime76.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime54.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-BAGuL4Lq.d.ts.map
+//# sourceMappingURL=command-GiPDH7SK.d.cts.map

package/dist/data-display/country.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-BSVrFdMJ.cjs`),n=require(`../types-CnMfjcgO.cjs`),r=require(`../paragraph-JXci2Ihg.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=i.default.useMemo(()=>({[n.ECountry.VIETNAM]:`VN`,[n.ECountry.USA]:`US`,[n.ECountry.JAPAN]:`JP`,[n.ECountry.CHINA]:`CN`,[n.ECountry.KOREA]:`KR`,[n.ECountry.SINGAPORE]:`SG`,[n.ECountry.MALAYSIA]:`MY`,[n.ECountry.INDONESIA]:`ID`,[n.ECountry.TAIWAN]:`TW`,[n.ECountry.THAILAND]:`TH`}),[]);return e?(0,a.jsxs)(t.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,a.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,a.jsxs)(r.Paragraph,{variant:`sm`,children:[e===n.ECountry.VIETNAM&&`Vietnam`,e===n.ECountry.USA&&`America`,e===n.ECountry.JAPAN&&`Japan`,e===n.ECountry.CHINA&&`China`,e===n.ECountry.KOREA&&`Korea`,e===n.ECountry.SINGAPORE&&`Singapore`,e===n.ECountry.MALAYSIA&&`Malaysia`,e===n.ECountry.INDONESIA&&`Indonesia`,e===n.ECountry.TAIWAN&&`Taiwan`,e===n.ECountry.THAILAND&&`Thailand`]})]}):(0,a.jsx)(t.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,a.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-D4VheH3v.cjs`),n=require(`../flex-BZQ2cN9R.cjs`),r=require(`../paragraph-DI_ILU8j.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react-country-flag`)),o=e.__toESM(require(`react/jsx-runtime`)),s=({country:e})=>{let s=i.default.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,o.jsxs)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,o.jsx)(a.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,o.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,o.jsx)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,o.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.cjs.map

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

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

@@ -1,4 +1,4 @@
-import { ECountry } from "../types-oumb6uSW.js";
+import { ECountry } from "../types-CmcNT14g.js";
 import React from "react";
 
 //#region packages/components/data-display/country.d.ts

package/dist/data-display/country.js

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

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

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

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-BSVrFdMJ.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-BZQ2cN9R.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.cjs","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","Flex","DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import { Flex } from '@/components/layouts/flex'\n\ntype DataListProps = {\n  title?: string\n}\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({ children }) => {\n  return (\n    <Flex vertical padding=\"none\" gap=\"md\" width=\"full\">\n      {children}\n    </Flex>\n  )\n}\n\ntype DataListItemProps = {\n  label: string\n  value: string | number | React.ReactNode\n  minLabelWidth?: string\n}\n\nexport const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>> = ({ label, value, minLabelWidth = '120px' }) => {\n  return (\n    <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\">\n      <div style={{ minWidth: minLabelWidth }} className=\"text-muted-foreground text-sm\">\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  )\n}\n"],"mappings":"4JAKaA,GAA8D,CAAE,eAEzE,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,aAWMC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,YAE/G,EAAA,EAAA,MAACD,EAAAA,KAAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,6EAClF,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,GAAiB,UAAU,yCAChD,KAEH,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CAAqC"}
+{"version":3,"file":"data-list.cjs","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","Flex","DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import { Flex } from '@/components/layouts/flex'\n\ntype DataListProps = {\n  title?: string\n}\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({ children }) => {\n  return (\n    <Flex vertical padding=\"none\" gap=\"md\" width=\"full\">\n      {children}\n    </Flex>\n  )\n}\n\ntype DataListItemProps = {\n  label: string\n  value: string | number | React.ReactNode\n  minLabelWidth?: string\n}\n\nexport const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>> = ({ label, value, minLabelWidth = '120px' }) => {\n  return (\n    <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\">\n      <div style={{ minWidth: minLabelWidth }} className=\"text-muted-foreground text-sm\">\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  )\n}\n"],"mappings":"qHAKaA,GAA8D,CAAE,eAEzE,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,aAWMC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,YAE/G,EAAA,EAAA,MAACD,EAAAA,KAAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,6EAClF,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,GAAiB,UAAU,yCAChD,KAEH,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CAAqC"}

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

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-CXCO0f21.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-BjOEOc7S.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/data-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.js","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import { Flex } from '@/components/layouts/flex'\n\ntype DataListProps = {\n  title?: string\n}\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({ children }) => {\n  return (\n    <Flex vertical padding=\"none\" gap=\"md\" width=\"full\">\n      {children}\n    </Flex>\n  )\n}\n\ntype DataListItemProps = {\n  label: string\n  value: string | number | React.ReactNode\n  minLabelWidth?: string\n}\n\nexport const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>> = ({ label, value, minLabelWidth = '120px' }) => {\n  return (\n    <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\">\n      <div style={{ minWidth: minLabelWidth }} className=\"text-muted-foreground text-sm\">\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  )\n}\n"],"mappings":"0HAKA,MAAaA,GAA8D,CAAE,cAEzE,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,aAWMC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,WAE/G,EAAC,EAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,4EAClF,EAAC,MAAA,CAAI,MAAO,CAAE,SAAU,GAAiB,UAAU,yCAChD,IAEH,EAAC,MAAA,CAAI,UAAU,6CAAqC"}
+{"version":3,"file":"data-list.js","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import { Flex } from '@/components/layouts/flex'\n\ntype DataListProps = {\n  title?: string\n}\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({ children }) => {\n  return (\n    <Flex vertical padding=\"none\" gap=\"md\" width=\"full\">\n      {children}\n    </Flex>\n  )\n}\n\ntype DataListItemProps = {\n  label: string\n  value: string | number | React.ReactNode\n  minLabelWidth?: string\n}\n\nexport const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>> = ({ label, value, minLabelWidth = '120px' }) => {\n  return (\n    <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\">\n      <div style={{ minWidth: minLabelWidth }} className=\"text-muted-foreground text-sm\">\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  )\n}\n"],"mappings":"6FAKA,MAAaA,GAA8D,CAAE,cAEzE,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,aAWMC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,WAE/G,EAAC,EAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,4EAClF,EAAC,MAAA,CAAI,MAAO,CAAE,SAAU,GAAiB,UAAU,yCAChD,IAEH,EAAC,MAAA,CAAI,UAAU,6CAAqC"}

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../date-Cw6Jf7k6.cjs`),n=require(`../badge-C5OQVVdj.cjs`),r=require(`../tooltip-BeQcgjzF.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-C0z2FXYp.cjs`),n=require(`../badge-BRw92rqK.cjs`),r=require(`../tooltip-C07dUvb2.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-tooltip.cjs","names":["DateTooltip: React.FC<Props>","TooltipProvider","Tooltip","TooltipTrigger","Badge","DateDisplay","TooltipContent"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { DateDisplay } from './date'\nimport { Badge } from '../ui/badge'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip'\n\ntype Props = {\n  date: Date | string | number\n}\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Badge>\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n"],"mappings":"oOAOaA,GAAgC,CAAE,WAE3C,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,gCAGvD,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACD,EAAAA,YAAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU"}
+{"version":3,"file":"date-tooltip.cjs","names":["DateTooltip: React.FC<Props>","TooltipProvider","Tooltip","TooltipTrigger","Badge","DateDisplay","TooltipContent"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { DateDisplay } from './date'\nimport { Badge } from '../ui/badge'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip'\n\ntype Props = {\n  date: Date | string | number\n}\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Badge>\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n"],"mappings":"6LAOaA,GAAgC,CAAE,WAE3C,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,gCAGvD,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACD,EAAAA,YAAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU"}

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

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{DateDisplay as e}from"../date-B1g1OMYc.js";import{Badge as t}from"../badge-DP4D6fsq.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-jz3-KXgN.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-C5tbtGM-.js";import{Badge as t}from"../badge-CdZeMxiB.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-Xk3kG3mc.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/date-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-tooltip.js","names":["DateTooltip: React.FC<Props>"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { DateDisplay } from './date'\nimport { Badge } from '../ui/badge'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip'\n\ntype Props = {\n  date: Date | string | number\n}\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Badge>\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n"],"mappings":"4RAOA,MAAaA,GAAgC,CAAE,UAE3C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,+BAGvD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU"}
+{"version":3,"file":"date-tooltip.js","names":["DateTooltip: React.FC<Props>"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { DateDisplay } from './date'\nimport { Badge } from '../ui/badge'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip'\n\ntype Props = {\n  date: Date | string | number\n}\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Badge>\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n"],"mappings":"+PAOA,MAAaA,GAAgC,CAAE,UAE3C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,+BAGvD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU"}

package/dist/data-display/date.cjs

@@ -1 +1 @@
-require(`../utils-BsjVK5EW.cjs`);const e=require(`../date-Cw6Jf7k6.cjs`);exports.DateDisplay=e.DateDisplay;
+const e=require(`../date-C0z2FXYp.cjs`);exports.DateDisplay=e.DateDisplay;

package/dist/data-display/date.js

@@ -1 +1 @@
-import"../utils-D9AH0PUV.js";import{DateDisplay as e}from"../date-B1g1OMYc.js";export{e as DateDisplay};
+import{DateDisplay as e}from"../date-C5tbtGM-.js";export{e as DateDisplay};

package/dist/data-display/empty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-BSVrFdMJ.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`lucide-react`)),i=()=>(0,n.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1}),(0,n.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-BZQ2cN9R.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`lucide-react`)),i=()=>(0,n.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1}),(0,n.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.cjs","names":["Flex","PackageOpenIcon"],"sources":["../../packages/components/data-display/empty.tsx"],"sourcesContent":["'use client'\nimport { PackageOpenIcon } from 'lucide-react'\n\nimport { Flex } from '../layouts/flex'\n\nexport const EmptyDisplay = () => {\n  return (\n    <Flex vertical justify=\"center\" align=\"center\" gap=\"sm\" className=\"text-text-positive-muted size-full\">\n      <PackageOpenIcon size={52} strokeWidth={1} />\n      <p className=\"text-sm\">Không có dữ liệu nào để hiển thị.</p>\n    </Flex>\n  )\n}\n"],"mappings":"8MAKa,OAET,EAAA,EAAA,MAACA,EAAAA,KAAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,gDAChE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,YAAa,KACxC,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mBAAU"}
+{"version":3,"file":"empty.cjs","names":["Flex","PackageOpenIcon"],"sources":["../../packages/components/data-display/empty.tsx"],"sourcesContent":["'use client'\nimport { PackageOpenIcon } from 'lucide-react'\n\nimport { Flex } from '../layouts/flex'\n\nexport const EmptyDisplay = () => {\n  return (\n    <Flex vertical justify=\"center\" align=\"center\" gap=\"sm\" className=\"text-text-positive-muted size-full\">\n      <PackageOpenIcon size={52} strokeWidth={1} />\n      <p className=\"text-sm\">Không có dữ liệu nào để hiển thị.</p>\n    </Flex>\n  )\n}\n"],"mappings":"uKAKa,OAET,EAAA,EAAA,MAACA,EAAAA,KAAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,gDAChE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,YAAa,KACxC,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mBAAU"}

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

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime24 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_runtime24.JSX.Element;
+declare const EmptyDisplay: () => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { EmptyDisplay };
 //# sourceMappingURL=empty.d.cts.map

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

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

package/dist/data-display/empty.js

@@ -1,2 +1,2 @@
-"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-CXCO0f21.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{PackageOpenIcon as r}from"lucide-react";const i=()=>n(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[t(r,{size:52,strokeWidth:1}),t(`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-BjOEOc7S.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{PackageOpenIcon as r}from"lucide-react";const i=()=>n(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[t(r,{size:52,strokeWidth:1}),t(`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/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","names":[],"sources":["../../packages/components/data-display/empty.tsx"],"sourcesContent":["'use client'\nimport { PackageOpenIcon } from 'lucide-react'\n\nimport { Flex } from '../layouts/flex'\n\nexport const EmptyDisplay = () => {\n  return (\n    <Flex vertical justify=\"center\" align=\"center\" gap=\"sm\" className=\"text-text-positive-muted size-full\">\n      <PackageOpenIcon size={52} strokeWidth={1} />\n      <p className=\"text-sm\">Không có dữ liệu nào để hiển thị.</p>\n    </Flex>\n  )\n}\n"],"mappings":"sLAKA,MAAa,MAET,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,+CAChE,EAAC,EAAA,CAAgB,KAAM,GAAI,YAAa,IACxC,EAAC,IAAA,CAAE,UAAU,mBAAU"}
+{"version":3,"file":"empty.js","names":[],"sources":["../../packages/components/data-display/empty.tsx"],"sourcesContent":["'use client'\nimport { PackageOpenIcon } from 'lucide-react'\n\nimport { Flex } from '../layouts/flex'\n\nexport const EmptyDisplay = () => {\n  return (\n    <Flex vertical justify=\"center\" align=\"center\" gap=\"sm\" className=\"text-text-positive-muted size-full\">\n      <PackageOpenIcon size={52} strokeWidth={1} />\n      <p className=\"text-sm\">Không có dữ liệu nào để hiển thị.</p>\n    </Flex>\n  )\n}\n"],"mappings":"yJAKA,MAAa,MAET,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,+CAChE,EAAC,EAAA,CAAgB,KAAM,GAAI,YAAa,IACxC,EAAC,IAAA,CAAE,UAAU,mBAAU"}

package/dist/data-display/name.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"name.cjs","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>","Tooltip","TooltipTrigger","Paragraph","TooltipContent"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full cursor-help truncate\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"oOASaA,GAAoE,CAAE,WAE/E,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,oDAC/B,OAGL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}
+{"version":3,"file":"name.cjs","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>","Tooltip","TooltipTrigger","Paragraph","TooltipContent"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full cursor-help truncate\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"6LASaA,GAAoE,CAAE,WAE/E,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,oDAC/B,OAGL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}

package/dist/data-display/name.js

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

package/dist/data-display/name.js.map

@@ -1 +1 @@
-{"version":3,"file":"name.js","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full cursor-help truncate\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"kPASA,MAAaA,GAAoE,CAAE,UAE/E,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,oDAC/B,MAGL,EAAC,EAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}
+{"version":3,"file":"name.js","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full cursor-help truncate\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"qNASA,MAAaA,GAAoE,CAAE,UAE/E,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,oDAC/B,MAGL,EAAC,EAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../tooltip-BeQcgjzF.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-C07dUvb2.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"phone-number.cjs","names":["PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>>","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../../packages/components/data-display/phone-number.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\nexport const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p className=\"font-number text-secondary-foreground text-sm\">{value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}</p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"+JAEaA,GAA4E,CAAE,YAEvF,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yDAAiD,EAAM,QAAQ,wBAAyB,mBAEvG,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,MAAM,kBACpB,EAAA,EAAA,KAAC,IAAA,CAAA,SAAG,EAAM,MAAM,GAAG,QAAQ,wBAAyB"}
+{"version":3,"file":"phone-number.cjs","names":["PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>>","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../../packages/components/data-display/phone-number.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\nexport const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p className=\"font-number text-secondary-foreground text-sm\">{value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}</p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"wHAEaA,GAA4E,CAAE,YAEvF,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yDAAiD,EAAM,QAAQ,wBAAyB,mBAEvG,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,MAAM,kBACpB,EAAA,EAAA,KAAC,IAAA,CAAA,SAAG,EAAM,MAAM,GAAG,QAAQ,wBAAyB"}

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

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-jz3-KXgN.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-Xk3kG3mc.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/phone-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-number.js","names":["PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>>"],"sources":["../../packages/components/data-display/phone-number.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\nexport const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p className=\"font-number text-secondary-foreground text-sm\">{value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}</p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"wKAEA,MAAaA,GAA4E,CAAE,WAEvF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,IAAA,CAAE,UAAU,yDAAiD,EAAM,QAAQ,wBAAyB,kBAEvG,EAAC,EAAA,CAAe,MAAM,iBACpB,EAAC,IAAA,CAAA,SAAG,EAAM,MAAM,GAAG,QAAQ,wBAAyB"}
+{"version":3,"file":"phone-number.js","names":["PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>>"],"sources":["../../packages/components/data-display/phone-number.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\nexport const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p className=\"font-number text-secondary-foreground text-sm\">{value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}</p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"2IAEA,MAAaA,GAA4E,CAAE,WAEvF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,IAAA,CAAE,UAAU,yDAAiD,EAAM,QAAQ,wBAAyB,kBAEvG,EAAC,EAAA,CAAe,MAAM,iBACpB,EAAC,IAAA,CAAA,SAAG,EAAM,MAAM,GAAG,QAAQ,wBAAyB"}

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../types-CnMfjcgO.cjs`),n=require(`../badge-C5OQVVdj.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({status:e})=>{let a=r.default.useMemo(()=>({[t.ERole.ADMIN]:`red`,[t.ERole.SUPER_ADMIN]:`purple`,[t.ERole.MODERATOR]:`indigo`,[t.ERole.STAFF]:`green`,[t.ERole.USER]:`blue`}),[]);return(0,i.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-D4VheH3v.cjs`),n=require(`../badge-BRw92rqK.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({status:e})=>{let a=r.default.useMemo(()=>({[t.ERole.ADMIN]:`red`,[t.ERole.SUPER_ADMIN]:`purple`,[t.ERole.MODERATOR]:`indigo`,[t.ERole.STAFF]:`green`,[t.ERole.USER]:`blue`}),[]);return(0,i.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"role-badge.cjs","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>","React","ERole","Badge"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ERole } from '@/types'\n\nimport { Badge } from '../ui/badge'\n\ntype Props = {\n  status: ERole\n}\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = React.useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    }\n  }, [])\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  )\n}\n"],"mappings":"8NASaA,GAAuD,CAAE,YAAa,CACjF,IAAM,EAASC,EAAAA,QAAM,aACZ,EACJC,EAAAA,MAAM,OAAQ,OACdA,EAAAA,MAAM,aAAc,UACpBA,EAAAA,MAAM,WAAY,UAClBA,EAAAA,MAAM,OAAQ,SACdA,EAAAA,MAAM,MAAO,SAEf,IACH,OACE,EAAA,EAAA,MAACC,EAAAA,MAAAA,CAAM,MAAO,EAAO,GAAS,UAAU,oCACrC,IAAWD,EAAAA,MAAM,aAAe,cAChC,IAAWA,EAAAA,MAAM,OAAS,QAC1B,IAAWA,EAAAA,MAAM,WAAa,YAC9B,IAAWA,EAAAA,MAAM,OAAS,QAC1B,IAAWA,EAAAA,MAAM,MAAQ"}
+{"version":3,"file":"role-badge.cjs","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>","React","ERole","Badge"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ERole } from '@/types'\n\nimport { Badge } from '../ui/badge'\n\ntype Props = {\n  status: ERole\n}\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = React.useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    }\n  }, [])\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  )\n}\n"],"mappings":"uLASaA,GAAuD,CAAE,YAAa,CACjF,IAAM,EAASC,EAAAA,QAAM,aACZ,EACJC,EAAAA,MAAM,OAAQ,OACdA,EAAAA,MAAM,aAAc,UACpBA,EAAAA,MAAM,WAAY,UAClBA,EAAAA,MAAM,OAAQ,SACdA,EAAAA,MAAM,MAAO,SAEf,IACH,OACE,EAAA,EAAA,MAACC,EAAAA,MAAAA,CAAM,MAAO,EAAO,GAAS,UAAU,oCACrC,IAAWD,EAAAA,MAAM,aAAe,cAChC,IAAWA,EAAAA,MAAM,OAAS,QAC1B,IAAWA,EAAAA,MAAM,WAAa,YAC9B,IAAWA,EAAAA,MAAM,OAAS,QAC1B,IAAWA,EAAAA,MAAM,MAAQ"}

package/dist/data-display/role-badge.d.ts

@@ -1,4 +1,4 @@
-import { ERole } from "../types-oumb6uSW.js";
+import { ERole } from "../types-CmcNT14g.js";
 import React from "react";
 
 //#region packages/components/data-display/role-badge.d.ts

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

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{ERole as e}from"../types-BVNbk1ZN.js";import{Badge as t}from"../badge-DP4D6fsq.js";import n from"react";import{jsxs as r}from"react/jsx-runtime";const i=({status:i})=>{let a=n.useMemo(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[]);return r(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-C1zngBcL.js";import{Badge as t}from"../badge-CdZeMxiB.js";import n from"react";import{jsxs as r}from"react/jsx-runtime";const i=({status:i})=>{let a=n.useMemo(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[]);return r(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/role-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"role-badge.js","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ERole } from '@/types'\n\nimport { Badge } from '../ui/badge'\n\ntype Props = {\n  status: ERole\n}\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = React.useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    }\n  }, [])\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  )\n}\n"],"mappings":"qLASA,MAAaA,GAAuD,CAAE,YAAa,CACjF,IAAM,EAAS,EAAM,aACZ,EACJ,EAAM,OAAQ,OACd,EAAM,aAAc,UACpB,EAAM,WAAY,UAClB,EAAM,OAAQ,SACd,EAAM,MAAO,SAEf,IACH,OACE,EAAC,EAAA,CAAM,MAAO,EAAO,GAAS,UAAU,oCACrC,IAAW,EAAM,aAAe,cAChC,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,WAAa,YAC9B,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,MAAQ"}
+{"version":3,"file":"role-badge.js","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ERole } from '@/types'\n\nimport { Badge } from '../ui/badge'\n\ntype Props = {\n  status: ERole\n}\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = React.useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    }\n  }, [])\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  )\n}\n"],"mappings":"wJASA,MAAaA,GAAuD,CAAE,YAAa,CACjF,IAAM,EAAS,EAAM,aACZ,EACJ,EAAM,OAAQ,OACd,EAAM,aAAc,UACpB,EAAM,WAAY,UAClB,EAAM,OAAQ,SACd,EAAM,MAAO,SAEf,IACH,OACE,EAAC,EAAA,CAAM,MAAO,EAAO,GAAS,UAAU,oCACrC,IAAW,EAAM,aAAe,cAChC,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,WAAa,YAC9B,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,MAAQ"}

package/dist/data-display/statistic.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-BSVrFdMJ.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=r.default.memo(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=r.default.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=r.default.useMemo(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=r.default.useCallback(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=r.default.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]),_=r.default.useMemo(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,i.jsxs)(n.Flex,{padding:`none`,className:t.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,i.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-BZQ2cN9R.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=n.default.memo(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=n.default.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=n.default.useMemo(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=n.default.useCallback(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=n.default.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]),_=n.default.useMemo(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,i.jsxs)(t.Flex,{padding:`none`,className:(0,r.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,i.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
 //# sourceMappingURL=statistic.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"statistic.cjs","names":["React","options: Intl.NumberFormatOptions","Flex","cn"],"sources":["../../packages/components/data-display/statistic.tsx"],"sourcesContent":["import React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\n\ntype Props = {\n  decimalSeparator?: string\n  groupSeparator?: string\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  precision?: number // Số chữ số thập phân\n  roundingMode?: 'round' | 'floor' | 'ceil' // Kiểu làm tròn\n  showTrailingZeros?: boolean // Hiển thị số 0 cuối\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' // Kích thước của component\n  value: number | string\n}\nexport const Statistic = React.memo(\n  ({\n    decimalSeparator = '.',\n    groupSeparator = ',',\n    prefix: Prefix,\n    suffix: Suffix,\n    precision,\n    roundingMode = 'round',\n    showTrailingZeros = false,\n    size = 'lg',\n    value,\n  }: Props) => {\n    // Memoize rounding function\n    const applyRounding = React.useCallback(\n      (num: number, precisionValue: number): number => {\n        const multiplier = Math.pow(10, precisionValue)\n\n        switch (roundingMode) {\n          case 'floor':\n            return Math.floor(num * multiplier) / multiplier\n          case 'ceil':\n            return Math.ceil(num * multiplier) / multiplier\n          case 'round':\n          default:\n            return Math.round(num * multiplier) / multiplier\n        }\n      },\n      [roundingMode],\n    )\n\n    // Memoize number formatting options\n    const formatOptions = React.useMemo((): Intl.NumberFormatOptions => {\n      const options: Intl.NumberFormatOptions = {}\n\n      if (typeof precision === 'number' && precision >= 0) {\n        if (showTrailingZeros) {\n          options.minimumFractionDigits = precision\n          options.maximumFractionDigits = precision\n        } else {\n          options.maximumFractionDigits = precision\n        }\n      }\n\n      return options\n    }, [precision, showTrailingZeros])\n\n    const formatNumber = React.useCallback(\n      (num: number): string => {\n        let processedNum = num\n\n        // Áp dụng làm tròn nếu có precision\n        if (typeof precision === 'number' && precision >= 0) {\n          processedNum = applyRounding(num, precision)\n        }\n\n        return processedNum.toLocaleString('en-US', formatOptions)\n      },\n      [applyRounding, formatOptions, precision],\n    )\n\n    // Memoize value processing\n    const processedValue = React.useMemo((): string => {\n      // Xử lý giá trị number\n      if (typeof value === 'number') {\n        if (isNaN(value) || !isFinite(value)) {\n          return 'N/A'\n        }\n        return formatNumber(value)\n      }\n\n      // Xử lý giá trị string\n      if (typeof value === 'string') {\n        const trimmedValue = value.trim()\n\n        // Nếu là chuỗi rỗng\n        if (!trimmedValue) {\n          return 'N/A'\n        }\n\n        // Thử convert sang number\n        const numValue = Number(trimmedValue)\n\n        if (isNaN(numValue) || !isFinite(numValue)) {\n          // Nếu không phải số, trả về string gốc\n          return 'N/A'\n        }\n\n        return formatNumber(numValue)\n      }\n\n      return 'N/A'\n    }, [value, formatNumber])\n\n    // Memoize separator replacement\n    const finalFormattedValue = React.useMemo((): string => {\n      // Chỉ thay thế separators nếu khác mặc định\n      if (decimalSeparator === '.' && groupSeparator === ',') {\n        return processedValue\n      }\n      return processedValue.replace(/,/g, groupSeparator).replace(/\\./g, decimalSeparator)\n    }, [processedValue, decimalSeparator, groupSeparator])\n\n    return (\n      <Flex\n        padding=\"none\"\n        className={cn(\n          'text-secondary-foreground font-number text-lg',\n          size === 'xs' && 'text-xs',\n          size === 'sm' && 'text-sm',\n          size === 'md' && 'text-base',\n          size === 'lg' && 'text-lg',\n          size === 'xl' && 'text-xl',\n        )}\n      >\n        {Prefix}\n        <p>{finalFormattedValue}</p>\n        {Suffix}\n      </Flex>\n    )\n  },\n)\nStatistic.displayName = 'Statistic'\n"],"mappings":"sLAiBa,EAAYA,EAAAA,QAAM,MAC5B,CACC,mBAAmB,IACnB,iBAAiB,IACjB,OAAQ,EACR,OAAQ,EACR,YACA,eAAe,QACf,oBAAoB,GACpB,OAAO,KACP,WACW,CAEX,IAAM,EAAgBA,EAAAA,QAAM,aACzB,EAAa,IAAmC,CAC/C,IAAM,EAAa,KAAK,IAAI,GAAI,GAEhC,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,KAAK,MAAM,EAAM,GAAc,EACxC,IAAK,OACH,OAAO,KAAK,KAAK,EAAM,GAAc,EACvC,IAAK,QACL,QACE,OAAO,KAAK,MAAM,EAAM,GAAc,IAG5C,CAAC,IAIG,EAAgBA,EAAAA,QAAM,YAAwC,CAClE,IAAMC,EAAoC,GAW1C,OATI,OAAO,GAAc,UAAY,GAAa,IAC5C,IACF,EAAQ,sBAAwB,GAGhC,EAAQ,sBAAwB,GAI7B,GACN,CAAC,EAAW,IAET,EAAeD,EAAAA,QAAM,YACxB,GAAwB,CACvB,IAAI,EAAe,EAOnB,OAJI,OAAO,GAAc,UAAY,GAAa,IAChD,EAAe,EAAc,EAAK,IAG7B,EAAa,eAAe,QAAS,IAE9C,CAAC,EAAe,EAAe,IAI3B,EAAiBA,EAAAA,QAAM,YAAsB,CAEjD,GAAI,OAAO,GAAU,SAInB,OAHI,MAAM,IAAU,CAAC,SAAS,GACrB,MAEF,EAAa,GAItB,GAAI,OAAO,GAAU,SAAU,CAC7B,IAAM,EAAe,EAAM,OAG3B,GAAI,CAAC,EACH,MAAO,MAIT,IAAM,EAAW,OAAO,GAOxB,OALI,MAAM,IAAa,CAAC,SAAS,GAExB,MAGF,EAAa,GAGtB,MAAO,OACN,CAAC,EAAO,IAGL,EAAsBA,EAAAA,QAAM,YAE5B,IAAqB,KAAO,IAAmB,IAC1C,EAEF,EAAe,QAAQ,KAAM,GAAgB,QAAQ,MAAO,GAClE,CAAC,EAAgB,EAAkB,IAEtC,OACE,EAAA,EAAA,MAACE,EAAAA,KAAAA,CACC,QAAQ,OACR,UAAWC,EAAAA,GACT,gDACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,qBAGlB,GACD,EAAA,EAAA,KAAC,IAAA,CAAA,SAAG,IACH,OAKT,EAAU,YAAc"}
+{"version":3,"file":"statistic.cjs","names":["React","options: Intl.NumberFormatOptions","Flex"],"sources":["../../packages/components/data-display/statistic.tsx"],"sourcesContent":["import React from 'react'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Flex } from '../layouts/flex'\n\ntype Props = {\n  decimalSeparator?: string\n  groupSeparator?: string\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  precision?: number // Số chữ số thập phân\n  roundingMode?: 'round' | 'floor' | 'ceil' // Kiểu làm tròn\n  showTrailingZeros?: boolean // Hiển thị số 0 cuối\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' // Kích thước của component\n  value: number | string\n}\nexport const Statistic = React.memo(\n  ({\n    decimalSeparator = '.',\n    groupSeparator = ',',\n    prefix: Prefix,\n    suffix: Suffix,\n    precision,\n    roundingMode = 'round',\n    showTrailingZeros = false,\n    size = 'lg',\n    value,\n  }: Props) => {\n    // Memoize rounding function\n    const applyRounding = React.useCallback(\n      (num: number, precisionValue: number): number => {\n        const multiplier = Math.pow(10, precisionValue)\n\n        switch (roundingMode) {\n          case 'floor':\n            return Math.floor(num * multiplier) / multiplier\n          case 'ceil':\n            return Math.ceil(num * multiplier) / multiplier\n          case 'round':\n          default:\n            return Math.round(num * multiplier) / multiplier\n        }\n      },\n      [roundingMode],\n    )\n\n    // Memoize number formatting options\n    const formatOptions = React.useMemo((): Intl.NumberFormatOptions => {\n      const options: Intl.NumberFormatOptions = {}\n\n      if (typeof precision === 'number' && precision >= 0) {\n        if (showTrailingZeros) {\n          options.minimumFractionDigits = precision\n          options.maximumFractionDigits = precision\n        } else {\n          options.maximumFractionDigits = precision\n        }\n      }\n\n      return options\n    }, [precision, showTrailingZeros])\n\n    const formatNumber = React.useCallback(\n      (num: number): string => {\n        let processedNum = num\n\n        // Áp dụng làm tròn nếu có precision\n        if (typeof precision === 'number' && precision >= 0) {\n          processedNum = applyRounding(num, precision)\n        }\n\n        return processedNum.toLocaleString('en-US', formatOptions)\n      },\n      [applyRounding, formatOptions, precision],\n    )\n\n    // Memoize value processing\n    const processedValue = React.useMemo((): string => {\n      // Xử lý giá trị number\n      if (typeof value === 'number') {\n        if (isNaN(value) || !isFinite(value)) {\n          return 'N/A'\n        }\n        return formatNumber(value)\n      }\n\n      // Xử lý giá trị string\n      if (typeof value === 'string') {\n        const trimmedValue = value.trim()\n\n        // Nếu là chuỗi rỗng\n        if (!trimmedValue) {\n          return 'N/A'\n        }\n\n        // Thử convert sang number\n        const numValue = Number(trimmedValue)\n\n        if (isNaN(numValue) || !isFinite(numValue)) {\n          // Nếu không phải số, trả về string gốc\n          return 'N/A'\n        }\n\n        return formatNumber(numValue)\n      }\n\n      return 'N/A'\n    }, [value, formatNumber])\n\n    // Memoize separator replacement\n    const finalFormattedValue = React.useMemo((): string => {\n      // Chỉ thay thế separators nếu khác mặc định\n      if (decimalSeparator === '.' && groupSeparator === ',') {\n        return processedValue\n      }\n      return processedValue.replace(/,/g, groupSeparator).replace(/\\./g, decimalSeparator)\n    }, [processedValue, decimalSeparator, groupSeparator])\n\n    return (\n      <Flex\n        padding=\"none\"\n        className={cn(\n          'text-secondary-foreground font-number text-lg',\n          size === 'xs' && 'text-xs',\n          size === 'sm' && 'text-sm',\n          size === 'md' && 'text-base',\n          size === 'lg' && 'text-lg',\n          size === 'xl' && 'text-xl',\n        )}\n      >\n        {Prefix}\n        <p>{finalFormattedValue}</p>\n        {Suffix}\n      </Flex>\n    )\n  },\n)\nStatistic.displayName = 'Statistic'\n"],"mappings":"0MAiBa,EAAYA,EAAAA,QAAM,MAC5B,CACC,mBAAmB,IACnB,iBAAiB,IACjB,OAAQ,EACR,OAAQ,EACR,YACA,eAAe,QACf,oBAAoB,GACpB,OAAO,KACP,WACW,CAEX,IAAM,EAAgBA,EAAAA,QAAM,aACzB,EAAa,IAAmC,CAC/C,IAAM,EAAa,KAAK,IAAI,GAAI,GAEhC,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,KAAK,MAAM,EAAM,GAAc,EACxC,IAAK,OACH,OAAO,KAAK,KAAK,EAAM,GAAc,EACvC,IAAK,QACL,QACE,OAAO,KAAK,MAAM,EAAM,GAAc,IAG5C,CAAC,IAIG,EAAgBA,EAAAA,QAAM,YAAwC,CAClE,IAAMC,EAAoC,GAW1C,OATI,OAAO,GAAc,UAAY,GAAa,IAC5C,IACF,EAAQ,sBAAwB,GAGhC,EAAQ,sBAAwB,GAI7B,GACN,CAAC,EAAW,IAET,EAAeD,EAAAA,QAAM,YACxB,GAAwB,CACvB,IAAI,EAAe,EAOnB,OAJI,OAAO,GAAc,UAAY,GAAa,IAChD,EAAe,EAAc,EAAK,IAG7B,EAAa,eAAe,QAAS,IAE9C,CAAC,EAAe,EAAe,IAI3B,EAAiBA,EAAAA,QAAM,YAAsB,CAEjD,GAAI,OAAO,GAAU,SAInB,OAHI,MAAM,IAAU,CAAC,SAAS,GACrB,MAEF,EAAa,GAItB,GAAI,OAAO,GAAU,SAAU,CAC7B,IAAM,EAAe,EAAM,OAG3B,GAAI,CAAC,EACH,MAAO,MAIT,IAAM,EAAW,OAAO,GAOxB,OALI,MAAM,IAAa,CAAC,SAAS,GAExB,MAGF,EAAa,GAGtB,MAAO,OACN,CAAC,EAAO,IAGL,EAAsBA,EAAAA,QAAM,YAE5B,IAAqB,KAAO,IAAmB,IAC1C,EAEF,EAAe,QAAQ,KAAM,GAAgB,QAAQ,MAAO,GAClE,CAAC,EAAgB,EAAkB,IAEtC,OACE,EAAA,EAAA,MAACE,EAAAA,KAAAA,CACC,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,gDACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,qBAGlB,GACD,EAAA,EAAA,KAAC,IAAA,CAAA,SAAG,IACH,OAKT,EAAU,YAAc"}

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

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

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

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

package/dist/data-display/statistic.js

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

package/dist/data-display/statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.js","names":["options: Intl.NumberFormatOptions"],"sources":["../../packages/components/data-display/statistic.tsx"],"sourcesContent":["import React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\n\ntype Props = {\n  decimalSeparator?: string\n  groupSeparator?: string\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  precision?: number // Số chữ số thập phân\n  roundingMode?: 'round' | 'floor' | 'ceil' // Kiểu làm tròn\n  showTrailingZeros?: boolean // Hiển thị số 0 cuối\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' // Kích thước của component\n  value: number | string\n}\nexport const Statistic = React.memo(\n  ({\n    decimalSeparator = '.',\n    groupSeparator = ',',\n    prefix: Prefix,\n    suffix: Suffix,\n    precision,\n    roundingMode = 'round',\n    showTrailingZeros = false,\n    size = 'lg',\n    value,\n  }: Props) => {\n    // Memoize rounding function\n    const applyRounding = React.useCallback(\n      (num: number, precisionValue: number): number => {\n        const multiplier = Math.pow(10, precisionValue)\n\n        switch (roundingMode) {\n          case 'floor':\n            return Math.floor(num * multiplier) / multiplier\n          case 'ceil':\n            return Math.ceil(num * multiplier) / multiplier\n          case 'round':\n          default:\n            return Math.round(num * multiplier) / multiplier\n        }\n      },\n      [roundingMode],\n    )\n\n    // Memoize number formatting options\n    const formatOptions = React.useMemo((): Intl.NumberFormatOptions => {\n      const options: Intl.NumberFormatOptions = {}\n\n      if (typeof precision === 'number' && precision >= 0) {\n        if (showTrailingZeros) {\n          options.minimumFractionDigits = precision\n          options.maximumFractionDigits = precision\n        } else {\n          options.maximumFractionDigits = precision\n        }\n      }\n\n      return options\n    }, [precision, showTrailingZeros])\n\n    const formatNumber = React.useCallback(\n      (num: number): string => {\n        let processedNum = num\n\n        // Áp dụng làm tròn nếu có precision\n        if (typeof precision === 'number' && precision >= 0) {\n          processedNum = applyRounding(num, precision)\n        }\n\n        return processedNum.toLocaleString('en-US', formatOptions)\n      },\n      [applyRounding, formatOptions, precision],\n    )\n\n    // Memoize value processing\n    const processedValue = React.useMemo((): string => {\n      // Xử lý giá trị number\n      if (typeof value === 'number') {\n        if (isNaN(value) || !isFinite(value)) {\n          return 'N/A'\n        }\n        return formatNumber(value)\n      }\n\n      // Xử lý giá trị string\n      if (typeof value === 'string') {\n        const trimmedValue = value.trim()\n\n        // Nếu là chuỗi rỗng\n        if (!trimmedValue) {\n          return 'N/A'\n        }\n\n        // Thử convert sang number\n        const numValue = Number(trimmedValue)\n\n        if (isNaN(numValue) || !isFinite(numValue)) {\n          // Nếu không phải số, trả về string gốc\n          return 'N/A'\n        }\n\n        return formatNumber(numValue)\n      }\n\n      return 'N/A'\n    }, [value, formatNumber])\n\n    // Memoize separator replacement\n    const finalFormattedValue = React.useMemo((): string => {\n      // Chỉ thay thế separators nếu khác mặc định\n      if (decimalSeparator === '.' && groupSeparator === ',') {\n        return processedValue\n      }\n      return processedValue.replace(/,/g, groupSeparator).replace(/\\./g, decimalSeparator)\n    }, [processedValue, decimalSeparator, groupSeparator])\n\n    return (\n      <Flex\n        padding=\"none\"\n        className={cn(\n          'text-secondary-foreground font-number text-lg',\n          size === 'xs' && 'text-xs',\n          size === 'sm' && 'text-sm',\n          size === 'md' && 'text-base',\n          size === 'lg' && 'text-lg',\n          size === 'xl' && 'text-xl',\n        )}\n      >\n        {Prefix}\n        <p>{finalFormattedValue}</p>\n        {Suffix}\n      </Flex>\n    )\n  },\n)\nStatistic.displayName = 'Statistic'\n"],"mappings":"4JAiBA,MAAa,EAAY,EAAM,MAC5B,CACC,mBAAmB,IACnB,iBAAiB,IACjB,OAAQ,EACR,OAAQ,EACR,YACA,eAAe,QACf,oBAAoB,GACpB,OAAO,KACP,WACW,CAEX,IAAM,EAAgB,EAAM,aACzB,EAAa,IAAmC,CAC/C,IAAM,EAAa,KAAK,IAAI,GAAI,GAEhC,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,KAAK,MAAM,EAAM,GAAc,EACxC,IAAK,OACH,OAAO,KAAK,KAAK,EAAM,GAAc,EACvC,IAAK,QACL,QACE,OAAO,KAAK,MAAM,EAAM,GAAc,IAG5C,CAAC,IAIG,EAAgB,EAAM,YAAwC,CAClE,IAAMA,EAAoC,GAW1C,OATI,OAAO,GAAc,UAAY,GAAa,IAC5C,IACF,EAAQ,sBAAwB,GAGhC,EAAQ,sBAAwB,GAI7B,GACN,CAAC,EAAW,IAET,EAAe,EAAM,YACxB,GAAwB,CACvB,IAAI,EAAe,EAOnB,OAJI,OAAO,GAAc,UAAY,GAAa,IAChD,EAAe,EAAc,EAAK,IAG7B,EAAa,eAAe,QAAS,IAE9C,CAAC,EAAe,EAAe,IAI3B,EAAiB,EAAM,YAAsB,CAEjD,GAAI,OAAO,GAAU,SAInB,OAHI,MAAM,IAAU,CAAC,SAAS,GACrB,MAEF,EAAa,GAItB,GAAI,OAAO,GAAU,SAAU,CAC7B,IAAM,EAAe,EAAM,OAG3B,GAAI,CAAC,EACH,MAAO,MAIT,IAAM,EAAW,OAAO,GAOxB,OALI,MAAM,IAAa,CAAC,SAAS,GAExB,MAGF,EAAa,GAGtB,MAAO,OACN,CAAC,EAAO,IAGL,EAAsB,EAAM,YAE5B,IAAqB,KAAO,IAAmB,IAC1C,EAEF,EAAe,QAAQ,KAAM,GAAgB,QAAQ,MAAO,GAClE,CAAC,EAAgB,EAAkB,IAEtC,OACE,EAAC,EAAA,CACC,QAAQ,OACR,UAAW,EACT,gDACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,qBAGlB,EACD,EAAC,IAAA,CAAA,SAAG,IACH,OAKT,EAAU,YAAc"}
+{"version":3,"file":"statistic.js","names":["options: Intl.NumberFormatOptions"],"sources":["../../packages/components/data-display/statistic.tsx"],"sourcesContent":["import React from 'react'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Flex } from '../layouts/flex'\n\ntype Props = {\n  decimalSeparator?: string\n  groupSeparator?: string\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  precision?: number // Số chữ số thập phân\n  roundingMode?: 'round' | 'floor' | 'ceil' // Kiểu làm tròn\n  showTrailingZeros?: boolean // Hiển thị số 0 cuối\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' // Kích thước của component\n  value: number | string\n}\nexport const Statistic = React.memo(\n  ({\n    decimalSeparator = '.',\n    groupSeparator = ',',\n    prefix: Prefix,\n    suffix: Suffix,\n    precision,\n    roundingMode = 'round',\n    showTrailingZeros = false,\n    size = 'lg',\n    value,\n  }: Props) => {\n    // Memoize rounding function\n    const applyRounding = React.useCallback(\n      (num: number, precisionValue: number): number => {\n        const multiplier = Math.pow(10, precisionValue)\n\n        switch (roundingMode) {\n          case 'floor':\n            return Math.floor(num * multiplier) / multiplier\n          case 'ceil':\n            return Math.ceil(num * multiplier) / multiplier\n          case 'round':\n          default:\n            return Math.round(num * multiplier) / multiplier\n        }\n      },\n      [roundingMode],\n    )\n\n    // Memoize number formatting options\n    const formatOptions = React.useMemo((): Intl.NumberFormatOptions => {\n      const options: Intl.NumberFormatOptions = {}\n\n      if (typeof precision === 'number' && precision >= 0) {\n        if (showTrailingZeros) {\n          options.minimumFractionDigits = precision\n          options.maximumFractionDigits = precision\n        } else {\n          options.maximumFractionDigits = precision\n        }\n      }\n\n      return options\n    }, [precision, showTrailingZeros])\n\n    const formatNumber = React.useCallback(\n      (num: number): string => {\n        let processedNum = num\n\n        // Áp dụng làm tròn nếu có precision\n        if (typeof precision === 'number' && precision >= 0) {\n          processedNum = applyRounding(num, precision)\n        }\n\n        return processedNum.toLocaleString('en-US', formatOptions)\n      },\n      [applyRounding, formatOptions, precision],\n    )\n\n    // Memoize value processing\n    const processedValue = React.useMemo((): string => {\n      // Xử lý giá trị number\n      if (typeof value === 'number') {\n        if (isNaN(value) || !isFinite(value)) {\n          return 'N/A'\n        }\n        return formatNumber(value)\n      }\n\n      // Xử lý giá trị string\n      if (typeof value === 'string') {\n        const trimmedValue = value.trim()\n\n        // Nếu là chuỗi rỗng\n        if (!trimmedValue) {\n          return 'N/A'\n        }\n\n        // Thử convert sang number\n        const numValue = Number(trimmedValue)\n\n        if (isNaN(numValue) || !isFinite(numValue)) {\n          // Nếu không phải số, trả về string gốc\n          return 'N/A'\n        }\n\n        return formatNumber(numValue)\n      }\n\n      return 'N/A'\n    }, [value, formatNumber])\n\n    // Memoize separator replacement\n    const finalFormattedValue = React.useMemo((): string => {\n      // Chỉ thay thế separators nếu khác mặc định\n      if (decimalSeparator === '.' && groupSeparator === ',') {\n        return processedValue\n      }\n      return processedValue.replace(/,/g, groupSeparator).replace(/\\./g, decimalSeparator)\n    }, [processedValue, decimalSeparator, groupSeparator])\n\n    return (\n      <Flex\n        padding=\"none\"\n        className={cn(\n          'text-secondary-foreground font-number text-lg',\n          size === 'xs' && 'text-xs',\n          size === 'sm' && 'text-sm',\n          size === 'md' && 'text-base',\n          size === 'lg' && 'text-lg',\n          size === 'xl' && 'text-xl',\n        )}\n      >\n        {Prefix}\n        <p>{finalFormattedValue}</p>\n        {Suffix}\n      </Flex>\n    )\n  },\n)\nStatistic.displayName = 'Statistic'\n"],"mappings":"sKAiBA,MAAa,EAAY,EAAM,MAC5B,CACC,mBAAmB,IACnB,iBAAiB,IACjB,OAAQ,EACR,OAAQ,EACR,YACA,eAAe,QACf,oBAAoB,GACpB,OAAO,KACP,WACW,CAEX,IAAM,EAAgB,EAAM,aACzB,EAAa,IAAmC,CAC/C,IAAM,EAAa,KAAK,IAAI,GAAI,GAEhC,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,KAAK,MAAM,EAAM,GAAc,EACxC,IAAK,OACH,OAAO,KAAK,KAAK,EAAM,GAAc,EACvC,IAAK,QACL,QACE,OAAO,KAAK,MAAM,EAAM,GAAc,IAG5C,CAAC,IAIG,EAAgB,EAAM,YAAwC,CAClE,IAAMA,EAAoC,GAW1C,OATI,OAAO,GAAc,UAAY,GAAa,IAC5C,IACF,EAAQ,sBAAwB,GAGhC,EAAQ,sBAAwB,GAI7B,GACN,CAAC,EAAW,IAET,EAAe,EAAM,YACxB,GAAwB,CACvB,IAAI,EAAe,EAOnB,OAJI,OAAO,GAAc,UAAY,GAAa,IAChD,EAAe,EAAc,EAAK,IAG7B,EAAa,eAAe,QAAS,IAE9C,CAAC,EAAe,EAAe,IAI3B,EAAiB,EAAM,YAAsB,CAEjD,GAAI,OAAO,GAAU,SAInB,OAHI,MAAM,IAAU,CAAC,SAAS,GACrB,MAEF,EAAa,GAItB,GAAI,OAAO,GAAU,SAAU,CAC7B,IAAM,EAAe,EAAM,OAG3B,GAAI,CAAC,EACH,MAAO,MAIT,IAAM,EAAW,OAAO,GAOxB,OALI,MAAM,IAAa,CAAC,SAAS,GAExB,MAGF,EAAa,GAGtB,MAAO,OACN,CAAC,EAAO,IAGL,EAAsB,EAAM,YAE5B,IAAqB,KAAO,IAAmB,IAC1C,EAEF,EAAe,QAAQ,KAAM,GAAgB,QAAQ,MAAO,GAClE,CAAC,EAAgB,EAAkB,IAEtC,OACE,EAAC,EAAA,CACC,QAAQ,OACR,UAAW,EACT,gDACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,qBAGlB,EACD,EAAC,IAAA,CAAA,SAAG,IACH,OAKT,EAAU,YAAc"}

package/dist/date-C0z2FXYp.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`@customafk/react-toolkit/date-fns`)),a={weekdays:[`Chủ Nhật`,`Thứ Hai`,`Thứ Ba`,`Thứ Tư`,`Thứ Năm`,`Thứ Sáu`,`Thứ Bảy`],weekdaysShort:[`CN`,`T2`,`T3`,`T4`,`T5`,`T6`,`T7`],months:[`Tháng 1`,`Tháng 2`,`Tháng 3`,`Tháng 4`,`Tháng 5`,`Tháng 6`,`Tháng 7`,`Tháng 8`,`Tháng 9`,`Tháng 10`,`Tháng 11`,`Tháng 12`],monthsShort:[`T1`,`T2`,`T3`,`T4`,`T5`,`T6`,`T7`,`T8`,`T9`,`T10`,`T11`,`T12`]},o={"01-01":`Tết Dương lịch`,"03-08":`Quốc tế Phụ nữ`,"04-30":`Ngày Giải phóng miền Nam`,"05-01":`Quốc tế Lao động`,"09-02":`Quốc khánh`,"10-20":`Ngày Phụ nữ Việt Nam`,"11-20":`Ngày Nhà giáo Việt Nam`},s=Object.freeze({SECOND:1e3,MINUTE:60*1e3,HOUR:3600*1e3,DAY:1440*60*1e3,WEEK:10080*60*1e3,MONTH:720*60*60*1e3,YEAR:365*24*60*60*1e3}),c=Object.freeze({MINUTE:60,HOUR:3600,DAY:1440*60,WEEK:10080*60,MONTH:720*60*60,YEAR:365*24*60*60}),l=Object.freeze({HOUR:60,DAY:1440,WEEK:10080,MONTH:720*60}),u=({date:e,format:s=`medium`,showHoliday:l=!1,showTime:u=!1,className:d=``,title:f})=>{let p=t.default.useMemo(()=>{try{if(e instanceof Date)return(0,i.isValid)(e)?e:null;if(typeof e==`string`){let t=(0,i.parseISO)(e);return(0,i.isValid)(t)?t:new Date(e)}if(typeof e==`number`){let t=new Date(e);return(0,i.isValid)(t)?t:null}return null}catch{return null}},[e]),m=t.default.useCallback(e=>{let t=new Date,n=Math.floor((t.getTime()-e.getTime())/1e3);return n<60?`Vừa xong`:n<3600?`${Math.floor(n/c.MINUTE)} phút trước`:n<86400?`${Math.floor(n/c.HOUR)} giờ trước`:n<604800?`${Math.floor(n/c.DAY)} ngày trước`:n<2592e3?`${Math.floor(n/c.WEEK)} tuần trước`:n<31536e3?`${Math.floor(n/c.MONTH)} tháng trước`:`${Math.floor(n/c.YEAR)} năm trước`},[]),h=t.default.useCallback((e,t=!1)=>{let n=e.getDay();return t?a.weekdaysShort[n]:a.weekdays[n]},[]),g=t.default.useCallback((e,t=!1)=>{let n=e.getMonth();return t?a.monthsShort[n]:a.months[n]},[]),_=t.default.useCallback(e=>{let t=(0,i.format)(e,`MM-dd`);return o[t]||null},[]),v=t.default.useCallback(e=>{if((0,i.isToday)(e))return u?`Hôm nay ${(0,i.format)(e,`HH:mm`)}`:`Hôm nay`;if((0,i.isYesterday)(e))return u?`Hôm qua ${(0,i.format)(e,`HH:mm`)}`:`Hôm qua`;if((0,i.isTomorrow)(e))return u?`Ngày mai ${(0,i.format)(e,`HH:mm`)}`:`Ngày mai`;if((0,i.isThisWeek)(e)){let t=h(e);return u?`${t} ${(0,i.format)(e,`HH:mm`)}`:t}if((0,i.isThisMonth)(e)){let t=(0,i.format)(e,`d`);return u?`${t}/${(0,i.format)(e,`M`)} ${(0,i.format)(e,`HH:mm`)}`:`${t}/${(0,i.format)(e,`M`)}`}return(0,i.isThisYear)(e)?u?(0,i.format)(e,`d/M HH:mm`):(0,i.format)(e,`d/M`):u?(0,i.format)(e,`d/M/yyyy HH:mm`):(0,i.format)(e,`d/M/yyyy`)},[h,u]),y=t.default.useCallback((e,t)=>{let n=u?(0,i.format)(e,`, HH:mm`):``;switch(t){case`short`:return(0,i.format)(e,`d/M/yy`)+n;case`medium`:return(0,i.format)(e,`dd/MM/yyyy`)+n;case`long`:return`${(0,i.format)(e,`d`)} ${g(e)} ${(0,i.format)(e,`yyyy`)}`+n;case`full`:{let t=`${h(e)}, ngày ${(0,i.format)(e,`d`)} ${g(e)} năm ${(0,i.format)(e,`yyyy`)}`;return t+n}case`relative`:return m(e);case`datetime`:return(0,i.format)(e,`d/M/yyyy HH:mm`);case`time`:return(0,i.format)(e,`HH:mm`);case`smart`:return v(e);default:return(0,i.format)(e,`d/M/yyyy`)+n}},[v,g,h,m,u]);if(!p)return(0,r.jsx)(`span`,{className:(0,n.cn)(`text-muted-foreground text-sm`,d),children:`--/--/----`});let b=y(p,s),x=l?_(p):null,S=x?`${b} (${x})`:b,C=f||(0,i.format)(p,`EEEE, d MMMM yyyy HH:mm:ss`);return(0,r.jsx)(`time`,{dateTime:p.toISOString(),className:(0,n.cn)(`text-accent-foreground font-number text-sm`,d),title:C,children:S})};Object.defineProperty(exports,`DateDisplay`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=date-C0z2FXYp.cjs.map