@customafk/lunas-ui 0.0.21 → 0.0.23

package/dist/{command-DK3Z1Vcb.d.ts → command-DvCEx-HX.d.cts}

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

package/dist/command-TFZwJmux.js

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

package/dist/command-TFZwJmux.js.map

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

package/dist/data-display/country.cjs

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

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

package/dist/data-display/country.js

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

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

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-B5MQmxX8.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-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-CNA_SId-.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({children:e})=>(0,n.jsx)(t.Flex,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.Flex,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-text-positive-weak text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-text-positive text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
 //# sourceMappingURL=data-list.cjs.map

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

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

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

@@ -1,5 +1,3 @@
-import React from "react";
-
 //#region packages/components/data-display/data-list.d.ts
 type DataListProps = {
   title?: string;

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

@@ -1,5 +1,3 @@
-import React from "react";
-
 //#region packages/components/data-display/data-list.d.ts
 type DataListProps = {
   title?: string;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/data-display/date.cjs

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

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

@@ -3,7 +3,7 @@ import React from "react";
 //#region packages/components/data-display/date.d.ts
 interface Props {
   date: Date | string | number;
-  format?: "short" | "medium" | "long" | "full" | "relative" | "datetime" | "time" | "smart";
+  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
   showHoliday?: boolean;
   showTime?: boolean;
   className?: string;

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

@@ -3,7 +3,7 @@ import React from "react";
 //#region packages/components/data-display/date.d.ts
 interface Props {
   date: Date | string | number;
-  format?: "short" | "medium" | "long" | "full" | "relative" | "datetime" | "time" | "smart";
+  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
   showHoliday?: boolean;
   showTime?: boolean;
   className?: string;

package/dist/data-display/date.js

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

package/dist/data-display/empty.cjs

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

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

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

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

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

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

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

package/dist/data-display/empty.js

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

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

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

package/dist/data-display/name.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../paragraph-D-nYwoh7.cjs`),n=require(`../tooltip-CG3D3TIL.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-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../paragraph-DcRBcRhQ.cjs`),n=require(`../tooltip-DLnAwybV.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,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=a;
 //# sourceMappingURL=name.cjs.map

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

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

package/dist/data-display/name.js

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Paragraph as e}from"../paragraph-CuR_8J0O.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-DvNio7Zt.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-B4cQhLhW.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-B8KdfOeT.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,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:i})]});export{s as NameDisplay};
 //# sourceMappingURL=name.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/data-display/statistic.cjs

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime235 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import React from "react";
 
 //#region packages/components/data-display/statistic.d.ts
@@ -8,9 +8,9 @@ type Props = {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   precision?: number;
-  roundingMode?: "round" | "floor" | "ceil";
+  roundingMode?: 'round' | 'floor' | 'ceil';
   showTrailingZeros?: boolean;
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   value: number | string;
 };
 declare const Statistic: React.MemoExoticComponent<({
@@ -23,7 +23,7 @@ declare const Statistic: React.MemoExoticComponent<({
   showTrailingZeros,
   size,
   value
-}: Props) => react_jsx_runtime235.JSX.Element>;
+}: Props) => react_jsx_runtime13.JSX.Element>;
 //#endregion
 export { Statistic };
 //# sourceMappingURL=statistic.d.cts.map

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region packages/components/data-display/statistic.d.ts
 type Props = {
@@ -8,9 +8,9 @@ type Props = {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   precision?: number;
-  roundingMode?: "round" | "floor" | "ceil";
+  roundingMode?: 'round' | 'floor' | 'ceil';
   showTrailingZeros?: boolean;
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   value: number | string;
 };
 declare const Statistic: React.MemoExoticComponent<({
@@ -23,7 +23,7 @@ declare const Statistic: React.MemoExoticComponent<({
   showTrailingZeros,
   size,
   value
-}: Props) => react_jsx_runtime12.JSX.Element>;
+}: Props) => react_jsx_runtime1.JSX.Element>;
 //#endregion
 export { Statistic };
 //# sourceMappingURL=statistic.d.ts.map