@customafk/lunas-ui 0.1.0 → 0.1.1

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

@@ -1,29 +0,0 @@
-import * as react_jsx_runtime0 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_runtime0.JSX.Element>;
-//#endregion
-export { Statistic };
-//# sourceMappingURL=statistic.d.cts.map

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

@@ -1,29 +0,0 @@
-import * as react0 from "react";
-import * as react_jsx_runtime9 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_runtime9.JSX.Element>;
-//#endregion
-export { Statistic };
-//# sourceMappingURL=statistic.d.ts.map

package/dist/data-display/user.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.d.cts.map

package/dist/data-display/user.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.d.ts.map

package/dist/date-CbZskk0Z.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{useCallback as t,useMemo as n}from"react";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=n(()=>{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=t(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=t((e,t=!1)=>{let n=e.getDay();return t?p.weekdaysShort[n]:p.weekdays[n]},[]),T=t((e,t=!1)=>{let n=e.getMonth();return t?p.monthsShort[n]:p.months[n]},[]),E=t(e=>m[i(e,`MM-dd`)]||null,[]),D=t(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=t((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:e(`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:e(`text-accent-foreground font-number text-sm`,b),title:M,children:j})};export{g as t};
-//# sourceMappingURL=date-CbZskk0Z.js.map

package/dist/date-CbZskk0Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-CbZskk0Z.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-DfUDZmkO.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`@customafk/react-toolkit/utils`);t=e.t(t);let n=require(`react`);n=e.t(n);let r=require(`react/jsx-runtime`);r=e.t(r);let i=require(`@customafk/react-toolkit/date-fns`);i=e.t(i);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,n.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,n.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,n.useCallback)((e,t=!1)=>{let n=e.getDay();return t?a.weekdaysShort[n]:a.weekdays[n]},[]),g=(0,n.useCallback)((e,t=!1)=>{let n=e.getMonth();return t?a.monthsShort[n]:a.months[n]},[]),_=(0,n.useCallback)(e=>o[(0,i.format)(e,`MM-dd`)]||null,[]),v=(0,n.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,n.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,t.cn)(`text-muted-foreground text-sm`,d),children:`--/--/----`});let b=y(p,s),x=l?_(p):null,S=x?`${b} (${x})`:b,C=f||(0,i.format)(p,`EEEE, d MMMM yyyy HH:mm:ss`);return(0,r.jsx)(`time`,{dateTime:p.toISOString(),className:(0,t.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-DfUDZmkO.cjs.map

package/dist/date-DfUDZmkO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-DfUDZmkO.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-BZrI1ggR.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`lucide-react`);t=e.t(t);let n=require(`@customafk/react-toolkit/utils`);n=e.t(n);let r=require(`react/jsx-runtime`);r=e.t(r);let i=require(`radix-ui`);i=e.t(i);function a({...e}){return(0,r.jsx)(i.Dialog.Root,{"data-slot":`dialog`,...e})}function o({...e}){return(0,r.jsx)(i.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return(0,r.jsx)(i.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return(0,r.jsx)(i.Dialog.Close,{"data-slot":`dialog-close`,...e})}function l({className:e,...t}){return(0,r.jsx)(i.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:(0,n.cn)(`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),...t})}function u({className:e,children:a,showCloseButton:o=!0,...c}){return(0,r.jsxs)(s,{"data-slot":`dialog-portal`,children:[(0,r.jsx)(l,{}),(0,r.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:(0,r.jsxs)(i.Dialog.Content,{"data-slot":`dialog-content`,className:(0,n.cn)(`bg-background relative z-50 grid`,`shadow-dialog gap-4 p-6 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),...c,children:[a,o&&(0,r.jsxs)(i.Dialog.Close,{"data-slot":`dialog-close`,tabIndex:-1,className:(0,n.cn)(`btnClose`,`absolute top-3 right-3 rounded-full p-2 opacity-70`,`cursor-pointer transition-all`,`outline-0`,`disabled:pointer-events-none`,`focus:ring-2`,`focus:ring-border-weak`,`hover:opacity-100`,`hover:bg-border-muted`,`data-[state=open]:bg-accent-weak`,`data-[state=open]:text-text-positive-muted`,`[&_svg]:text-accent-foreground/60`,`[&_svg]:hover:text-text-positive-strong`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-5`),children:[(0,r.jsx)(t.XIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`dialog-header`,className:(0,n.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`dialog-footer`,className:(0,n.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(i.Dialog.Title,{"data-slot":`dialog-title`,className:(0,n.cn)(`text-text-positive-strong text-lg leading-none font-semibold`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(i.Dialog.Description,{"data-slot":`dialog-description`,className:(0,n.cn)(`text-text-positive-weak text-sm`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=dialog-BZrI1ggR.cjs.map

package/dist/dialog-BZrI1ggR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-BZrI1ggR.cjs","names":["DialogPrimitive","XIcon"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\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            'bg-background relative z-50 grid',\n            'shadow-dialog gap-4 p-6 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\n              data-slot=\"dialog-close\"\n              tabIndex={-1}\n              className={cn(\n                'btnClose',\n                'absolute top-3 right-3 rounded-full p-2 opacity-70',\n                'cursor-pointer transition-all',\n                'outline-0',\n                'disabled:pointer-events-none',\n                'focus:ring-2',\n                'focus:ring-border-weak',\n                'hover:opacity-100',\n                'hover:bg-border-muted',\n                'data-[state=open]:bg-accent-weak',\n                'data-[state=open]:text-text-positive-muted',\n                '[&_svg]:text-accent-foreground/60',\n                '[&_svg]:hover:text-text-positive-strong',\n                '[&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0',\n                \"[&_svg:not([class*='size-'])]:size-5\"\n              )}\n            >\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\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('text-text-positive-strong text-lg leading-none font-semibold', 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-text-positive-weak text-sm', className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"uNAQA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAG1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,8BACA,kCACA,iCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAa,YAAU,2BACtB,EAAA,EAAA,KAAC,EAAA,EAAA,CAAgB,EACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gEACb,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,EACD,CACD,GAAI,YAEH,EACA,IACC,EAAA,EAAA,MAACA,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,SAAU,GACV,WAAA,EAAA,EAAA,IACE,WACA,qDACA,gCACA,YACA,+BACA,eACA,yBACA,oBACA,wBACA,mCACA,6CACA,oCACA,0CACA,8BACA,mBACA,uCACD,YAED,EAAA,EAAA,KAACC,EAAAA,MAAAA,EAAAA,CAAQ,EACT,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,SAAY,CAAA,EAChB,CAAA,EAEF,EACtB,CAAA,EACO,CAInB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAG/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAGzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,+DAAgE,EAAU,CAAE,GAAI,GAAS,CAI3J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/dialog-BbHuA_eL.d.ts

@@ -1,47 +0,0 @@
-import * as react_jsx_runtime182 from "react/jsx-runtime";
-import { Dialog } from "radix-ui";
-
-//#region packages/components/ui/dialog.d.ts
-declare function Dialog$1({
-  ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime182.JSX.Element;
-declare function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime182.JSX.Element;
-declare function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime182.JSX.Element;
-declare function DialogClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime182.JSX.Element;
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime182.JSX.Element;
-declare function DialogContent({
-  className,
-  children,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  showCloseButton?: boolean;
-}): react_jsx_runtime182.JSX.Element;
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime182.JSX.Element;
-declare function DialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime182.JSX.Element;
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime182.JSX.Element;
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime182.JSX.Element;
-//#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog$1 as t, DialogTrigger as u };
-//# sourceMappingURL=dialog-BbHuA_eL.d.ts.map

package/dist/dialog-CTvVeLHn.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";function a({...e}){return n(i.Root,{"data-slot":`dialog`,...e})}function o({...e}){return n(i.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return n(i.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return n(i.Close,{"data-slot":`dialog-close`,...e})}function l({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 u({className:a,children:o,showCloseButton:c=!0,...u}){return r(s,{"data-slot":`dialog-portal`,children:[n(l,{}),n(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:r(i.Content,{"data-slot":`dialog-content`,className:t(`bg-background relative z-50 grid`,`shadow-dialog gap-4 p-6 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`,a),...u,children:[o,c&&r(i.Close,{"data-slot":`dialog-close`,tabIndex:-1,className:t(`btnClose`,`absolute top-3 right-3 rounded-full p-2 opacity-70`,`cursor-pointer transition-all`,`outline-0`,`disabled:pointer-events-none`,`focus:ring-2`,`focus:ring-border-weak`,`hover:opacity-100`,`hover:bg-border-muted`,`data-[state=open]:bg-accent-weak`,`data-[state=open]:text-text-positive-muted`,`[&_svg]:text-accent-foreground/60`,`[&_svg]:hover:text-text-positive-strong`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-5`),children:[n(e,{}),n(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({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 f({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 p({className:e,...r}){return n(i.Title,{"data-slot":`dialog-title`,className:t(`text-text-positive-strong text-lg leading-none font-semibold`,e),...r})}function m({className:e,...r}){return n(i.Description,{"data-slot":`dialog-description`,className:t(`text-text-positive-weak text-sm`,e),...r})}export{f as a,s as c,m as i,p as l,c as n,d as o,u as r,l as s,a as t,o as u};
-//# sourceMappingURL=dialog-CTvVeLHn.js.map

package/dist/dialog-CTvVeLHn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-CTvVeLHn.js","names":["Dialog","DialogPrimitive"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\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            'bg-background relative z-50 grid',\n            'shadow-dialog gap-4 p-6 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\n              data-slot=\"dialog-close\"\n              tabIndex={-1}\n              className={cn(\n                'btnClose',\n                'absolute top-3 right-3 rounded-full p-2 opacity-70',\n                'cursor-pointer transition-all',\n                'outline-0',\n                'disabled:pointer-events-none',\n                'focus:ring-2',\n                'focus:ring-border-weak',\n                'hover:opacity-100',\n                'hover:bg-border-muted',\n                'data-[state=open]:bg-accent-weak',\n                'data-[state=open]:text-text-positive-muted',\n                '[&_svg]:text-accent-foreground/60',\n                '[&_svg]:hover:text-text-positive-strong',\n                '[&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0',\n                \"[&_svg:not([class*='size-'])]:size-5\"\n              )}\n            >\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\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('text-text-positive-strong text-lg leading-none font-semibold', 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-text-positive-weak text-sm', className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"6KAQA,SAASA,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,CACf,YAAU,eACV,SAAU,GACV,UAAW,EACT,WACA,qDACA,gCACA,YACA,+BACA,eACA,yBACA,oBACA,wBACA,mCACA,6CACA,oCACA,0CACA,8BACA,mBACA,uCACD,WAED,EAAC,EAAA,EAAA,CAAQ,CACT,EAAC,OAAA,CAAK,UAAU,mBAAU,SAAY,CAAA,EAChB,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"}

package/dist/dialog-DCW403Nj.d.cts

@@ -1,47 +0,0 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import { Dialog } from "radix-ui";
-
-//#region packages/components/ui/dialog.d.ts
-declare function Dialog$1({
-  ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime13.JSX.Element;
-declare function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime13.JSX.Element;
-declare function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime13.JSX.Element;
-declare function DialogClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime13.JSX.Element;
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime13.JSX.Element;
-declare function DialogContent({
-  className,
-  children,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  showCloseButton?: boolean;
-}): react_jsx_runtime13.JSX.Element;
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime13.JSX.Element;
-declare function DialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime13.JSX.Element;
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime13.JSX.Element;
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime13.JSX.Element;
-//#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog$1 as t, DialogTrigger as u };
-//# sourceMappingURL=dialog-DCW403Nj.d.cts.map

package/dist/dialogs/confirm-dialog.d.cts

@@ -1,13 +0,0 @@
-//#region packages/components/dialogs/confirm-dialog.d.ts
-type Props = {
-  open?: boolean;
-  isLoading?: boolean;
-  title: string;
-  description: string;
-  onOpenChange?: (open: boolean) => void;
-  onConfirm?: () => void;
-};
-declare const ConfirmDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { ConfirmDialog };
-//# sourceMappingURL=confirm-dialog.d.cts.map

package/dist/dialogs/confirm-dialog.d.ts

@@ -1,13 +0,0 @@
-//#region packages/components/dialogs/confirm-dialog.d.ts
-type Props = {
-  open?: boolean;
-  isLoading?: boolean;
-  title: string;
-  description: string;
-  onOpenChange?: (open: boolean) => void;
-  onConfirm?: () => void;
-};
-declare const ConfirmDialog: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { ConfirmDialog };
-//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/dialogs/detail-dialog/component/sidebar.d.cts

@@ -1,166 +0,0 @@
-import { t as Button } from "../../../button-DT2zgZfZ.cjs";
-import { t as Input } from "../../../input-CGlr-f2P.cjs";
-import { t as Separator } from "../../../separator-DlKvRb97.cjs";
-import { n as TooltipContent } from "../../../tooltip-Co_tM-og.cjs";
-import * as react_jsx_runtime176 from "react/jsx-runtime";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts
-type SidebarContextProps = {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime176.JSX.Element;
-declare function Sidebar({
-  side,
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  side?: 'left' | 'right';
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarRail({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime176.JSX.Element;
-declare function SidebarInset({
-  className,
-  ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime176.JSX.Element;
-declare function SidebarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarGroupLabel({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarGroupAction({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-}): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenu({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime176.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
-declare function DetailDialogSidebarMenuButton({
-  asChild,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuAction({
-  className,
-  asChild,
-  showOnHover,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-}): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: React.ComponentProps<'div'> & {
-  showIcon?: boolean;
-}): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuSub({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime176.JSX.Element;
-declare function DetailDialogSidebarMenuSubButton({
-  asChild,
-  size,
-  isActive,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-}): react_jsx_runtime176.JSX.Element;
-//#endregion
-export { DetailDialogSidebarContent, DetailDialogSidebarFooter, DetailDialogSidebarGroup, DetailDialogSidebarGroupAction, DetailDialogSidebarGroupContent, DetailDialogSidebarGroupLabel, DetailDialogSidebarHeader, DetailDialogSidebarMenu, DetailDialogSidebarMenuAction, DetailDialogSidebarMenuBadge, DetailDialogSidebarMenuButton, DetailDialogSidebarMenuItem, DetailDialogSidebarMenuSkeleton, DetailDialogSidebarMenuSub, DetailDialogSidebarMenuSubButton, DetailDialogSidebarMenuSubItem, DetailDialogSidebarRail, DetailDialogSidebarSeparator, DetailDialogSidebarTrigger, Sidebar, SidebarInput, SidebarInset, SidebarProvider, useSidebar };
-//# sourceMappingURL=sidebar.d.cts.map