@customafk/lunas-ui 0.1.3 → 0.1.5

package/dist/command-CRn7-JF6.d.ts

@@ -1,52 +0,0 @@
-import { t as Dialog } from "./dialog-C9yfr9XH.js";
-import * as react_jsx_runtime196 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_runtime196.JSX.Element;
-declare function CommandDialog({
-  title,
-  description,
-  children,
-  className,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-}): react_jsx_runtime196.JSX.Element;
-declare function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime196.JSX.Element;
-declare function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime196.JSX.Element;
-declare function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime196.JSX.Element;
-declare function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime196.JSX.Element;
-declare function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime196.JSX.Element;
-declare function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime196.JSX.Element;
-declare function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime196.JSX.Element;
-//#endregion
-export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
-//# sourceMappingURL=command-CRn7-JF6.d.ts.map

package/dist/command-DGRedFju.d.cts

@@ -1,52 +0,0 @@
-import { t as Dialog } from "./dialog-BgJrOS6M.cjs";
-import * as react_jsx_runtime55 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_runtime55.JSX.Element;
-declare function CommandDialog({
-  title,
-  description,
-  children,
-  className,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-}): react_jsx_runtime55.JSX.Element;
-declare function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime55.JSX.Element;
-declare function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime55.JSX.Element;
-declare function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime55.JSX.Element;
-declare function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime55.JSX.Element;
-declare function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime55.JSX.Element;
-declare function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime55.JSX.Element;
-declare function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime55.JSX.Element;
-//#endregion
-export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
-//# sourceMappingURL=command-DGRedFju.d.cts.map

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

@@ -1,10 +0,0 @@
-import { t as ECountry } from "../types-DzqAikVI.cjs";
-
-//#region packages/components/data-display/country.d.ts
-type Props = {
-  country?: ECountry | null;
-};
-declare const CountryDisplay: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { CountryDisplay };
-//# sourceMappingURL=country-BYHNk6tk.d.cts.map

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

@@ -1,10 +0,0 @@
-import { t as ECountry } from "../types-Cs9ZDj_X.js";
-
-//#region packages/components/data-display/country.d.ts
-type Props = {
-  country?: ECountry | null;
-};
-declare const CountryDisplay: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { CountryDisplay };
-//# sourceMappingURL=country-_GXKX4g8.d.ts.map

package/dist/data-display/country.js

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

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

@@ -1,14 +0,0 @@
-//#region packages/components/data-display/data-list.d.ts
-type DataListProps = {
-  title?: string;
-};
-declare const DataList: React.FC<React.PropsWithChildren<DataListProps>>;
-type DataListItemProps = {
-  label: string;
-  value: string | number | React.ReactNode;
-  minLabelWidth?: string;
-};
-declare const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>;
-//#endregion
-export { DataList, DataListItem };
-//# sourceMappingURL=data-list-CspR0F32.d.ts.map

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

@@ -1,14 +0,0 @@
-//#region packages/components/data-display/data-list.d.ts
-type DataListProps = {
-  title?: string;
-};
-declare const DataList: React.FC<React.PropsWithChildren<DataListProps>>;
-type DataListItemProps = {
-  label: string;
-  value: string | number | React.ReactNode;
-  minLabelWidth?: string;
-};
-declare const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>;
-//#endregion
-export { DataList, DataListItem };
-//# sourceMappingURL=data-list-DBOj-HTO.d.cts.map

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

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

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

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

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

@@ -1,13 +0,0 @@
-//#region packages/components/data-display/date.d.ts
-interface Props {
-  date: Date | string | number;
-  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
-  showHoliday?: boolean;
-  showTime?: boolean;
-  className?: string;
-  title?: string;
-}
-declare const DateDisplay: React.FC<Props>;
-//#endregion
-export { DateDisplay };
-//# sourceMappingURL=date-8KQZC2cQ.d.ts.map

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

@@ -1,13 +0,0 @@
-//#region packages/components/data-display/date.d.ts
-interface Props {
-  date: Date | string | number;
-  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
-  showHoliday?: boolean;
-  showTime?: boolean;
-  className?: string;
-  title?: string;
-}
-declare const DateDisplay: React.FC<Props>;
-//#endregion
-export { DateDisplay };
-//# sourceMappingURL=date-KuD1OzYN.d.cts.map

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

@@ -1,8 +0,0 @@
-//#region packages/components/data-display/date-tooltip.d.ts
-type Props = {
-  date: Date | string | number;
-};
-declare const DateTooltip: React.FC<Props>;
-//#endregion
-export { DateTooltip };
-//# sourceMappingURL=date-tooltip-BHkZwZMS.d.cts.map

package/dist/data-display/date-tooltip-pm6R94-T.d.ts

@@ -1,8 +0,0 @@
-//#region packages/components/data-display/date-tooltip.d.ts
-type Props = {
-  date: Date | string | number;
-};
-declare const DateTooltip: React.FC<Props>;
-//#endregion
-export { DateTooltip };
-//# sourceMappingURL=date-tooltip-pm6R94-T.d.ts.map

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

@@ -1,2 +0,0 @@
-import{t as e}from"../badge-D_B2LoLK.js";import{i as t,n,r,t as i}from"../tooltip-ceiBtqIu.js";import{t as a}from"../date-CbkR0dCB.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(r,{children:s(i,{children:[o(t,{asChild:!0,children:o(e,{className:`h-fit`,children:o(a,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(n,{children:o(a,{date:c,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});export{c as DateTooltip};
-//# sourceMappingURL=date-tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-tooltip.js","names":["DateTooltip: React.FC<Props>"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { Badge } from '@/components/ui/badge';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\nimport { DateDisplay } from './date';\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 className=\"h-fit\">\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"],"mappings":"yLAOA,MAAaA,GAAgC,CAAE,UAE3C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAM,UAAU,iBACf,EAAC,EAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,0BAA2B,EACxE,EACO,CACjB,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU,6BAA8B,CAAA,CACzE,CAAA,CAAA,CACT,CAAA,CACM"}

package/dist/data-display/date.js

@@ -1 +0,0 @@
-import{t as e}from"../date-CbkR0dCB.js";export{e as DateDisplay};

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

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

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

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

package/dist/data-display/empty.js

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

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

@@ -1 +0,0 @@
-{"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":"sJAKA,MAAa,MAET,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,+CAChE,EAAC,EAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,CAC7C,EAAC,IAAA,CAAE,UAAU,mBAAU,qCAAqC,CAAA,EACvD"}

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

@@ -1,8 +0,0 @@
-//#region packages/components/data-display/name.d.ts
-type NameDisplayProps = {
-  name: string;
-};
-declare const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>;
-//#endregion
-export { NameDisplay };
-//# sourceMappingURL=name-Bib8Pvu6.d.cts.map

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

@@ -1,8 +0,0 @@
-//#region packages/components/data-display/name.d.ts
-type NameDisplayProps = {
-  name: string;
-};
-declare const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>;
-//#endregion
-export { NameDisplay };
-//# sourceMappingURL=name-D0yG82YJ.d.ts.map

package/dist/data-display/name.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"name.js","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import { Paragraph } from '../typography/paragraph';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';\n\ntype NameDisplayProps = {\n  name: string;\n};\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full truncate pb-px text-start text-wrap\">\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":"mJAOA,MAAaA,GAAoE,CAAE,UAE/E,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,mEAC/B,GACS,CAAA,CACG,CACjB,EAAC,EAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC,GACc,CAAA,CAAA,CACT"}

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

@@ -1,7 +0,0 @@
-//#region packages/components/data-display/phone-number.d.ts
-declare const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{
-  value: string;
-}>>;
-//#endregion
-export { PhoneNumberDisplay };
-//# sourceMappingURL=phone-number-BctT7tH8.d.cts.map

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

@@ -1,7 +0,0 @@
-//#region packages/components/data-display/phone-number.d.ts
-declare const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{
-  value: string;
-}>>;
-//#endregion
-export { PhoneNumberDisplay };
-//# sourceMappingURL=phone-number-DXwmaiFN.d.ts.map

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

@@ -1,2 +0,0 @@
-import{i as e,n as t,t as n}from"../tooltip-ceiBtqIu.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(n,{children:[r(e,{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 +0,0 @@
-{"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":"2GAEA,MAAaA,GAA4E,CAAE,WAEvF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,IAAA,CAAE,UAAU,yDAAiD,EAAM,QAAQ,wBAAyB,aAAa,EAAK,EACxG,CACjB,EAAC,EAAA,CAAe,MAAM,iBACpB,EAAC,IAAA,CAAA,SAAG,EAAM,MAAM,EAAE,CAAC,QAAQ,wBAAyB,wBAAwB,CAAA,CAAK,EAClE,CAAA,CAAA,CACT"}

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

@@ -1,10 +0,0 @@
-import { n as ERole } from "../types-Cs9ZDj_X.js";
-
-//#region packages/components/data-display/role-badge.d.ts
-type Props = {
-  status: ERole;
-};
-declare const RoleBadge: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { RoleBadge };
-//# sourceMappingURL=role-badge-B5xfIlWd.d.ts.map

package/dist/data-display/role-badge-C78jhIvm.d.cts

@@ -1,10 +0,0 @@
-import { n as ERole } from "../types-DzqAikVI.cjs";
-
-//#region packages/components/data-display/role-badge.d.ts
-type Props = {
-  status: ERole;
-};
-declare const RoleBadge: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { RoleBadge };
-//# sourceMappingURL=role-badge-C78jhIvm.d.cts.map

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

@@ -1,2 +0,0 @@
-import{n as e}from"../types-hKBsaFz_.js";import{t}from"../badge-D_B2LoLK.js";import{useMemo as n}from"react";import{jsxs as r}from"react/jsx-runtime";const i=({status:i})=>r(t,{color:n(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[])[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 +0,0 @@
-{"version":3,"file":"role-badge.js","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import { useMemo } 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 = 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":"sJASA,MAAaA,GAAuD,CAAE,YAWlE,EAAC,EAAA,CAAM,MAVM,OACN,EACJ,EAAM,OAAQ,OACd,EAAM,aAAc,UACpB,EAAM,WAAY,UAClB,EAAM,OAAQ,SACd,EAAM,MAAO,OACf,EACA,EAAE,CAAC,CAEiB,GAAS,UAAU,oCACrC,IAAW,EAAM,aAAe,cAChC,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,WAAa,YAC9B,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,MAAQ,SACpB"}

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

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

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

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

package/dist/data-display/statistic.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"statistic.js","names":["options: Intl.NumberFormatOptions"],"sources":["../../packages/components/data-display/statistic.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Flex } from '../layouts/flex';\n\ntype Props = {\n  decimalSeparator?: string;\n  groupSeparator?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  precision?: number; // Số chữ số thập phân\n  roundingMode?: 'round' | 'floor' | 'ceil'; // Kiểu làm tròn\n  showTrailingZeros?: boolean; // Hiển thị số 0 cuối\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'; // Kích thước của component\n  value: number | string;\n};\nexport const Statistic = 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 = 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 = 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 = 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 = 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 = 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":"yMAgBA,MAAa,EAAY,GACtB,CACC,mBAAmB,IACnB,iBAAiB,IACjB,OAAQ,EACR,OAAQ,EACR,YACA,eAAe,QACf,oBAAoB,GACpB,OAAO,KACP,WACW,CAEX,IAAM,EAAgB,GACnB,EAAa,IAAmC,CAC/C,IAAM,EAAsB,IAAI,EAEhC,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,KAAK,MAAM,EAAM,EAAW,CAAG,EACxC,IAAK,OACH,OAAO,KAAK,KAAK,EAAM,EAAW,CAAG,EACvC,IAAK,QACL,QACE,OAAO,KAAK,MAAM,EAAM,EAAW,CAAG,IAG5C,CAAC,EAAa,CACf,CAGK,EAAgB,MAAwC,CAC5D,IAAMA,EAAoC,EAAE,CAW5C,OATI,OAAO,GAAc,UAAY,GAAa,IAC5C,IACF,EAAQ,sBAAwB,GAGhC,EAAQ,sBAAwB,GAI7B,GACN,CAAC,EAAW,EAAkB,CAAC,CAE5B,EAAe,EAClB,GAAwB,CACvB,IAAI,EAAe,EAOnB,OAJI,OAAO,GAAc,UAAY,GAAa,IAChD,EAAe,EAAc,EAAK,EAAU,EAGvC,EAAa,eAAe,QAAS,EAAc,EAE5D,CAAC,EAAe,EAAe,EAAU,CAC1C,CAGK,EAAiB,MAAsB,CAE3C,GAAI,OAAO,GAAU,SAInB,OAHI,MAAM,EAAM,EAAI,CAAC,SAAS,EAAM,CAC3B,MAEF,EAAa,EAAM,CAI5B,GAAI,OAAO,GAAU,SAAU,CAC7B,IAAM,EAAe,EAAM,MAAM,CAGjC,GAAI,CAAC,EACH,MAAO,MAIT,IAAM,EAAW,OAAO,EAAa,CAOrC,OALI,MAAM,EAAS,EAAI,CAAC,SAAS,EAAS,CAEjC,MAGF,EAAa,EAAS,CAG/B,MAAO,OACN,CAAC,EAAO,EAAa,CAAC,CAGnB,EAAsB,MAEtB,IAAqB,KAAO,IAAmB,IAC1C,EAEF,EAAe,QAAQ,KAAM,EAAe,CAAC,QAAQ,MAAO,EAAiB,CACnF,CAAC,EAAgB,EAAkB,EAAe,CAAC,CAEtD,OACE,EAAC,EAAA,CACC,QAAQ,OACR,UAAW,EACT,gDACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,UAClB,WAEA,EACD,EAAC,IAAA,CAAA,SAAG,EAAA,CAAwB,CAC3B,IACI,EAGZ,CACD,EAAU,YAAc"}

package/dist/data-display/user-DkUbJkrj.d.ts

@@ -1,10 +0,0 @@
-//#region packages/components/data-display/user.d.ts
-type UserDataDisplayProps = {
-  uuid: string;
-  username: string;
-  email: string;
-};
-declare const UserDataDisplay: React.FC<React.PropsWithChildren<UserDataDisplayProps>>;
-//#endregion
-export { UserDataDisplay };
-//# sourceMappingURL=user-DkUbJkrj.d.ts.map

package/dist/data-display/user-hrG7NvFN.d.cts

@@ -1,10 +0,0 @@
-//#region packages/components/data-display/user.d.ts
-type UserDataDisplayProps = {
-  uuid: string;
-  username: string;
-  email: string;
-};
-declare const UserDataDisplay: React.FC<React.PropsWithChildren<UserDataDisplayProps>>;
-//#endregion
-export { UserDataDisplay };
-//# sourceMappingURL=user-hrG7NvFN.d.cts.map

package/dist/data-display/user.js

@@ -1,2 +0,0 @@
-import{t as e}from"../flex-R1TY6P_u.js";import{t}from"../paragraph-eZ-12KwF.js";import{n,t as r}from"../avatar-tDyHgFSE.js";import{UserRoundIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{colorHashLight as s}from"@customafk/react-toolkit/color-hash";const c=({uuid:c,username:l,email:u})=>o(e,{wrap:!1,gap:`sm`,padding:`none`,children:[a(r,{className:`shadow-card size-10`,children:a(n,{style:{backgroundColor:s.hex(c)},children:a(i,{size:28,className:`text-white`})})}),o(e,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[a(t,{className:`text-text-positive text-sm font-medium`,children:l}),a(t,{variant:`sm`,className:`text-text-positive-weak !mt-0 text-xs`,children:u})]})]});export{c as UserDataDisplay};
-//# sourceMappingURL=user.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"user.js","names":["UserDataDisplay: React.FC<React.PropsWithChildren<UserDataDisplayProps>>"],"sources":["../../packages/components/data-display/user.tsx"],"sourcesContent":["import { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\nimport { Avatar, AvatarFallback } from '../ui/avatar';\n\ntype UserDataDisplayProps = {\n  uuid: string;\n  username: string;\n  email: string;\n};\n\nexport const UserDataDisplay: React.FC<React.PropsWithChildren<UserDataDisplayProps>> = ({ uuid, username, email }) => {\n  return (\n    <Flex wrap={false} gap=\"sm\" padding=\"none\">\n      <Avatar className=\"shadow-card size-10\">\n        <AvatarFallback style={{ backgroundColor: colorHashLight.hex(uuid) }}>\n          <UserRoundIcon size={28} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <Flex vertical padding=\"none\" gap=\"none\" align=\"start\">\n        <Paragraph className=\"text-text-positive text-sm font-medium\">{username}</Paragraph>\n        <Paragraph variant=\"sm\" className=\"text-text-positive-weak !mt-0 text-xs\">\n          {email}\n        </Paragraph>\n      </Flex>\n    </Flex>\n  );\n};\n"],"mappings":"gSAcA,MAAaA,GAA4E,CAAE,OAAM,WAAU,WAEvG,EAAC,EAAA,CAAK,KAAM,GAAO,IAAI,KAAK,QAAQ,iBAClC,EAAC,EAAA,CAAO,UAAU,+BAChB,EAAC,EAAA,CAAe,MAAO,CAAE,gBAAiB,EAAe,IAAI,EAAK,CAAE,UAClE,EAAC,EAAA,CAAc,KAAM,GAAI,UAAU,cAAe,EACnC,EACV,CACT,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,OAAO,MAAM,kBAC7C,EAAC,EAAA,CAAU,UAAU,kDAA0C,GAAqB,CACpF,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,iDAC/B,GACS,CAAA,EACP,CAAA,EACF"}

package/dist/date-CbkR0dCB.js

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

package/dist/date-CbkR0dCB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-CbkR0dCB.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: ['Chủ Nhật', 'Thứ Hai', 'Thứ Ba', 'Thứ Tư', 'Thứ Năm', 'Thứ Sáu', 'Thứ Bảy'],\n  weekdaysShort: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],\n  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'],\n  monthsShort: ['T1', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'T8', 'T9', 'T10', 'T11', 'T12'],\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 { useCallback, useMemo } from 'react';\nimport { format, isThisMonth, isThisWeek, isThisYear, isToday, isTomorrow, isValid, isYesterday, parseISO } from '@customafk/react-toolkit/date-fns';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { TIME_IN_SECONDS, vietnameseHolidays, vietnameseLocale } from '@/constants';\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> = ({ date, format: formatType = 'medium', showHoliday = false, showTime = false, className = '', title }) => {\n  const parsedDate = 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 = 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) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.MINUTE)} phút trước`;\n    if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.HOUR)} giờ trước`;\n    if (diffInSeconds < 604800) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.DAY)} ngày trước`;\n    if (diffInSeconds < 2592000) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.WEEK)} tuần trước`;\n    if (diffInSeconds < 31536000) 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 = useCallback((date: Date, short: boolean = false): string => {\n    const dayIndex = date.getDay();\n    return short ? vietnameseLocale.weekdaysShort[dayIndex] : vietnameseLocale.weekdays[dayIndex];\n  }, []);\n\n  // Vietnamese month\n  const getVietnameseMonth = useCallback((date: Date, short: boolean = false): string => {\n    const monthIndex = date.getMonth();\n    return short ? vietnameseLocale.monthsShort[monthIndex] : vietnameseLocale.months[monthIndex];\n  }, []);\n\n  // Check holiday\n  const getHoliday = 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 = 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 ? `${day}/${format(date, 'M')} ${format(date, 'HH:mm')}` : `${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 ? format(date, 'd/M/yyyy HH:mm') : format(date, 'd/M/yyyy');\n    },\n    [getVietnameseWeekday, showTime]\n  );\n\n  // Main formatting function\n  const formatDate = 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 `${format(date, 'd')} ${getVietnameseMonth(date)} ${format(date, 'yyyy')}` + timeStr;\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    [getSmartFormat, getVietnameseMonth, getVietnameseWeekday, formatRelativeTime, showTime]\n  );\n\n  if (!parsedDate) {\n    return <span className={cn('text-muted-foreground text-sm', className)}>--/--/----</span>;\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 = title || format(parsedDate, 'EEEE, d MMMM yyyy HH:mm:ss');\n\n  return (\n    <time dateTime={parsedDate.toISOString()} className={cn('text-accent-foreground font-number text-sm', className)} title={tooltipTitle}>\n      {displayText}\n    </time>\n  );\n};\n"],"mappings":"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"}

package/dist/date-Dz80x-53.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/date-fns`);const 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=(0,t.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=(0,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/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=(0,t.useCallback)((e,t=!1)=>{let n=e.getDay();return t?a.weekdaysShort[n]:a.weekdays[n]},[]),g=(0,t.useCallback)((e,t=!1)=>{let n=e.getMonth();return t?a.monthsShort[n]:a.months[n]},[]),_=(0,t.useCallback)(e=>o[(0,i.format)(e,`MM-dd`)]||null,[]),v=(0,t.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=(0,t.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`:return`${h(e)}, ngày ${(0,i.format)(e,`d`)} ${g(e)} năm ${(0,i.format)(e,`yyyy`)}`+n;case`relative`:return m(e);case`datetime`:return(0,i.format)(e,`d/M/yyyy HH:mm`);case`time`:return(0,i.format)(e,`HH:mm`);case`smart`:return v(e);default:return(0,i.format)(e,`d/M/yyyy`)+n}},[v,g,h,m,u]);if(!p)return(0,r.jsx)(`span`,{className:(0,n.cn)(`text-muted-foreground text-sm`,d),children:`--/--/----`});let b=y(p,s),x=l?_(p):null,S=x?`${b} (${x})`:b,C=f||(0,i.format)(p,`EEEE, d MMMM yyyy HH:mm:ss`);return(0,r.jsx)(`time`,{dateTime:p.toISOString(),className:(0,n.cn)(`text-accent-foreground font-number text-sm`,d),title:C,children:S})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
-//# sourceMappingURL=date-Dz80x-53.cjs.map

package/dist/date-Dz80x-53.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-Dz80x-53.cjs","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: ['Chủ Nhật', 'Thứ Hai', 'Thứ Ba', 'Thứ Tư', 'Thứ Năm', 'Thứ Sáu', 'Thứ Bảy'],\n  weekdaysShort: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],\n  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'],\n  monthsShort: ['T1', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'T8', 'T9', 'T10', 'T11', 'T12'],\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 { useCallback, useMemo } from 'react';\nimport { format, isThisMonth, isThisWeek, isThisYear, isToday, isTomorrow, isValid, isYesterday, parseISO } from '@customafk/react-toolkit/date-fns';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { TIME_IN_SECONDS, vietnameseHolidays, vietnameseLocale } from '@/constants';\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> = ({ date, format: formatType = 'medium', showHoliday = false, showTime = false, className = '', title }) => {\n  const parsedDate = 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 = 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) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.MINUTE)} phút trước`;\n    if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.HOUR)} giờ trước`;\n    if (diffInSeconds < 604800) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.DAY)} ngày trước`;\n    if (diffInSeconds < 2592000) return `${Math.floor(diffInSeconds / TIME_IN_SECONDS.WEEK)} tuần trước`;\n    if (diffInSeconds < 31536000) 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 = useCallback((date: Date, short: boolean = false): string => {\n    const dayIndex = date.getDay();\n    return short ? vietnameseLocale.weekdaysShort[dayIndex] : vietnameseLocale.weekdays[dayIndex];\n  }, []);\n\n  // Vietnamese month\n  const getVietnameseMonth = useCallback((date: Date, short: boolean = false): string => {\n    const monthIndex = date.getMonth();\n    return short ? vietnameseLocale.monthsShort[monthIndex] : vietnameseLocale.months[monthIndex];\n  }, []);\n\n  // Check holiday\n  const getHoliday = 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 = 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 ? `${day}/${format(date, 'M')} ${format(date, 'HH:mm')}` : `${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 ? format(date, 'd/M/yyyy HH:mm') : format(date, 'd/M/yyyy');\n    },\n    [getVietnameseWeekday, showTime]\n  );\n\n  // Main formatting function\n  const formatDate = 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 `${format(date, 'd')} ${getVietnameseMonth(date)} ${format(date, 'yyyy')}` + timeStr;\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    [getSmartFormat, getVietnameseMonth, getVietnameseWeekday, formatRelativeTime, showTime]\n  );\n\n  if (!parsedDate) {\n    return <span className={cn('text-muted-foreground text-sm', className)}>--/--/----</span>;\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 = title || format(parsedDate, 'EEEE, d MMMM yyyy HH:mm:ss');\n\n  return (\n    <time dateTime={parsedDate.toISOString()} className={cn('text-accent-foreground font-number text-sm', className)} title={tooltipTitle}>\n      {displayText}\n    </time>\n  );\n};\n"],"mappings":"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"}

package/dist/dialog-BXrkkvSS.js

@@ -1,2 +0,0 @@
-import{XIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Dialog as i}from"radix-ui";const a=({className:r,...i})=>n(`button`,{className:t(`flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60`,r),...i,children:n(e,{size:24})});function o({...e}){return n(i.Root,{"data-slot":`dialog`,...e})}function s({...e}){return n(i.Trigger,{"data-slot":`dialog-trigger`,...e})}function c({...e}){return n(i.Portal,{"data-slot":`dialog-portal`,...e})}function l({...e}){return n(i.Close,{"data-slot":`dialog-close`,...e})}function u({className:e,...r}){return n(i.Overlay,{"data-slot":`dialog-overlay`,className:t(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,e),...r})}function d({className:e,children:o,showCloseButton:s=!0,...l}){return r(c,{"data-slot":`dialog-portal`,children:[n(u,{}),n(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:r(i.Content,{"data-slot":`dialog-content`,className:t(`relative z-50 grid bg-background`,`gap-4 p-6 shadow-dialog outline-none`,`max-h-[85dvh] w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`rounded-2xl duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-80`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-80`,e),...l,children:[o,s&&n(i.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:n(a,{})})]})})]})}function f({className:e,...r}){return n(`div`,{"data-slot":`dialog-header`,className:t(`flex flex-col gap-2 text-center sm:text-left`,e),...r})}function p({className:e,...r}){return n(`div`,{"data-slot":`dialog-footer`,className:t(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r})}function m({className:e,...r}){return n(i.Title,{"data-slot":`dialog-title`,className:t(`font-semibold text-lg text-text-positive-strong leading-none`,e),...r})}function h({className:e,...r}){return n(i.Description,{"data-slot":`dialog-description`,className:t(`text-sm text-text-positive-weak`,e),...r})}export{p as a,c,h as i,m as l,l as n,f as o,d as r,u as s,o as t,s as u};
-//# sourceMappingURL=dialog-BXrkkvSS.js.map

package/dist/dialog-BXrkkvSS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-BXrkkvSS.js","names":["CloseButton: React.FC<React.ComponentProps<'button'>>","Dialog","DialogPrimitive"],"sources":["../packages/components/ui/buttons/close.tsx","../packages/components/ui/dialog.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nexport const CloseButton: React.FC<React.ComponentProps<'button'>> = ({ className, ...props }) => {\n  return (\n    <button\n      className={cn(\n        'flex cursor-pointer items-center justify-center rounded-[100px] p-2 text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive active:bg-muted-weak active:text-text-positive-strong disabled:pointer-events-none disabled:opacity-60',\n        className\n      )}\n      {...props}\n    >\n      <XIcon size={24} />\n    </button>\n  );\n};\n","'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          className={cn(\n            'relative z-50 grid bg-background',\n            'gap-4 p-6 shadow-dialog outline-none',\n            'max-h-[85dvh] w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n            'rounded-2xl duration-200',\n            'data-[state=open]:animate-in',\n            'data-[state=open]:fade-in-0',\n            'data-[state=open]:zoom-in-80',\n            'data-[state=closed]:animate-out',\n            'data-[state=closed]:fade-out-0',\n            'data-[state=closed]:zoom-out-80',\n            className\n          )}\n          {...props}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close data-slot=\"dialog-close\" tabIndex={-1} asChild className=\"absolute top-3 right-3\">\n              <CloseButton />\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </div>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('font-semibold text-lg text-text-positive-strong leading-none', className)} {...props} />\n  );\n}\n\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"6KAIA,MAAaA,GAAyD,CAAE,YAAW,GAAG,KAElF,EAAC,SAAA,CACC,UAAW,EACT,qQACA,EACD,CACD,GAAI,WAEJ,EAAC,EAAA,CAAM,KAAM,GAAA,CAAM,EACZ,CCPb,SAASC,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAG1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iCACA,+BACA,8BACA,kCACA,iCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAC,EAAA,CAAa,YAAU,0BACtB,EAAC,EAAA,EAAA,CAAgB,CACjB,EAAC,MAAA,CAAI,UAAU,+DACb,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,EACD,CACD,GAAI,YAEH,EACA,GACC,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,SAAU,GAAI,QAAA,GAAQ,UAAU,kCAC9E,EAAC,EAAA,EAAA,CAAc,EACO,CAAA,EAEF,EACtB,CAAA,EACO,CAInB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAG/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAGzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,+DAAgE,EAAU,CAAE,GAAI,GAAS,CAI3J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS"}