@customafk/lunas-ui 0.0.8 → 0.0.9

package/dist/{command-CycGGWOh.d.ts → command-DXhsKiMq.d.ts}

@@ -1,13 +1,13 @@
-import { Dialog } from "./dialog-B13T--98.js";
+import { Dialog } from "./dialog-Dlozd6qY.js";
 import React from "react";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime134 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_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime134.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -20,33 +20,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime92.JSX.Element;
+}): react_jsx_runtime134.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime134.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime134.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime134.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime134.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime134.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime134.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime92.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime134.JSX.Element;
 //#endregion
-export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+//# sourceMappingURL=command-DXhsKiMq.d.ts.map

package/dist/{command-Ir_Vqgds.js → command-DieInaEN.js}

@@ -1 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import{Dialog as t,DialogContent as n,DialogDescription as r,DialogHeader as i,DialogTitle as a}from"./dialog-BLDh3Gqw.js";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{SearchIcon as l}from"lucide-react";import{Command as u}from"cmdk";function d({className:t,...n}){return s(u,{"data-slot":`command`,className:e(`bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md`,t),...n})}function f({title:o=`Command Palette`,description:l=`Search for a command to run...`,children:u,className:f,showCloseButton:p=!0,...m}){return c(t,{...m,children:[c(i,{className:`sr-only`,children:[s(a,{children:o}),s(r,{children:l})]}),s(n,{className:e(`overflow-hidden p-0`,f),showCloseButton:p,children:s(d,{className:e(`[&_[cmdk-group-heading]]:text-muted-foreground`,`**: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:u})})]})}function p({className:t,...n}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b px-3`,children:[s(l,{className:`size-4 shrink-0 opacity-50`}),s(u.Input,{"data-slot":`command-input`,className:e(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,t),...n})]})}function m({className:t,...n}){return s(u.List,{"data-slot":`command-list`,className:e(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,t),...n})}function h({...e}){return s(u.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function g({className:t,...n}){return s(u.Group,{"data-slot":`command-group`,className:e(`text-foreground`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-muted-foreground`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,t),...n})}function _({className:t,...n}){return s(u.Separator,{"data-slot":`command-separator`,className:e(`bg-border -mx-1 h-px`,t),...n})}function v({className:t,...n}){return s(u.Item,{"data-slot":`command-item`,className:e(`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-accent`,`data-[selected=true]:text-accent-foreground`,`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-muted-foreground`,t),...n})}function y({className:t,...n}){return s(`span`,{"data-slot":`command-shortcut`,className:e(`text-muted-foreground ml-auto text-xs tracking-widest`,t),...n})}export{d as Command,f as CommandDialog,h as CommandEmpty,g as CommandGroup,p as CommandInput,v as CommandItem,m as CommandList,_ as CommandSeparator,y as CommandShortcut};
+import{cn as e}from"./utils-D9AH0PUV.js";import{Dialog as t,DialogContent as n,DialogDescription as r,DialogHeader as i,DialogTitle as a}from"./dialog-C4hf-Puw.js";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{SearchIcon as l}from"lucide-react";import{Command as u}from"cmdk";function d({className:t,...n}){return s(u,{"data-slot":`command`,className:e(`bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md`,t),...n})}function f({title:o=`Command Palette`,description:l=`Search for a command to run...`,children:u,className:f,showCloseButton:p=!0,...m}){return c(t,{...m,children:[c(i,{className:`sr-only`,children:[s(a,{children:o}),s(r,{children:l})]}),s(n,{className:e(`overflow-hidden p-0`,f),showCloseButton:p,children:s(d,{className:e(`[&_[cmdk-group-heading]]:text-muted-foreground`,`**: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:u})})]})}function p({className:t,...n}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b px-3`,children:[s(l,{className:`size-4 shrink-0 opacity-50`}),s(u.Input,{"data-slot":`command-input`,className:e(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,t),...n})]})}function m({className:t,...n}){return s(u.List,{"data-slot":`command-list`,className:e(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,t),...n})}function h({...e}){return s(u.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function g({className:t,...n}){return s(u.Group,{"data-slot":`command-group`,className:e(`text-foreground`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-muted-foreground`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,t),...n})}function _({className:t,...n}){return s(u.Separator,{"data-slot":`command-separator`,className:e(`bg-border -mx-1 h-px`,t),...n})}function v({className:t,...n}){return s(u.Item,{"data-slot":`command-item`,className:e(`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-accent`,`data-[selected=true]:text-accent-foreground`,`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-muted-foreground`,t),...n})}function y({className:t,...n}){return s(`span`,{"data-slot":`command-shortcut`,className:e(`text-muted-foreground ml-auto text-xs tracking-widest`,t),...n})}export{d as Command,f as CommandDialog,h as CommandEmpty,g as CommandGroup,p as CommandInput,v as CommandItem,m as CommandList,_ as CommandSeparator,y as CommandShortcut};
+//# sourceMappingURL=command-DieInaEN.js.map

package/dist/command-DieInaEN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-DieInaEN.js","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\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\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className={cn(\n            \"[&_[cmdk-group-heading]]:text-muted-foreground\",\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({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\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-muted-foreground\",\n          \"disabled:cursor-not-allowed\",\n          \"disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground\",\n        \"overflow-hidden p-1\",\n        \"[&_[cmdk-group-heading]]:text-muted-foreground\",\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({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: 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-accent\",\n        \"data-[selected=true]:text-accent-foreground\",\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-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"mappings":"oTAcA,SAASA,EAAQ,CACf,YACA,GAAG,GAC6C,CAChD,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EACT,wFACA,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,IACd,EAAC,EAAA,CAAA,SAAmB,OAEtB,EAAC,EAAA,CACC,UAAW,EAAG,sBAAuB,GACpB,2BAEjB,EAACD,EAAAA,CACC,UAAW,EACT,iDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAC,MAAA,CACC,YAAU,wBACV,UAAU,sDAEV,EAAC,EAAA,CAAW,UAAU,+BACtB,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,oCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,yDACA,GAEF,GAAI,IAKV,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAU,2BACV,GAAI,IAKV,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,kBACA,sBACA,iDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAACA,EAAiB,UAAA,CAChB,YAAU,oBACV,UAAW,EAAG,uBAAwB,GACtC,GAAI,IAKV,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,iCACA,8CACA,kCACA,2CACA,mBACA,8BACA,uCACA,sDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CACvB,YACA,GAAG,GAC4B,CAC/B,OACE,EAAC,OAAA,CACC,YAAU,mBACV,UAAW,EACT,wDACA,GAEF,GAAI"}

package/dist/data-display/country.cjs

@@ -1 +1,2 @@
-const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../types-CrbWxjnp.cjs`),n=require(`../flex-yTyoLpgH.cjs`),r=require(`../paragraph-DWQ0PZt_.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(()=>({[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,a.jsxs)(n.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===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,a.jsx)(n.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-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../types-CrbWxjnp.cjs`),n=require(`../flex-yTyoLpgH.cjs`),r=require(`../paragraph-DWQ0PZt_.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(()=>({[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,a.jsxs)(n.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===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,a.jsx)(n.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;
+//# sourceMappingURL=country.cjs.map

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

@@ -0,0 +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>> = ({\n  country,\n}) => {\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\n        svg\n        countryCode={country ? code[country] : \"VN\"}\n        className=\"emojiFlag border\"\n      />\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,CACvE,aACI,CACJ,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,CACC,IAAA,GACA,YAAa,EAAU,EAAK,GAAW,KACvC,UAAU,sBAEZ,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,kBAxBpC,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.cts

@@ -7,4 +7,5 @@ type Props = {
 };
 declare const CountryDisplay: React.FC<React.PropsWithChildren<Props>>;
 //#endregion
-export { CountryDisplay };
+export { CountryDisplay };
+//# sourceMappingURL=country.d.cts.map

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

@@ -7,4 +7,5 @@ type Props = {
 };
 declare const CountryDisplay: React.FC<React.PropsWithChildren<Props>>;
 //#endregion
-export { CountryDisplay };
+export { CountryDisplay };
+//# sourceMappingURL=country.d.ts.map

package/dist/data-display/country.js

@@ -1 +1,2 @@
-import"../utils-D9AH0PUV.js";import{ECountry as e}from"../types-DaIHddx7.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import{Paragraph as n}from"../paragraph-Bey03JkA.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(()=>({[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?a(t,{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===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`]})]}):i(t,{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"../utils-D9AH0PUV.js";import{ECountry as e}from"../types-DaIHddx7.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import{Paragraph as n}from"../paragraph-Bey03JkA.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(()=>({[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?a(t,{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===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`]})]}):i(t,{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};
+//# sourceMappingURL=country.js.map

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

@@ -0,0 +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>> = ({\n  country,\n}) => {\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\n        svg\n        countryCode={country ? code[country] : \"VN\"}\n        className=\"emojiFlag border\"\n      />\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,CACvE,aACI,CACJ,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,CACC,IAAA,GACA,YAAa,EAAU,EAAK,GAAW,KACvC,UAAU,qBAEZ,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,iBAxBpC,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,oBAC7B,EAAC,EAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.cjs","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","Flex","DataListItem: React.FC<\n  React.PropsWithChildren<DataListItemProps>\n>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"../layouts/flex\";\n\ntype DataListProps = {\n  title?: string;\n};\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({\n  children,\n}) => {\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<\n  React.PropsWithChildren<DataListItemProps>\n> = ({ label, value, minLabelWidth = \"120px\" }) => {\n  return (\n    <Flex align=\"center\" justify=\"start\" width=\"full\" padding=\"none\" gap=\"md\">\n      <div\n        style={{ minWidth: minLabelWidth }}\n        className=\"text-muted-foreground text-sm\"\n      >\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  );\n};\n"],"mappings":"0LAOaA,GAA8D,CACzE,eAGE,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,aAWMC,GAER,CAAE,QAAO,QAAO,gBAAgB,YAEjC,EAAA,EAAA,MAACD,EAAAA,KAAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,gBACnE,EAAA,EAAA,KAAC,MAAA,CACC,MAAO,CAAE,SAAU,GACnB,UAAU,yCAET,KAEH,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CAAqC"}

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

@@ -12,4 +12,5 @@ type DataListItemProps = {
 };
 declare const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>;
 //#endregion
-export { DataList, DataListItem };
+export { DataList, DataListItem };
+//# sourceMappingURL=data-list.d.cts.map

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

@@ -12,4 +12,5 @@ type DataListItemProps = {
 };
 declare const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>;
 //#endregion
-export { DataList, DataListItem };
+export { DataList, DataListItem };
+//# sourceMappingURL=data-list.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.js","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","DataListItem: React.FC<\n  React.PropsWithChildren<DataListItemProps>\n>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"../layouts/flex\";\n\ntype DataListProps = {\n  title?: string;\n};\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({\n  children,\n}) => {\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<\n  React.PropsWithChildren<DataListItemProps>\n> = ({ label, value, minLabelWidth = \"120px\" }) => {\n  return (\n    <Flex align=\"center\" justify=\"start\" width=\"full\" padding=\"none\" gap=\"md\">\n      <div\n        style={{ minWidth: minLabelWidth }}\n        className=\"text-muted-foreground text-sm\"\n      >\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  );\n};\n"],"mappings":"+IAOA,MAAaA,GAA8D,CACzE,cAGE,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,aAWMC,GAER,CAAE,QAAO,QAAO,gBAAgB,WAEjC,EAAC,EAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,eACnE,EAAC,MAAA,CACC,MAAO,CAAE,SAAU,GACnB,UAAU,yCAET,IAEH,EAAC,MAAA,CAAI,UAAU,6CAAqC"}

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

@@ -11,4 +11,5 @@ interface Props {
 }
 declare const DateDisplay: React.FC<Props>;
 //#endregion
-export { DateDisplay };
+export { DateDisplay };
+//# sourceMappingURL=date.d.cts.map

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

@@ -11,4 +11,5 @@ interface Props {
 }
 declare const DateDisplay: React.FC<Props>;
 //#endregion
-export { DateDisplay };
+export { DateDisplay };
+//# sourceMappingURL=date.d.ts.map

package/dist/data-display/empty.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../flex-yTyoLpgH.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:`size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1,className:`text-muted-foreground`}),(0,n.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
+"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../flex-yTyoLpgH.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:`size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1,className:`text-muted-foreground`}),(0,n.jsx)(`p`,{className:`text-muted-foreground 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

@@ -0,0 +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\n      vertical\n      justify=\"center\"\n      align=\"center\"\n      gap=\"sm\"\n      className=\"size-full\"\n    >\n      <PackageOpenIcon\n        size={52}\n        strokeWidth={1}\n        className=\"text-muted-foreground\"\n      />\n      <p className=\"text-muted-foreground text-sm\">\n        Không có dữ liệu nào để hiển thị.\n      </p>\n    </Flex>\n  );\n};\n"],"mappings":"8MAKa,OAET,EAAA,EAAA,MAACA,EAAAA,KAAAA,CACC,SAAA,GACA,QAAQ,SACR,MAAM,SACN,IAAI,KACJ,UAAU,uBAEV,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CACC,KAAM,GACN,YAAa,EACb,UAAU,2BAEZ,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAgC"}

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

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

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

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

package/dist/data-display/empty.js

@@ -1 +1,2 @@
-"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-ILvQrYMJ.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:`size-full`,children:[t(r,{size:52,strokeWidth:1,className:`text-muted-foreground`}),t(`p`,{className:`text-muted-foreground text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
+"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-ILvQrYMJ.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:`size-full`,children:[t(r,{size:52,strokeWidth:1,className:`text-muted-foreground`}),t(`p`,{className:`text-muted-foreground 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

@@ -0,0 +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\n      vertical\n      justify=\"center\"\n      align=\"center\"\n      gap=\"sm\"\n      className=\"size-full\"\n    >\n      <PackageOpenIcon\n        size={52}\n        strokeWidth={1}\n        className=\"text-muted-foreground\"\n      />\n      <p className=\"text-muted-foreground text-sm\">\n        Không có dữ liệu nào để hiển thị.\n      </p>\n    </Flex>\n  );\n};\n"],"mappings":"sLAKA,MAAa,MAET,EAAC,EAAA,CACC,SAAA,GACA,QAAQ,SACR,MAAM,SACN,IAAI,KACJ,UAAU,sBAEV,EAAC,EAAA,CACC,KAAM,GACN,YAAa,EACb,UAAU,0BAEZ,EAAC,IAAA,CAAE,UAAU,yCAAgC"}

package/dist/data-display/name.cjs

@@ -1 +1,2 @@
-const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../paragraph-DWQ0PZt_.cjs`),n=require(`../tooltip-MgToVOzy.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 cursor-help`,children:e})}),(0,i.jsx)(n.TooltipContent,{className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=a;
+const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../paragraph-DWQ0PZt_.cjs`),n=require(`../tooltip-MgToVOzy.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 cursor-help`,children:e})}),(0,i.jsx)(n.TooltipContent,{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

@@ -0,0 +1 @@
+{"version":3,"file":"name.cjs","names":["NameDisplay: React.FC<\n  React.PropsWithChildren<NameDisplayProps>\n>","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<\n  React.PropsWithChildren<NameDisplayProps>\n> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 cursor-help\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"mappings":"oOASaA,GAER,CAAE,WAEH,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,oCAC/B,OAGL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,6DACvB"}

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

@@ -6,4 +6,5 @@ type NameDisplayProps = {
 };
 declare const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>;
 //#endregion
-export { NameDisplay };
+export { NameDisplay };
+//# sourceMappingURL=name.d.cts.map

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

@@ -6,4 +6,5 @@ type NameDisplayProps = {
 };
 declare const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>;
 //#endregion
-export { NameDisplay };
+export { NameDisplay };
+//# sourceMappingURL=name.d.ts.map

package/dist/data-display/name.js

@@ -1 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Paragraph as e}from"../paragraph-Bey03JkA.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-Dzyf5smh.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 cursor-help`,children:i})}),a(n,{className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:i})]});export{s as NameDisplay};
+import"../utils-D9AH0PUV.js";import{Paragraph as e}from"../paragraph-Bey03JkA.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-Dzyf5smh.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 cursor-help`,children:i})}),a(n,{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

@@ -0,0 +1 @@
+{"version":3,"file":"name.js","names":["NameDisplay: React.FC<\n  React.PropsWithChildren<NameDisplayProps>\n>"],"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<\n  React.PropsWithChildren<NameDisplayProps>\n> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 cursor-help\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"mappings":"kPASA,MAAaA,GAER,CAAE,UAEH,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,oCAC/B,MAGL,EAAC,EAAA,CAAe,UAAU,6DACvB"}

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

@@ -1 +1,2 @@
-const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../tooltip-MgToVOzy.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,{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-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../tooltip-MgToVOzy.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,{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

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number.cjs","names":["PhoneNumberDisplay: React.FC<\n  React.PropsWithChildren<{ value: string }>\n>","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<\n  React.PropsWithChildren<{ value: string }>\n> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p className=\"font-number text-secondary-foreground text-sm\">\n          {value.replace(/(\\d{3})(\\d{3})(\\d{4})/, \"($1) $2-$3\")}\n        </p>\n      </TooltipTrigger>\n      <TooltipContent>\n        <p>\n          {value\n            .slice(1)\n            .replace(/(\\d{2})(\\d{3})(\\d{4})/, \"(00) (+84) ($1) $2-$3\")}\n        </p>\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"mappings":"+JAEaA,GAER,CAAE,YAEH,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yDACV,EAAM,QAAQ,wBAAyB,mBAG5C,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,IAAA,CAAA,SACE,EACE,MAAM,GACN,QAAQ,wBAAyB"}

package/dist/data-display/phone-number.d.cts

@@ -3,4 +3,5 @@ declare const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{
   value: string;
 }>>;
 //#endregion
-export { PhoneNumberDisplay };
+export { PhoneNumberDisplay };
+//# sourceMappingURL=phone-number.d.cts.map

package/dist/data-display/phone-number.d.ts

@@ -3,4 +3,5 @@ declare const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{
   value: string;
 }>>;
 //#endregion
-export { PhoneNumberDisplay };
+export { PhoneNumberDisplay };
+//# sourceMappingURL=phone-number.d.ts.map

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

@@ -1 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-Dzyf5smh.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,{children:r(`p`,{children:a.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});export{a as PhoneNumberDisplay};
+import"../utils-D9AH0PUV.js";import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-Dzyf5smh.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,{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

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

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

@@ -1 +1,2 @@
-const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../types-CrbWxjnp.cjs`),n=require(`../badge-DfSj5nwV.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-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../types-CrbWxjnp.cjs`),n=require(`../badge-DfSj5nwV.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

@@ -0,0 +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>> = ({\n  status,\n}) => {\n  const colors = React.useMemo<\n    Record<ERole, React.ComponentProps<typeof Badge>[\"color\"]>\n  >(() => {\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,CAClE,YACI,CACJ,IAAM,EAASC,EAAAA,QAAM,aAGZ,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.cts

@@ -7,4 +7,5 @@ type Props = {
 };
 declare const RoleBadge: React.FC<React.PropsWithChildren<Props>>;
 //#endregion
-export { RoleBadge };
+export { RoleBadge };
+//# sourceMappingURL=role-badge.d.cts.map

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

@@ -7,4 +7,5 @@ type Props = {
 };
 declare const RoleBadge: React.FC<React.PropsWithChildren<Props>>;
 //#endregion
-export { RoleBadge };
+export { RoleBadge };
+//# sourceMappingURL=role-badge.d.ts.map

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

@@ -1 +1,2 @@
-import"../utils-D9AH0PUV.js";import{ERole as e}from"../types-DaIHddx7.js";import{Badge as t}from"../badge-D_qEoSL8.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"../utils-D9AH0PUV.js";import{ERole as e}from"../types-DaIHddx7.js";import{Badge as t}from"../badge-D_qEoSL8.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

@@ -0,0 +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>> = ({\n  status,\n}) => {\n  const colors = React.useMemo<\n    Record<ERole, React.ComponentProps<typeof Badge>[\"color\"]>\n  >(() => {\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,CAClE,YACI,CACJ,IAAM,EAAS,EAAM,aAGZ,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 +1,2 @@
-const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`),n=require(`../flex-yTyoLpgH.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-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`),n=require(`../flex-yTyoLpgH.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;
+//# sourceMappingURL=statistic.cjs.map

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

@@ -0,0 +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\n        .replace(/,/g, groupSeparator)\n        .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,EACJ,QAAQ,KAAM,GACd,QAAQ,MAAO,GACjB,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"}

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

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

package/dist/data-display/statistic.js

@@ -1 +1,2 @@
-import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-ILvQrYMJ.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{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-ILvQrYMJ.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};
+//# sourceMappingURL=statistic.js.map

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

@@ -0,0 +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\n        .replace(/,/g, groupSeparator)\n        .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,EACJ,QAAQ,KAAM,GACd,QAAQ,MAAO,GACjB,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-BMq_DNsv.js

@@ -1 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{format as r,isThisMonth as i,isThisWeek as a,isThisYear as o,isToday as s,isTomorrow as c,isValid as l,isYesterday as u,parseISO as d}from"date-fns";const f={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`]},p={"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`};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});const m=Object.freeze({MINUTE:60,HOUR:3600,DAY:1440*60,WEEK:10080*60,MONTH:720*60*60,YEAR:365*24*60*60});Object.freeze({HOUR:60,DAY:1440,WEEK:10080,MONTH:720*60});const h=({date:h,format:g=`medium`,showHoliday:_=!1,showTime:v=!1,className:y=``,title:b})=>{let x=t.useMemo(()=>{try{if(h instanceof Date)return l(h)?h:null;if(typeof h==`string`){let e=d(h);return l(e)?e:new Date(h)}if(typeof h==`number`){let e=new Date(h);return l(e)?e:null}return null}catch{return null}},[h]),S=t.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/m.MINUTE)} phút trước`:n<86400?`${Math.floor(n/m.HOUR)} giờ trước`:n<604800?`${Math.floor(n/m.DAY)} ngày trước`:n<2592e3?`${Math.floor(n/m.WEEK)} tuần trước`:n<31536e3?`${Math.floor(n/m.MONTH)} tháng trước`:`${Math.floor(n/m.YEAR)} năm trước`},[]),C=t.useCallback((e,t=!1)=>{let n=e.getDay();return t?f.weekdaysShort[n]:f.weekdays[n]},[]),w=t.useCallback((e,t=!1)=>{let n=e.getMonth();return t?f.monthsShort[n]:f.months[n]},[]),T=t.useCallback(e=>{let t=r(e,`MM-dd`);return p[t]||null},[]),E=t.useCallback(e=>{if(s(e))return v?`Hôm nay ${r(e,`HH:mm`)}`:`Hôm nay`;if(u(e))return v?`Hôm qua ${r(e,`HH:mm`)}`:`Hôm qua`;if(c(e))return v?`Ngày mai ${r(e,`HH:mm`)}`:`Ngày mai`;if(a(e)){let t=C(e);return v?`${t} ${r(e,`HH:mm`)}`:t}if(i(e)){let t=r(e,`d`);return v?`${t}/${r(e,`M`)} ${r(e,`HH:mm`)}`:`${t}/${r(e,`M`)}`}return o(e)?v?r(e,`d/M HH:mm`):r(e,`d/M`):v?r(e,`d/M/yyyy HH:mm`):r(e,`d/M/yyyy`)},[C,v]),D=t.useCallback((e,t)=>{let n=v?r(e,`, HH:mm`):``;switch(t){case`short`:return r(e,`d/M/yy`)+n;case`medium`:return r(e,`dd/MM/yyyy`)+n;case`long`:return`${r(e,`d`)} ${w(e)} ${r(e,`yyyy`)}`+n;case`full`:{let t=`${C(e)}, ngày ${r(e,`d`)} ${w(e)} năm ${r(e,`yyyy`)}`;return t+n}case`relative`:return S(e);case`datetime`:return r(e,`d/M/yyyy HH:mm`);case`time`:return r(e,`HH:mm`);case`smart`:return E(e);default:return r(e,`d/M/yyyy`)+n}},[E,w,C,S,v]);if(!x)return n(`span`,{className:e(`text-muted-foreground text-sm`,y),children:`--/--/----`});let O=D(x,g),k=_?T(x):null,A=k?`${O} (${k})`:O,j=b||r(x,`EEEE, d MMMM yyyy HH:mm:ss`);return n(`time`,{dateTime:x.toISOString(),className:e(`text-accent-foreground font-number text-sm`,y),title:j,children:A})};export{h as DateDisplay};
+import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{format as r,isThisMonth as i,isThisWeek as a,isThisYear as o,isToday as s,isTomorrow as c,isValid as l,isYesterday as u,parseISO as d}from"date-fns";const f={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`]},p={"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`};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});const m=Object.freeze({MINUTE:60,HOUR:3600,DAY:1440*60,WEEK:10080*60,MONTH:720*60*60,YEAR:365*24*60*60});Object.freeze({HOUR:60,DAY:1440,WEEK:10080,MONTH:720*60});const h=({date:h,format:g=`medium`,showHoliday:_=!1,showTime:v=!1,className:y=``,title:b})=>{let x=t.useMemo(()=>{try{if(h instanceof Date)return l(h)?h:null;if(typeof h==`string`){let e=d(h);return l(e)?e:new Date(h)}if(typeof h==`number`){let e=new Date(h);return l(e)?e:null}return null}catch{return null}},[h]),S=t.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/m.MINUTE)} phút trước`:n<86400?`${Math.floor(n/m.HOUR)} giờ trước`:n<604800?`${Math.floor(n/m.DAY)} ngày trước`:n<2592e3?`${Math.floor(n/m.WEEK)} tuần trước`:n<31536e3?`${Math.floor(n/m.MONTH)} tháng trước`:`${Math.floor(n/m.YEAR)} năm trước`},[]),C=t.useCallback((e,t=!1)=>{let n=e.getDay();return t?f.weekdaysShort[n]:f.weekdays[n]},[]),w=t.useCallback((e,t=!1)=>{let n=e.getMonth();return t?f.monthsShort[n]:f.months[n]},[]),T=t.useCallback(e=>{let t=r(e,`MM-dd`);return p[t]||null},[]),E=t.useCallback(e=>{if(s(e))return v?`Hôm nay ${r(e,`HH:mm`)}`:`Hôm nay`;if(u(e))return v?`Hôm qua ${r(e,`HH:mm`)}`:`Hôm qua`;if(c(e))return v?`Ngày mai ${r(e,`HH:mm`)}`:`Ngày mai`;if(a(e)){let t=C(e);return v?`${t} ${r(e,`HH:mm`)}`:t}if(i(e)){let t=r(e,`d`);return v?`${t}/${r(e,`M`)} ${r(e,`HH:mm`)}`:`${t}/${r(e,`M`)}`}return o(e)?v?r(e,`d/M HH:mm`):r(e,`d/M`):v?r(e,`d/M/yyyy HH:mm`):r(e,`d/M/yyyy`)},[C,v]),D=t.useCallback((e,t)=>{let n=v?r(e,`, HH:mm`):``;switch(t){case`short`:return r(e,`d/M/yy`)+n;case`medium`:return r(e,`dd/MM/yyyy`)+n;case`long`:return`${r(e,`d`)} ${w(e)} ${r(e,`yyyy`)}`+n;case`full`:{let t=`${C(e)}, ngày ${r(e,`d`)} ${w(e)} năm ${r(e,`yyyy`)}`;return t+n}case`relative`:return S(e);case`datetime`:return r(e,`d/M/yyyy HH:mm`);case`time`:return r(e,`HH:mm`);case`smart`:return E(e);default:return r(e,`d/M/yyyy`)+n}},[E,w,C,S,v]);if(!x)return n(`span`,{className:e(`text-muted-foreground text-sm`,y),children:`--/--/----`});let O=D(x,g),k=_?T(x):null,A=k?`${O} (${k})`:O,j=b||r(x,`EEEE, d MMMM yyyy HH:mm:ss`);return n(`time`,{dateTime:x.toISOString(),className:e(`text-accent-foreground font-number text-sm`,y),title:j,children:A})};export{h as DateDisplay};
+//# sourceMappingURL=date-BMq_DNsv.js.map

package/dist/date-BMq_DNsv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-BMq_DNsv.js","names":["DateDisplay: React.FC<Props>","date"],"sources":["../packages/constants.tsx","../packages/components/data-display/date.tsx"],"sourcesContent":["// Vietnamese locale configuration\nexport const vietnameseLocale = {\n  weekdays: [\n    \"Chủ Nhật\",\n    \"Thứ Hai\",\n    \"Thứ Ba\",\n    \"Thứ Tư\",\n    \"Thứ Năm\",\n    \"Thứ Sáu\",\n    \"Thứ Bảy\",\n  ],\n  weekdaysShort: [\"CN\", \"T2\", \"T3\", \"T4\", \"T5\", \"T6\", \"T7\"],\n  months: [\n    \"Tháng 1\",\n    \"Tháng 2\",\n    \"Tháng 3\",\n    \"Tháng 4\",\n    \"Tháng 5\",\n    \"Tháng 6\",\n    \"Tháng 7\",\n    \"Tháng 8\",\n    \"Tháng 9\",\n    \"Tháng 10\",\n    \"Tháng 11\",\n    \"Tháng 12\",\n  ],\n  monthsShort: [\n    \"T1\",\n    \"T2\",\n    \"T3\",\n    \"T4\",\n    \"T5\",\n    \"T6\",\n    \"T7\",\n    \"T8\",\n    \"T9\",\n    \"T10\",\n    \"T11\",\n    \"T12\",\n  ],\n};\n\n// Vietnamese holidays\nexport const vietnameseHolidays = {\n  \"01-01\": \"Tết Dương lịch\",\n  \"03-08\": \"Quốc tế Phụ nữ\",\n  \"04-30\": \"Ngày Giải phóng miền Nam\",\n  \"05-01\": \"Quốc tế Lao động\",\n  \"09-02\": \"Quốc khánh\",\n  \"10-20\": \"Ngày Phụ nữ Việt Nam\",\n  \"11-20\": \"Ngày Nhà giáo Việt Nam\",\n};\n\n// Time Constants in milliseconds, seconds, and minutes\nexport const TIME_IN_MS = Object.freeze({\n  SECOND: 1000,\n  MINUTE: 60 * 1000,\n  HOUR: 60 * 60 * 1000,\n  DAY: 24 * 60 * 60 * 1000,\n  WEEK: 7 * 24 * 60 * 60 * 1000,\n  MONTH: 30 * 24 * 60 * 60 * 1000, // Approximation for month length = 30 days\n  YEAR: 365 * 24 * 60 * 60 * 1000,\n});\n\nexport const TIME_IN_SECONDS = Object.freeze({\n  MINUTE: 60,\n  HOUR: 60 * 60,\n  DAY: 24 * 60 * 60,\n  WEEK: 7 * 24 * 60 * 60,\n  MONTH: 30 * 24 * 60 * 60,\n  YEAR: 365 * 24 * 60 * 60,\n});\n\nexport const TIME_IN_MINUTES = Object.freeze({\n  HOUR: 60,\n  DAY: 24 * 60,\n  WEEK: 7 * 24 * 60,\n  MONTH: 30 * 24 * 60,\n});\n","import React from \"react\";\nimport {\n  format,\n  isThisMonth,\n  isThisWeek,\n  isThisYear,\n  isToday,\n  isTomorrow,\n  isValid,\n  isYesterday,\n  parseISO,\n} from \"date-fns\";\n\nimport {\n  TIME_IN_SECONDS,\n  vietnameseHolidays,\n  vietnameseLocale,\n} from \"@/constants\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props {\n  date: Date | string | number;\n  format?:\n    | \"short\" // 15/03/24\n    | \"medium\" // 15/03/2024\n    | \"long\" // 15 tháng 3, 2024\n    | \"full\" // Thứ Sáu, ngày 15 tháng 3 năm 2024\n    | \"relative\" // 2 giờ trước\n    | \"datetime\" // 15/03/2024 14:30\n    | \"time\" // 14:30\n    | \"smart\"; // Tự động chọn format phù hợp\n  showHoliday?: boolean;\n  showTime?: boolean;\n  className?: string;\n  title?: string; // Tooltip khi hover\n}\n\nexport const DateDisplay: React.FC<Props> = ({\n  date,\n  format: formatType = \"medium\",\n  showHoliday = false,\n  showTime = false,\n  className = \"\",\n  title,\n}) => {\n  const parsedDate = React.useMemo(() => {\n    try {\n      if (date instanceof Date) {\n        return isValid(date) ? date : null;\n      }\n      if (typeof date === \"string\") {\n        const parsed = parseISO(date);\n        return isValid(parsed) ? parsed : new Date(date);\n      }\n      if (typeof date === \"number\") {\n        const parsed = new Date(date);\n        return isValid(parsed) ? parsed : null;\n      }\n      return null;\n    } catch {\n      return null;\n    }\n  }, [date]);\n\n  // Format relative time in Vietnamese\n  const formatRelativeTime = React.useCallback((date: Date): string => {\n    const now = new Date();\n    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n    if (diffInSeconds < 60) return \"Vừa xong\";\n    if (diffInSeconds < 3600)\n      return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.MINUTE)} phút trước`;\n    if (diffInSeconds < 86400)\n      return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.HOUR)} giờ trước`;\n    if (diffInSeconds < 604800)\n      return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.DAY)} ngày trước`;\n    if (diffInSeconds < 2592000)\n      return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.WEEK)} tuần trước`;\n    if (diffInSeconds < 31536000)\n      return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.MONTH)} tháng trước`;\n    return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.YEAR)} năm trước`;\n  }, []);\n\n  // Vietnamese weekday\n  const getVietnameseWeekday = React.useCallback(\n    (date: Date, short: boolean = false): string => {\n      const dayIndex = date.getDay();\n      return short\n        ? vietnameseLocale.weekdaysShort[dayIndex]\n        : vietnameseLocale.weekdays[dayIndex];\n    },\n    [],\n  );\n\n  // Vietnamese month\n  const getVietnameseMonth = React.useCallback(\n    (date: Date, short: boolean = false): string => {\n      const monthIndex = date.getMonth();\n      return short\n        ? vietnameseLocale.monthsShort[monthIndex]\n        : vietnameseLocale.months[monthIndex];\n    },\n    [],\n  );\n\n  // Check holiday\n  const getHoliday = React.useCallback((date: Date): string | null => {\n    const monthDay = format(date, \"MM-dd\") as keyof typeof vietnameseHolidays;\n    return vietnameseHolidays[monthDay] || null;\n  }, []);\n\n  // Smart format - choose appropriate format based on date\n  const getSmartFormat = React.useCallback(\n    (date: Date): string => {\n      if (isToday(date)) {\n        return showTime ? `Hôm nay ${format(date, \"HH:mm\")}` : \"Hôm nay\";\n      }\n      if (isYesterday(date)) {\n        return showTime ? `Hôm qua ${format(date, \"HH:mm\")}` : \"Hôm qua\";\n      }\n      if (isTomorrow(date)) {\n        return showTime ? `Ngày mai ${format(date, \"HH:mm\")}` : \"Ngày mai\";\n      }\n      if (isThisWeek(date)) {\n        const weekday = getVietnameseWeekday(date);\n        return showTime ? `${weekday} ${format(date, \"HH:mm\")}` : weekday;\n      }\n      if (isThisMonth(date)) {\n        const day = format(date, \"d\");\n        return showTime\n          ? `${day}/${format(date, \"M\")} ${format(date, \"HH:mm\")}`\n          : `${day}/${format(date, \"M\")}`;\n      }\n      if (isThisYear(date)) {\n        return showTime ? format(date, \"d/M HH:mm\") : format(date, \"d/M\");\n      }\n      return showTime\n        ? format(date, \"d/M/yyyy HH:mm\")\n        : format(date, \"d/M/yyyy\");\n    },\n    [getVietnameseWeekday, showTime],\n  );\n\n  // Main formatting function\n  const formatDate = React.useCallback(\n    (date: Date, type: string): string => {\n      const timeStr = showTime ? format(date, \", HH:mm\") : \"\";\n\n      switch (type) {\n        case \"short\":\n          return format(date, \"d/M/yy\") + timeStr;\n\n        case \"medium\":\n          return format(date, \"dd/MM/yyyy\") + timeStr;\n\n        case \"long\":\n          return (\n            `${format(date, \"d\")} ${getVietnameseMonth(date)} ${format(date, \"yyyy\")}` +\n            timeStr\n          );\n\n        case \"full\": {\n          const data = `${getVietnameseWeekday(date)}, ngày ${format(date, \"d\")} ${getVietnameseMonth(date)} năm ${format(date, \"yyyy\")}`;\n          return data + timeStr;\n        }\n\n        case \"relative\":\n          return formatRelativeTime(date);\n\n        case \"datetime\":\n          return format(date, \"d/M/yyyy HH:mm\");\n\n        case \"time\":\n          return format(date, \"HH:mm\");\n\n        case \"smart\":\n          return getSmartFormat(date);\n\n        default:\n          return format(date, \"d/M/yyyy\") + timeStr;\n      }\n    },\n    [\n      getSmartFormat,\n      getVietnameseMonth,\n      getVietnameseWeekday,\n      formatRelativeTime,\n      showTime,\n    ],\n  );\n\n  if (!parsedDate) {\n    return (\n      <span className={cn(\"text-muted-foreground text-sm\", className)}>\n        --/--/----\n      </span>\n    );\n  }\n\n  const formattedDate = formatDate(parsedDate, formatType);\n  const holiday = showHoliday ? getHoliday(parsedDate) : null;\n  const displayText = holiday ? `${formattedDate} (${holiday})` : formattedDate;\n  const tooltipTitle =\n    title || format(parsedDate, \"EEEE, d MMMM yyyy HH:mm:ss\");\n\n  return (\n    <time\n      dateTime={parsedDate.toISOString()}\n      className={cn(\"text-accent-foreground font-number text-sm\", className)}\n      title={tooltipTitle}\n    >\n      {displayText}\n    </time>\n  );\n};\n"],"mappings":"kQACA,MAAa,EAAmB,CAC9B,SAAU,CACR,WACA,UACA,SACA,SACA,UACA,UACA,WAEF,cAAe,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MACpD,OAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WACA,WACA,YAEF,YAAa,CACX,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,QAKS,EAAqB,CAChC,QAAS,iBACT,QAAS,iBACT,QAAS,2BACT,QAAS,mBACT,QAAS,aACT,QAAS,uBACT,QAAS,0BAIe,OAAO,OAAO,CACtC,OAAQ,IACR,OAAQ,GAAK,IACb,KAAM,KAAU,IAChB,IAAK,KAAU,GAAK,IACpB,KAAM,MAAc,GAAK,IACzB,MAAO,IAAU,GAAK,GAAK,IAC3B,KAAM,IAAM,GAAK,GAAK,GAAK,MAG7B,MAAa,EAAkB,OAAO,OAAO,CAC3C,OAAQ,GACR,KAAM,KACN,IAAK,KAAU,GACf,KAAM,MAAc,GACpB,MAAO,IAAU,GAAK,GACtB,KAAM,IAAM,GAAK,GAAK,KAGO,OAAO,OAAO,CAC3C,KAAM,GACN,IAAK,KACL,KAAM,MACN,MAAO,IAAU,KCxCnB,MAAaA,GAAgC,CAC3C,OACA,OAAQ,EAAa,SACrB,cAAc,GACd,WAAW,GACX,YAAY,GACZ,WACI,CACJ,IAAM,EAAa,EAAM,YAAc,CACrC,GAAI,CACF,GAAI,aAAgB,KAClB,OAAO,EAAQ,GAAQ,EAAO,KAEhC,GAAI,OAAO,GAAS,SAAU,CAC5B,IAAM,EAAS,EAAS,GACxB,OAAO,EAAQ,GAAU,EAAS,IAAI,KAAK,GAE7C,GAAI,OAAO,GAAS,SAAU,CAC5B,IAAM,EAAS,IAAI,KAAK,GACxB,OAAO,EAAQ,GAAU,EAAS,KAEpC,OAAO,UACD,CACN,OAAO,OAER,CAAC,IAGE,EAAqB,EAAM,YAAa,GAAuB,CACnE,IAAM,EAAM,IAAI,KACV,EAAgB,KAAK,OAAO,EAAI,UAAYC,EAAK,WAAa,KAapE,OAXI,EAAgB,GAAW,WAC3B,EAAgB,KACX,GAAG,KAAK,MAAM,EAAgB,EAAgB,QAAQ,aAC3D,EAAgB,MACX,GAAG,KAAK,MAAM,EAAgB,EAAgB,MAAM,YACzD,EAAgB,OACX,GAAG,KAAK,MAAM,EAAgB,EAAgB,KAAK,aACxD,EAAgB,OACX,GAAG,KAAK,MAAM,EAAgB,EAAgB,MAAM,aACzD,EAAgB,QACX,GAAG,KAAK,MAAM,EAAgB,EAAgB,OAAO,cACvD,GAAG,KAAK,MAAM,EAAgB,EAAgB,MAAM,aAC1D,IAGG,EAAuB,EAAM,aAChC,EAAY,EAAiB,KAAkB,CAC9C,IAAM,EAAWA,EAAK,SACtB,OAAO,EACH,EAAiB,cAAc,GAC/B,EAAiB,SAAS,IAEhC,IAII,EAAqB,EAAM,aAC9B,EAAY,EAAiB,KAAkB,CAC9C,IAAM,EAAaA,EAAK,WACxB,OAAO,EACH,EAAiB,YAAY,GAC7B,EAAiB,OAAO,IAE9B,IAII,EAAa,EAAM,YAAa,GAA8B,CAClE,IAAM,EAAW,EAAOA,EAAM,SAC9B,OAAO,EAAmB,IAAa,MACtC,IAGG,EAAiB,EAAM,YAC1B,GAAuB,CACtB,GAAI,EAAQA,GACV,OAAO,EAAW,WAAW,EAAOA,EAAM,WAAa,UAEzD,GAAI,EAAYA,GACd,OAAO,EAAW,WAAW,EAAOA,EAAM,WAAa,UAEzD,GAAI,EAAWA,GACb,OAAO,EAAW,YAAY,EAAOA,EAAM,WAAa,WAE1D,GAAI,EAAWA,GAAO,CACpB,IAAM,EAAU,EAAqBA,GACrC,OAAO,EAAW,GAAG,EAAQ,GAAG,EAAOA,EAAM,WAAa,EAE5D,GAAI,EAAYA,GAAO,CACrB,IAAM,EAAM,EAAOA,EAAM,KACzB,OAAO,EACH,GAAG,EAAI,GAAG,EAAOA,EAAM,KAAK,GAAG,EAAOA,EAAM,WAC5C,GAAG,EAAI,GAAG,EAAOA,EAAM,OAK7B,OAHI,EAAWA,GACN,EAAW,EAAOA,EAAM,aAAe,EAAOA,EAAM,OAEtD,EACH,EAAOA,EAAM,kBACb,EAAOA,EAAM,aAEnB,CAAC,EAAsB,IAInB,EAAa,EAAM,aACtB,EAAY,IAAyB,CACpC,IAAM,EAAU,EAAW,EAAOA,EAAM,WAAa,GAErD,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,EAAOA,EAAM,UAAY,EAElC,IAAK,SACH,OAAO,EAAOA,EAAM,cAAgB,EAEtC,IAAK,OACH,MACE,GAAG,EAAOA,EAAM,KAAK,GAAG,EAAmBA,GAAM,GAAG,EAAOA,EAAM,UACjE,EAGJ,IAAK,OAAQ,CACX,IAAM,EAAO,GAAG,EAAqBA,GAAM,SAAS,EAAOA,EAAM,KAAK,GAAG,EAAmBA,GAAM,OAAO,EAAOA,EAAM,UACtH,OAAO,EAAO,EAGhB,IAAK,WACH,OAAO,EAAmBA,GAE5B,IAAK,WACH,OAAO,EAAOA,EAAM,kBAEtB,IAAK,OACH,OAAO,EAAOA,EAAM,SAEtB,IAAK,QACH,OAAO,EAAeA,GAExB,QACE,OAAO,EAAOA,EAAM,YAAc,IAGxC,CACE,EACA,EACA,EACA,EACA,IAIJ,GAAI,CAAC,EACH,OACE,EAAC,OAAA,CAAK,UAAW,EAAG,gCAAiC,YAAY,eAMrE,IAAM,EAAgB,EAAW,EAAY,GACvC,EAAU,EAAc,EAAW,GAAc,KACjD,EAAc,EAAU,GAAG,EAAc,IAAI,EAAQ,GAAK,EAC1D,EACJ,GAAS,EAAO,EAAY,8BAE9B,OACE,EAAC,OAAA,CACC,SAAU,EAAW,cACrB,UAAW,EAAG,6CAA8C,GAC5D,MAAO,WAEN"}

package/dist/date-ByLOGsKl.cjs

@@ -1 +1,2 @@
-const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`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=n.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=n.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=n.default.useCallback((e,t=!1)=>{let n=e.getDay();return t?a.weekdaysShort[n]:a.weekdays[n]},[]),g=n.default.useCallback((e,t=!1)=>{let n=e.getMonth();return t?a.monthsShort[n]:a.months[n]},[]),_=n.default.useCallback(e=>{let t=(0,i.format)(e,`MM-dd`);return o[t]||null},[]),v=n.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=n.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:t.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:t.cn(`text-accent-foreground font-number text-sm`,d),title:C,children:S})};Object.defineProperty(exports,`DateDisplay`,{enumerable:!0,get:function(){return u}});
+const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`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=n.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=n.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=n.default.useCallback((e,t=!1)=>{let n=e.getDay();return t?a.weekdaysShort[n]:a.weekdays[n]},[]),g=n.default.useCallback((e,t=!1)=>{let n=e.getMonth();return t?a.monthsShort[n]:a.months[n]},[]),_=n.default.useCallback(e=>{let t=(0,i.format)(e,`MM-dd`);return o[t]||null},[]),v=n.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=n.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:t.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:t.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-ByLOGsKl.cjs.map