@customafk/lunas-ui 0.0.60 → 0.0.61

package/dist/data-display/statistic.js

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

package/dist/{date-Cbx2drzh.js → date-DWxL795U.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{useCallback as n,useMemo as r}from"react";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=r(()=>{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=n(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=n((e,t=!1)=>{let n=e.getDay();return t?p.weekdaysShort[n]:p.weekdays[n]},[]),T=n((e,t=!1)=>{let n=e.getMonth();return t?p.monthsShort[n]:p.months[n]},[]),E=n(e=>{let t=i(e,`MM-dd`);return m[t]||null},[]),D=n(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=n((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`:{let t=`${w(e)}, ngày ${i(e,`d`)} ${T(e)} năm ${i(e,`yyyy`)}`;return t+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 t(`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 t(`time`,{dateTime:S.toISOString(),className:e(`text-accent-foreground font-number text-sm`,b),title:M,children:j})};export{g as DateDisplay};
-//# sourceMappingURL=date-Cbx2drzh.js.map
+//# sourceMappingURL=date-DWxL795U.js.map

package/dist/{date-Cbx2drzh.js.map → date-DWxL795U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-Cbx2drzh.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":"kUACA,MAAa,EAAmB,CAC9B,SAAU,CAAC,WAAY,UAAW,SAAU,SAAU,UAAW,UAAW,WAC5E,cAAe,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MACpD,OAAQ,CAAC,UAAW,UAAW,UAAW,UAAW,UAAW,UAAW,UAAW,UAAW,UAAW,WAAY,WAAY,YACpI,YAAa,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAAO,MAAO,QAIvE,EAAqB,CAChC,QAAS,iBACT,QAAS,iBACT,QAAS,2BACT,QAAS,mBACT,QAAS,aACT,QAAS,uBACT,QAAS,0BAIe,OAAO,OAAO,CACtC,OAAQ,IACR,OAAQ,GAAK,IACb,KAAM,KAAU,IAChB,IAAK,KAAU,GAAK,IACpB,KAAM,MAAc,GAAK,IACzB,MAAO,IAAU,GAAK,GAAK,IAC3B,KAAM,IAAM,GAAK,GAAK,GAAK,MAG7B,MAAa,EAAkB,OAAO,OAAO,CAC3C,OAAQ,GACR,KAAM,KACN,IAAK,KAAU,GACf,KAAM,MAAc,GACpB,MAAO,IAAU,GAAK,GACtB,KAAM,IAAM,GAAK,GAAK,KAGO,OAAO,OAAO,CAC3C,KAAM,GACN,IAAK,KACL,KAAM,MACN,MAAO,IAAU,KCpBnB,MAAaA,GAAgC,CAAE,OAAM,OAAQ,EAAa,SAAU,cAAc,GAAO,WAAW,GAAO,YAAY,GAAI,WAAY,CACrJ,IAAM,EAAa,MAAc,CAC/B,GAAI,CACF,GAAI,aAAgB,KAClB,OAAO,EAAQ,GAAQ,EAAO,KAEhC,GAAI,OAAO,GAAS,SAAU,CAC5B,IAAM,EAAS,EAAS,GACxB,OAAO,EAAQ,GAAU,EAAS,IAAI,KAAK,GAE7C,GAAI,OAAO,GAAS,SAAU,CAC5B,IAAM,EAAS,IAAI,KAAK,GACxB,OAAO,EAAQ,GAAU,EAAS,KAEpC,OAAO,UACD,CACN,OAAO,OAER,CAAC,IAGE,EAAqB,EAAa,GAAuB,CAC7D,IAAM,EAAM,IAAI,KACV,EAAgB,KAAK,OAAO,EAAI,UAAYC,EAAK,WAAa,KAQpE,OANI,EAAgB,GAAW,WAC3B,EAAgB,KAAa,GAAG,KAAK,MAAM,EAAgB,EAAgB,QAAQ,aACnF,EAAgB,MAAc,GAAG,KAAK,MAAM,EAAgB,EAAgB,MAAM,YAClF,EAAgB,OAAe,GAAG,KAAK,MAAM,EAAgB,EAAgB,KAAK,aAClF,EAAgB,OAAgB,GAAG,KAAK,MAAM,EAAgB,EAAgB,MAAM,aACpF,EAAgB,QAAiB,GAAG,KAAK,MAAM,EAAgB,EAAgB,OAAO,cACnF,GAAG,KAAK,MAAM,EAAgB,EAAgB,MAAM,aAC1D,IAGG,EAAuB,GAAa,EAAY,EAAiB,KAAkB,CACvF,IAAM,EAAWA,EAAK,SACtB,OAAO,EAAQ,EAAiB,cAAc,GAAY,EAAiB,SAAS,IACnF,IAGG,EAAqB,GAAa,EAAY,EAAiB,KAAkB,CACrF,IAAM,EAAaA,EAAK,WACxB,OAAO,EAAQ,EAAiB,YAAY,GAAc,EAAiB,OAAO,IACjF,IAGG,EAAa,EAAa,GAA8B,CAC5D,IAAM,EAAW,EAAOA,EAAM,SAC9B,OAAO,EAAmB,IAAa,MACtC,IAGG,EAAiB,EACpB,GAAuB,CACtB,GAAI,EAAQA,GACV,OAAO,EAAW,WAAW,EAAOA,EAAM,WAAa,UAEzD,GAAI,EAAYA,GACd,OAAO,EAAW,WAAW,EAAOA,EAAM,WAAa,UAEzD,GAAI,EAAWA,GACb,OAAO,EAAW,YAAY,EAAOA,EAAM,WAAa,WAE1D,GAAI,EAAWA,GAAO,CACpB,IAAM,EAAU,EAAqBA,GACrC,OAAO,EAAW,GAAG,EAAQ,GAAG,EAAOA,EAAM,WAAa,EAE5D,GAAI,EAAYA,GAAO,CACrB,IAAM,EAAM,EAAOA,EAAM,KACzB,OAAO,EAAW,GAAG,EAAI,GAAG,EAAOA,EAAM,KAAK,GAAG,EAAOA,EAAM,WAAa,GAAG,EAAI,GAAG,EAAOA,EAAM,OAKpG,OAHI,EAAWA,GACN,EAAW,EAAOA,EAAM,aAAe,EAAOA,EAAM,OAEtD,EAAW,EAAOA,EAAM,kBAAoB,EAAOA,EAAM,aAElE,CAAC,EAAsB,IAInB,EAAa,GAChB,EAAY,IAAyB,CACpC,IAAM,EAAU,EAAW,EAAOA,EAAM,WAAa,GAErD,OAAQ,EAAR,CACE,IAAK,QACH,OAAO,EAAOA,EAAM,UAAY,EAElC,IAAK,SACH,OAAO,EAAOA,EAAM,cAAgB,EAEtC,IAAK,OACH,MAAO,GAAG,EAAOA,EAAM,KAAK,GAAG,EAAmBA,GAAM,GAAG,EAAOA,EAAM,UAAY,EAEtF,IAAK,OAAQ,CACX,IAAM,EAAO,GAAG,EAAqBA,GAAM,SAAS,EAAOA,EAAM,KAAK,GAAG,EAAmBA,GAAM,OAAO,EAAOA,EAAM,UACtH,OAAO,EAAO,EAGhB,IAAK,WACH,OAAO,EAAmBA,GAE5B,IAAK,WACH,OAAO,EAAOA,EAAM,kBAEtB,IAAK,OACH,OAAO,EAAOA,EAAM,SAEtB,IAAK,QACH,OAAO,EAAeA,GAExB,QACE,OAAO,EAAOA,EAAM,YAAc,IAGxC,CAAC,EAAgB,EAAoB,EAAsB,EAAoB,IAGjF,GAAI,CAAC,EACH,OAAO,EAAC,OAAA,CAAK,UAAW,EAAG,gCAAiC,YAAY,eAG1E,IAAM,EAAgB,EAAW,EAAY,GACvC,EAAU,EAAc,EAAW,GAAc,KACjD,EAAc,EAAU,GAAG,EAAc,IAAI,EAAQ,GAAK,EAC1D,EAAe,GAAS,EAAO,EAAY,8BAEjD,OACE,EAAC,OAAA,CAAK,SAAU,EAAW,cAAe,UAAW,EAAG,6CAA8C,GAAY,MAAO,WACtH"}
+{"version":3,"file":"date-DWxL795U.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-qVDm6BT3.cjs → date-wo9LyN6l.cjs}

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

package/dist/{date-qVDm6BT3.cjs.map → date-wo9LyN6l.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"date-qVDm6BT3.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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"}
+{"version":3,"file":"date-wo9LyN6l.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-uj9sAbgt.d.cts → dialog-B10MbJD8.d.ts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime69 from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region packages/components/ui/dialog.d.ts
 declare function Dialog$1({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime59.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime59.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime59.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime59.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime59.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -25,23 +25,23 @@ declare function DialogContent({
   ...props
 }: React.ComponentProps<typeof Dialog.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime69.JSX.Element;
+}): react_jsx_runtime59.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime59.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime59.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime59.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
-//# sourceMappingURL=dialog-uj9sAbgt.d.cts.map
+//# sourceMappingURL=dialog-B10MbJD8.d.ts.map

package/dist/dialog-CGrbU7PO.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`lucide-react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({...e}){return(0,i.jsx)(r.Dialog.Root,{"data-slot":`dialog`,...e})}function o({...e}){return(0,i.jsx)(r.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return(0,i.jsx)(r.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return(0,i.jsx)(r.Dialog.Close,{"data-slot":`dialog-close`,...e})}function l({className:e,...t}){return(0,i.jsx)(r.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,i.jsxs)(s,{"data-slot":`dialog-portal`,children:[(0,i.jsx)(l,{}),(0,i.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:(0,i.jsxs)(r.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-[85svh] 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,i.jsxs)(r.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,i.jsx)(t.XIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:e,...t}){return(0,i.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,i.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,i.jsx)(r.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,i.jsx)(r.Dialog.Description,{"data-slot":`dialog-description`,className:(0,n.cn)(`text-text-positive-weak text-sm`,e),...t})}Object.defineProperty(exports,`Dialog`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`DialogClose`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`DialogContent`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`DialogDescription`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`DialogFooter`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`DialogHeader`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`DialogOverlay`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`DialogPortal`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`DialogTitle`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`DialogTrigger`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=dialog-CGrbU7PO.cjs.map

package/dist/{dialog-E5OYibMU.cjs.map → dialog-CGrbU7PO.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-E5OYibMU.cjs","names":["DialogPrimitive","XIcon"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { XIcon } from 'lucide-react'\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-[85svh] 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 <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('text-text-positive-strong text-lg leading-none font-semibold', className)} {...props} />\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":"+MAOA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,IAGtD,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,IAGjE,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,IAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,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,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAa,YAAU,2BACtB,EAAA,EAAA,KAAC,EAAA,KACD,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,GAEF,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,mDAGF,EAAA,EAAA,KAACC,EAAAA,MAAAA,KACD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,qBASxC,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,+CAAgD,GAAY,GAAI,IAGtH,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,yDAA0D,GAAY,GAAI,IAGhI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,+DAAgE,GAAY,GAAI,IAGvJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,GAAI"}
+{"version":3,"file":"dialog-CGrbU7PO.cjs","names":["DialogPrimitive","XIcon"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { XIcon } from 'lucide-react'\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-[85svh] 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 <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('text-text-positive-strong text-lg leading-none font-semibold', className)} {...props} />\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":"+MAOA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,IAGtD,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,IAGjE,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,IAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,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,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAa,YAAU,2BACtB,EAAA,EAAA,KAAC,EAAA,KACD,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,GAEF,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,mDAGF,EAAA,EAAA,KAACC,EAAAA,MAAAA,KACD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,qBASxC,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,+CAAgD,GAAY,GAAI,IAGtH,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,yDAA0D,GAAY,GAAI,IAGhI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,+DAAgE,GAAY,GAAI,IAGvJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,GAAI"}

package/dist/{dialog-Dra_FGdL.d.ts → dialog-CIrv1yaX.d.cts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime85 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_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime85.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime85.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime85.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime85.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime85.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -25,23 +25,23 @@ declare function DialogContent({
   ...props
 }: React.ComponentProps<typeof Dialog.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime113.JSX.Element;
+}): react_jsx_runtime85.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime85.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime85.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime85.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime113.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime85.JSX.Element;
 //#endregion
 export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
-//# sourceMappingURL=dialog-Dra_FGdL.d.ts.map
+//# sourceMappingURL=dialog-CIrv1yaX.d.cts.map

package/dist/dialog-DbI18XF9.js

@@ -0,0 +1,2 @@
+import{XIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{Dialog as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({...e}){return r(n.Root,{"data-slot":`dialog`,...e})}function o({...e}){return r(n.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return r(n.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return r(n.Close,{"data-slot":`dialog-close`,...e})}function l({className:e,...i}){return r(n.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),...i})}function u({className:a,children:o,showCloseButton:c=!0,...u}){return i(s,{"data-slot":`dialog-portal`,children:[r(l,{}),r(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:i(n.Content,{"data-slot":`dialog-content`,className:t(`bg-background relative z-50 grid`,`shadow-dialog gap-4 p-6 outline-none`,`max-h-[85svh] 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&&i(n.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:[r(e,{}),r(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:e,...n}){return r(`div`,{"data-slot":`dialog-header`,className:t(`flex flex-col gap-2 text-center sm:text-left`,e),...n})}function f({className:e,...n}){return r(`div`,{"data-slot":`dialog-footer`,className:t(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function p({className:e,...i}){return r(n.Title,{"data-slot":`dialog-title`,className:t(`text-text-positive-strong text-lg leading-none font-semibold`,e),...i})}function m({className:e,...i}){return r(n.Description,{"data-slot":`dialog-description`,className:t(`text-text-positive-weak text-sm`,e),...i})}export{a as Dialog,c as DialogClose,u as DialogContent,m as DialogDescription,f as DialogFooter,d as DialogHeader,l as DialogOverlay,s as DialogPortal,p as DialogTitle,o as DialogTrigger};
+//# sourceMappingURL=dialog-DbI18XF9.js.map

package/dist/{dialog-BEJ3krbY.js.map → dialog-DbI18XF9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-BEJ3krbY.js","names":["Dialog","DialogPrimitive"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { XIcon } from 'lucide-react'\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-[85svh] 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 <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('text-text-positive-strong text-lg leading-none font-semibold', className)} {...props} />\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":"6KAOA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,IAGtD,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,IAGjE,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,IAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iCACA,+BACA,8BACA,kCACA,iCACA,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAC,EAAA,CAAa,YAAU,0BACtB,EAAC,EAAA,IACD,EAAC,MAAA,CAAI,UAAU,+DACb,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,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,kDAGF,EAAC,EAAA,IACD,EAAC,OAAA,CAAK,UAAU,mBAAU,qBASxC,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,+CAAgD,GAAY,GAAI,IAGtH,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,yDAA0D,GAAY,GAAI,IAGhI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,+DAAgE,GAAY,GAAI,IAGvJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAW,EAAG,kCAAmC,GAAY,GAAI"}
+{"version":3,"file":"dialog-DbI18XF9.js","names":["Dialog","DialogPrimitive"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { XIcon } from 'lucide-react'\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-[85svh] 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 <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('text-text-positive-strong text-lg leading-none font-semibold', className)} {...props} />\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":"6KAOA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,IAGtD,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,IAGjE,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,IAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iCACA,+BACA,8BACA,kCACA,iCACA,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAGF,CACD,OACE,EAAC,EAAA,CAAa,YAAU,0BACtB,EAAC,EAAA,IACD,EAAC,MAAA,CAAI,UAAU,+DACb,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,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,kDAGF,EAAC,EAAA,IACD,EAAC,OAAA,CAAK,UAAU,mBAAU,qBASxC,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,+CAAgD,GAAY,GAAI,IAGtH,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,yDAA0D,GAAY,GAAI,IAGhI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,+DAAgE,GAAY,GAAI,IAGvJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAW,EAAG,kCAAmC,GAAY,GAAI"}

package/dist/dialogs/confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../button-ChpGfVjG.cjs`);const t=require(`../alert-dialog-csUZX4AP.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({open:e,isLoading:r=!1,title:i,description:a,onOpenChange:o,onConfirm:s})=>(0,n.jsx)(t.AlertDialog,{open:e,onOpenChange:o,children:(0,n.jsxs)(t.AlertDialogContent,{children:[(0,n.jsxs)(t.AlertDialogHeader,{className:`gap-0`,children:[(0,n.jsx)(t.AlertDialogTitle,{children:i}),(0,n.jsx)(t.AlertDialogDescription,{children:a})]}),(0,n.jsxs)(t.AlertDialogFooter,{children:[(0,n.jsx)(t.AlertDialogCancel,{children:`Cancel`}),(0,n.jsx)(t.AlertDialogAction,{className:`min-h-9 w-full md:w-24`,onClick:s,children:r?(0,n.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,n.jsx)(`div`,{className:`loader-spinner text-muted-foreground`})}):`Confirm`})]})]})});exports.ConfirmDialog=r;
+const e=require(`../chunk-CUT6urMc.cjs`);require(`../button-119IIVCy.cjs`);const t=require(`../alert-dialog-7AEaiJxA.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({open:e,isLoading:r=!1,title:i,description:a,onOpenChange:o,onConfirm:s})=>(0,n.jsx)(t.AlertDialog,{open:e,onOpenChange:o,children:(0,n.jsxs)(t.AlertDialogContent,{children:[(0,n.jsxs)(t.AlertDialogHeader,{className:`gap-0`,children:[(0,n.jsx)(t.AlertDialogTitle,{children:i}),(0,n.jsx)(t.AlertDialogDescription,{children:a})]}),(0,n.jsxs)(t.AlertDialogFooter,{children:[(0,n.jsx)(t.AlertDialogCancel,{children:`Cancel`}),(0,n.jsx)(t.AlertDialogAction,{className:`min-h-9 w-full md:w-24`,onClick:s,children:r?(0,n.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,n.jsx)(`div`,{className:`loader-spinner text-muted-foreground`})}):`Confirm`})]})]})});exports.ConfirmDialog=r;
 //# sourceMappingURL=confirm-dialog.cjs.map

package/dist/dialogs/confirm-dialog.js

@@ -1,2 +1,2 @@
-import"../button-DL_i4AVi.js";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogFooter as a,AlertDialogHeader as o,AlertDialogTitle as s}from"../alert-dialog-CnUUZRzI.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({open:u,isLoading:d=!1,title:f,description:p,onOpenChange:m,onConfirm:h})=>c(e,{open:u,onOpenChange:m,children:l(r,{children:[l(o,{className:`gap-0`,children:[c(s,{children:f}),c(i,{children:p})]}),l(a,{children:[c(n,{children:`Cancel`}),c(t,{className:`min-h-9 w-full md:w-24`,onClick:h,children:d?c(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:c(`div`,{className:`loader-spinner text-muted-foreground`})}):`Confirm`})]})]})});export{u as ConfirmDialog};
+import"../button-CvQQTSka.js";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogFooter as a,AlertDialogHeader as o,AlertDialogTitle as s}from"../alert-dialog-B8Whrlfq.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({open:u,isLoading:d=!1,title:f,description:p,onOpenChange:m,onConfirm:h})=>c(e,{open:u,onOpenChange:m,children:l(r,{children:[l(o,{className:`gap-0`,children:[c(s,{children:f}),c(i,{children:p})]}),l(a,{children:[c(n,{children:`Cancel`}),c(t,{className:`min-h-9 w-full md:w-24`,onClick:h,children:d?c(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:c(`div`,{className:`loader-spinner text-muted-foreground`})}):`Confirm`})]})]})});export{u as ConfirmDialog};
 //# sourceMappingURL=confirm-dialog.js.map

package/dist/dialogs/detail-dialog/component/sidebar.cjs

@@ -1 +1 @@
-"use client";require(`../../../tooltip-BX3D74kN.cjs`),require(`../../../button-ChpGfVjG.cjs`),require(`../../../input-DQF8Uxmk.cjs`),require(`../../../skeleton-1syVaGRv.cjs`),require(`../../../separator-DbcVW13X.cjs`),require(`../../../sheet-BoPRwRzk.cjs`);const e=require(`../../../sidebar-BCsgl6i1.cjs`);exports.DetailDialogSidebarContent=e.DetailDialogSidebarContent,exports.DetailDialogSidebarFooter=e.DetailDialogSidebarFooter,exports.DetailDialogSidebarGroup=e.DetailDialogSidebarGroup,exports.DetailDialogSidebarGroupAction=e.DetailDialogSidebarGroupAction,exports.DetailDialogSidebarGroupContent=e.DetailDialogSidebarGroupContent,exports.DetailDialogSidebarGroupLabel=e.DetailDialogSidebarGroupLabel,exports.DetailDialogSidebarHeader=e.DetailDialogSidebarHeader,exports.DetailDialogSidebarMenu=e.DetailDialogSidebarMenu,exports.DetailDialogSidebarMenuAction=e.DetailDialogSidebarMenuAction,exports.DetailDialogSidebarMenuBadge=e.DetailDialogSidebarMenuBadge,exports.DetailDialogSidebarMenuButton=e.DetailDialogSidebarMenuButton,exports.DetailDialogSidebarMenuItem=e.DetailDialogSidebarMenuItem,exports.DetailDialogSidebarMenuSkeleton=e.DetailDialogSidebarMenuSkeleton,exports.DetailDialogSidebarMenuSub=e.DetailDialogSidebarMenuSub,exports.DetailDialogSidebarMenuSubButton=e.DetailDialogSidebarMenuSubButton,exports.DetailDialogSidebarMenuSubItem=e.DetailDialogSidebarMenuSubItem,exports.DetailDialogSidebarRail=e.DetailDialogSidebarRail,exports.DetailDialogSidebarSeparator=e.DetailDialogSidebarSeparator,exports.DetailDialogSidebarTrigger=e.DetailDialogSidebarTrigger,exports.Sidebar=e.Sidebar,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarProvider=e.SidebarProvider,exports.useSidebar=e.useSidebar;
+"use client";require(`../../../button-119IIVCy.cjs`),require(`../../../skeleton-CmGSyYRm.cjs`),require(`../../../tooltip-meYt4lxB.cjs`),require(`../../../input-Bt7b3-NW.cjs`),require(`../../../separator-hulDSW7B.cjs`),require(`../../../sheet-D8iW1o50.cjs`);const e=require(`../../../sidebar-BwIH2lFJ.cjs`);exports.DetailDialogSidebarContent=e.DetailDialogSidebarContent,exports.DetailDialogSidebarFooter=e.DetailDialogSidebarFooter,exports.DetailDialogSidebarGroup=e.DetailDialogSidebarGroup,exports.DetailDialogSidebarGroupAction=e.DetailDialogSidebarGroupAction,exports.DetailDialogSidebarGroupContent=e.DetailDialogSidebarGroupContent,exports.DetailDialogSidebarGroupLabel=e.DetailDialogSidebarGroupLabel,exports.DetailDialogSidebarHeader=e.DetailDialogSidebarHeader,exports.DetailDialogSidebarMenu=e.DetailDialogSidebarMenu,exports.DetailDialogSidebarMenuAction=e.DetailDialogSidebarMenuAction,exports.DetailDialogSidebarMenuBadge=e.DetailDialogSidebarMenuBadge,exports.DetailDialogSidebarMenuButton=e.DetailDialogSidebarMenuButton,exports.DetailDialogSidebarMenuItem=e.DetailDialogSidebarMenuItem,exports.DetailDialogSidebarMenuSkeleton=e.DetailDialogSidebarMenuSkeleton,exports.DetailDialogSidebarMenuSub=e.DetailDialogSidebarMenuSub,exports.DetailDialogSidebarMenuSubButton=e.DetailDialogSidebarMenuSubButton,exports.DetailDialogSidebarMenuSubItem=e.DetailDialogSidebarMenuSubItem,exports.DetailDialogSidebarRail=e.DetailDialogSidebarRail,exports.DetailDialogSidebarSeparator=e.DetailDialogSidebarSeparator,exports.DetailDialogSidebarTrigger=e.DetailDialogSidebarTrigger,exports.Sidebar=e.Sidebar,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarProvider=e.SidebarProvider,exports.useSidebar=e.useSidebar;

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

@@ -1,7 +1,7 @@
-import { Button } from "../../../button-QTiWGKzL.cjs";
-import { Input } from "../../../input-6yLVoluZ.cjs";
-import { Separator } from "../../../separator-C0YKWxkk.cjs";
-import { TooltipContent } from "../../../tooltip-Ccg2G_fB.cjs";
+import { Button } from "../../../button-CiiRwPo0.cjs";
+import { Input } from "../../../input-Btkk-D-H.cjs";
+import { Separator } from "../../../separator-de4423bu.cjs";
+import { TooltipContent } from "../../../tooltip-DE_eohyj.cjs";
 import * as react_jsx_runtime236 from "react/jsx-runtime";
 import * as class_variance_authority_types6 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";

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

@@ -1,9 +1,9 @@
-import { Button } from "../../../button-BHhyePyp.js";
-import { Input } from "../../../input-MftSrRAM.js";
-import { Separator } from "../../../separator-D6-cZUiB.js";
-import { TooltipContent } from "../../../tooltip-CcNSIS_A.js";
-import * as react_jsx_runtime236 from "react/jsx-runtime";
+import { Button } from "../../../button-tIBg0Orc.js";
+import { Input } from "../../../input-CyBgjNII.js";
+import { Separator } from "../../../separator-B-yN9e9m.js";
+import { TooltipContent } from "../../../tooltip-C30oHuY9.js";
 import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime236 from "react/jsx-runtime";
 import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region packages/components/dialogs/detail-dialog/component/sidebar.d.ts

package/dist/dialogs/detail-dialog/component/sidebar.js

@@ -1 +1 @@
-"use client";import"../../../tooltip-B7S7TrMj.js";import"../../../button-DL_i4AVi.js";import"../../../input-B2PP82lE.js";import"../../../skeleton-D_7tekGk.js";import"../../../separator-DW2rRXaF.js";import"../../../sheet-CJscm87z.js";import{DetailDialogSidebarContent as e,DetailDialogSidebarFooter as t,DetailDialogSidebarGroup as n,DetailDialogSidebarGroupAction as r,DetailDialogSidebarGroupContent as i,DetailDialogSidebarGroupLabel as a,DetailDialogSidebarHeader as o,DetailDialogSidebarMenu as s,DetailDialogSidebarMenuAction as c,DetailDialogSidebarMenuBadge as l,DetailDialogSidebarMenuButton as u,DetailDialogSidebarMenuItem as d,DetailDialogSidebarMenuSkeleton as f,DetailDialogSidebarMenuSub as p,DetailDialogSidebarMenuSubButton as m,DetailDialogSidebarMenuSubItem as h,DetailDialogSidebarRail as g,DetailDialogSidebarSeparator as _,DetailDialogSidebarTrigger as v,Sidebar as y,SidebarInput as b,SidebarInset as x,SidebarProvider as S,useSidebar as C}from"../../../sidebar-BEgx0ScE.js";export{e as DetailDialogSidebarContent,t as DetailDialogSidebarFooter,n as DetailDialogSidebarGroup,r as DetailDialogSidebarGroupAction,i as DetailDialogSidebarGroupContent,a as DetailDialogSidebarGroupLabel,o as DetailDialogSidebarHeader,s as DetailDialogSidebarMenu,c as DetailDialogSidebarMenuAction,l as DetailDialogSidebarMenuBadge,u as DetailDialogSidebarMenuButton,d as DetailDialogSidebarMenuItem,f as DetailDialogSidebarMenuSkeleton,p as DetailDialogSidebarMenuSub,m as DetailDialogSidebarMenuSubButton,h as DetailDialogSidebarMenuSubItem,g as DetailDialogSidebarRail,_ as DetailDialogSidebarSeparator,v as DetailDialogSidebarTrigger,y as Sidebar,b as SidebarInput,x as SidebarInset,S as SidebarProvider,C as useSidebar};
+"use client";import"../../../button-CvQQTSka.js";import"../../../skeleton-DFF0w4en.js";import"../../../tooltip-CN8vvmWA.js";import"../../../input-i5Nm0R1X.js";import"../../../separator-CxCq7NYP.js";import"../../../sheet-amjZQ7nX.js";import{DetailDialogSidebarContent as e,DetailDialogSidebarFooter as t,DetailDialogSidebarGroup as n,DetailDialogSidebarGroupAction as r,DetailDialogSidebarGroupContent as i,DetailDialogSidebarGroupLabel as a,DetailDialogSidebarHeader as o,DetailDialogSidebarMenu as s,DetailDialogSidebarMenuAction as c,DetailDialogSidebarMenuBadge as l,DetailDialogSidebarMenuButton as u,DetailDialogSidebarMenuItem as d,DetailDialogSidebarMenuSkeleton as f,DetailDialogSidebarMenuSub as p,DetailDialogSidebarMenuSubButton as m,DetailDialogSidebarMenuSubItem as h,DetailDialogSidebarRail as g,DetailDialogSidebarSeparator as _,DetailDialogSidebarTrigger as v,Sidebar as y,SidebarInput as b,SidebarInset as x,SidebarProvider as S,useSidebar as C}from"../../../sidebar-Cf5tv_x0.js";export{e as DetailDialogSidebarContent,t as DetailDialogSidebarFooter,n as DetailDialogSidebarGroup,r as DetailDialogSidebarGroupAction,i as DetailDialogSidebarGroupContent,a as DetailDialogSidebarGroupLabel,o as DetailDialogSidebarHeader,s as DetailDialogSidebarMenu,c as DetailDialogSidebarMenuAction,l as DetailDialogSidebarMenuBadge,u as DetailDialogSidebarMenuButton,d as DetailDialogSidebarMenuItem,f as DetailDialogSidebarMenuSkeleton,p as DetailDialogSidebarMenuSub,m as DetailDialogSidebarMenuSubButton,h as DetailDialogSidebarMenuSubItem,g as DetailDialogSidebarRail,_ as DetailDialogSidebarSeparator,v as DetailDialogSidebarTrigger,y as Sidebar,b as SidebarInput,x as SidebarInset,S as SidebarProvider,C as useSidebar};

package/dist/dialogs/detail-dialog/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../card-BNMBjSC_.cjs`);const t=require(`../../flex-DaTrJCBr.cjs`),n=require(`../../date-qVDm6BT3.cjs`);require(`../../tooltip-BX3D74kN.cjs`),require(`../../button-ChpGfVjG.cjs`);const r=require(`../../dialog-E5OYibMU.cjs`);require(`../../input-DQF8Uxmk.cjs`);const i=require(`../../title-DONX1fR6.cjs`);require(`../../skeleton-1syVaGRv.cjs`),require(`../../separator-DbcVW13X.cjs`),require(`../../sheet-BoPRwRzk.cjs`);const a=require(`../../sidebar-BCsgl6i1.cjs`),o=e.__toESM(require(`@customafk/react-toolkit/utils`)),s=e.__toESM(require(`react/jsx-runtime`)),c=e.__toESM(require(`lucide-react`)),l=()=>(0,s.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,s.jsx)(r.DialogTitle,{className:`sr-only`}),(0,s.jsx)(r.DialogDescription,{className:`sr-only`})]}),u=({children:e})=>(0,s.jsx)(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:(0,s.jsx)(t.Flex,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),d=({title:e,createdAt:r})=>(0,s.jsxs)(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[(0,s.jsx)(a.DetailDialogSidebarTrigger,{}),(0,s.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,s.jsx)(i.Title,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,s.jsxs)(t.Flex,{padding:`none`,className:`text-text-positive-weak relative`,children:[(0,s.jsx)(c.CalendarIcon,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&(0,s.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,s.jsx)(r.DialogContent,{className:(0,o.cn)(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,s.jsxs)(a.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,s.jsx)(a.DetailDialogSidebarHeader,{children:(0,s.jsx)(a.DetailDialogSidebarMenu,{children:(0,s.jsx)(a.DetailDialogSidebarMenuItem,{children:(0,s.jsxs)(a.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.CatIcon,{size:16})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,s.jsx)(a.DetailDialogSidebarContent,{children:(0,s.jsx)(a.DetailDialogSidebarGroup,{children:n})}),t&&(0,s.jsx)(a.DetailDialogSidebarFooter,{children:t})]}),m=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:o,sidebarFooter:c,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,s.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,s.jsxs)(f,{children:[(0,s.jsx)(l,{}),(0,s.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,s.jsx)(p,{title:i,sidebarFooter:c,children:o}),(0,s.jsxs)(u,{children:[(0,s.jsx)(d,{title:m,createdAt:h}),n?(0,s.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:(0,s.jsx)(`div`,{className:`loader`})}):(0,s.jsx)(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=m;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../button-119IIVCy.cjs`),require(`../../card-RJvu27Ck.cjs`),require(`../../skeleton-CmGSyYRm.cjs`);const t=require(`../../flex-C-4TxUDe.cjs`),n=require(`../../date-wo9LyN6l.cjs`);require(`../../tooltip-meYt4lxB.cjs`);const r=require(`../../dialog-CGrbU7PO.cjs`);require(`../../input-Bt7b3-NW.cjs`);const i=require(`../../title-DMOj1cgG.cjs`);require(`../../separator-hulDSW7B.cjs`),require(`../../sheet-D8iW1o50.cjs`);const a=require(`../../sidebar-BwIH2lFJ.cjs`),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`@customafk/react-toolkit/utils`)),c=e.__toESM(require(`react/jsx-runtime`)),l=()=>(0,c.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,c.jsx)(r.DialogTitle,{className:`sr-only`}),(0,c.jsx)(r.DialogDescription,{className:`sr-only`})]}),u=({children:e})=>(0,c.jsx)(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:(0,c.jsx)(t.Flex,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),d=({title:e,createdAt:r})=>(0,c.jsxs)(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[(0,c.jsx)(a.DetailDialogSidebarTrigger,{}),(0,c.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,c.jsx)(i.Title,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,c.jsxs)(t.Flex,{padding:`none`,className:`text-text-positive-weak relative`,children:[(0,c.jsx)(o.CalendarIcon,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&(0,c.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,c.jsx)(r.DialogContent,{className:(0,s.cn)(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,c.jsxs)(a.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,c.jsx)(a.DetailDialogSidebarHeader,{children:(0,c.jsx)(a.DetailDialogSidebarMenu,{children:(0,c.jsx)(a.DetailDialogSidebarMenuItem,{children:(0,c.jsxs)(a.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,c.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,c.jsx)(o.CatIcon,{size:16})}),(0,c.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,c.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,c.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,c.jsx)(a.DetailDialogSidebarContent,{children:(0,c.jsx)(a.DetailDialogSidebarGroup,{children:n})}),t&&(0,c.jsx)(a.DetailDialogSidebarFooter,{children:t})]}),m=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:o,sidebarFooter:s,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,c.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,c.jsxs)(f,{children:[(0,c.jsx)(l,{}),(0,c.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,c.jsx)(p,{title:i,sidebarFooter:s,children:o}),(0,c.jsxs)(u,{children:[(0,c.jsx)(d,{title:m,createdAt:h}),n?(0,c.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:(0,c.jsx)(`div`,{className:`loader`})}):(0,c.jsx)(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=m;
 //# sourceMappingURL=index.cjs.map

package/dist/dialogs/detail-dialog/index.js

@@ -1,2 +1,2 @@
-import"../../card-jtQVsG4Y.js";import{Flex as e}from"../../flex-D_GSLR10.js";import{DateDisplay as t}from"../../date-Cbx2drzh.js";import"../../tooltip-B7S7TrMj.js";import"../../button-DL_i4AVi.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-BEJ3krbY.js";import"../../input-B2PP82lE.js";import{Title as s}from"../../title-itXqz0us.js";import"../../skeleton-D_7tekGk.js";import"../../separator-DW2rRXaF.js";import"../../sheet-CJscm87z.js";import{DetailDialogSidebarContent as c,DetailDialogSidebarFooter as l,DetailDialogSidebarGroup as u,DetailDialogSidebarHeader as d,DetailDialogSidebarMenu as f,DetailDialogSidebarMenuButton as p,DetailDialogSidebarMenuItem as m,DetailDialogSidebarTrigger as h,Sidebar as g,SidebarProvider as _}from"../../sidebar-BEgx0ScE.js";import{cn as v}from"@customafk/react-toolkit/utils";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{CalendarIcon as x,CatIcon as S}from"lucide-react";const C=()=>b(a,{className:`sr-only`,children:[y(o,{className:`sr-only`}),y(i,{className:`sr-only`})]}),w=({children:t})=>y(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:y(e,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:t})}),T=({title:n,createdAt:r})=>b(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[y(h,{}),b(e,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[y(s,{level:5,className:`line-clamp-1 truncate text-wrap`,children:n||`Detail Dialog`}),b(e,{padding:`none`,className:`text-text-positive-weak relative`,children:[y(x,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&y(t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:e})=>y(r,{className:v(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),D=({title:e,sidebarFooter:t,children:n})=>b(g,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[y(d,{children:y(f,{children:y(m,{children:b(p,{size:`lg`,tabIndex:-1,children:[y(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:y(S,{size:16})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),y(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),y(c,{children:y(u,{children:n})}),t&&y(l,{children:t})]}),O=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>y(n,{open:t,onOpenChange:l,children:b(E,{children:[y(C,{}),b(_,{className:`h-full min-h-[85svh] items-start`,children:[y(D,{title:i,sidebarFooter:o,children:a}),b(w,{children:[y(T,{title:s,createdAt:c}),r?y(e,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:y(`div`,{className:`loader`})}):y(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{O as DetailDialog};
+import"../../button-CvQQTSka.js";import"../../card-BFYPY2aR.js";import"../../skeleton-DFF0w4en.js";import{Flex as e}from"../../flex-BxBmZCWh.js";import{DateDisplay as t}from"../../date-DWxL795U.js";import"../../tooltip-CN8vvmWA.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-DbI18XF9.js";import"../../input-i5Nm0R1X.js";import{Title as s}from"../../title-DiaFg5B5.js";import"../../separator-CxCq7NYP.js";import"../../sheet-amjZQ7nX.js";import{DetailDialogSidebarContent as c,DetailDialogSidebarFooter as l,DetailDialogSidebarGroup as u,DetailDialogSidebarHeader as d,DetailDialogSidebarMenu as f,DetailDialogSidebarMenuButton as p,DetailDialogSidebarMenuItem as m,DetailDialogSidebarTrigger as h,Sidebar as g,SidebarProvider as _}from"../../sidebar-Cf5tv_x0.js";import{CalendarIcon as v,CatIcon as y}from"lucide-react";import{cn as b}from"@customafk/react-toolkit/utils";import{jsx as x,jsxs as S}from"react/jsx-runtime";const C=()=>S(a,{className:`sr-only`,children:[x(o,{className:`sr-only`}),x(i,{className:`sr-only`})]}),w=({children:t})=>x(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:x(e,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:t})}),T=({title:n,createdAt:r})=>S(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[x(h,{}),S(e,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[x(s,{level:5,className:`line-clamp-1 truncate text-wrap`,children:n||`Detail Dialog`}),S(e,{padding:`none`,className:`text-text-positive-weak relative`,children:[x(v,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&x(t,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:e})=>x(r,{className:b(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),D=({title:e,sidebarFooter:t,children:n})=>S(g,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[x(d,{children:x(f,{children:x(m,{children:S(p,{size:`lg`,tabIndex:-1,children:[x(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:x(y,{size:16})}),S(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[x(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),x(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),x(c,{children:x(u,{children:n})}),t&&x(l,{children:t})]}),O=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>x(n,{open:t,onOpenChange:l,children:S(E,{children:[x(C,{}),S(_,{className:`h-full min-h-[85svh] items-start`,children:[x(D,{title:i,sidebarFooter:o,children:a}),S(w,{children:[x(T,{title:s,createdAt:c}),r?x(e,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:x(`div`,{className:`loader`})}):x(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{O as DetailDialog};
 //# sourceMappingURL=index.js.map

package/dist/dialogs/error-dialog.cjs

@@ -1 +1 @@
-require(`../button-ChpGfVjG.cjs`),require(`../alert-dialog-csUZX4AP.cjs`);const e=require(`../error-dialog-CsZ9SHEm.cjs`);exports.ErrorDialog=e.ErrorDialog;
+require(`../button-119IIVCy.cjs`),require(`../alert-dialog-7AEaiJxA.cjs`);const e=require(`../error-dialog-COyyui94.cjs`);exports.ErrorDialog=e.ErrorDialog;

package/dist/dialogs/error-dialog.js

@@ -1 +1 @@
-import"../button-DL_i4AVi.js";import"../alert-dialog-CnUUZRzI.js";import{ErrorDialog as e}from"../error-dialog-Be_eV-D7.js";export{e as ErrorDialog};
+import"../button-CvQQTSka.js";import"../alert-dialog-B8Whrlfq.js";import{ErrorDialog as e}from"../error-dialog-YlSsQqiT.js";export{e as ErrorDialog};

package/dist/dialogs/form-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-ChpGfVjG.cjs`);require(`../alert-dialog-csUZX4AP.cjs`),require(`../error-dialog-CsZ9SHEm.cjs`),require(`../label-BvHMsK0O.cjs`),require(`../form-Dcd2HzUB.cjs`);const n=require(`../form-wrapper-CjFQKRzY.cjs`),r=require(`../dialog-E5OYibMU.cjs`),i=e.__toESM(require(`@customafk/react-toolkit/utils`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react`)),s=e.__toESM(require(`@customafk/react-toolkit/hooks/useMediaQuery`)),c=e.__toESM(require(`vaul`));function l({...e}){return(0,a.jsx)(c.Drawer.Root,{"data-slot":`drawer`,...e})}function u({...e}){return(0,a.jsx)(c.Drawer.Portal,{"data-slot":`drawer-portal`,...e})}function d({className:e,...t}){return(0,a.jsx)(c.Drawer.Overlay,{"data-slot":`drawer-overlay`,className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,e),...t})}function f({className:e,children:t,...n}){return(0,a.jsxs)(u,{"data-slot":`drawer-portal`,children:[(0,a.jsx)(d,{}),(0,a.jsxs)(c.Drawer.Content,{"data-slot":`drawer-content`,className:(0,i.cn)(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,e),...n,children:[(0,a.jsx)(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),t]})]})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`drawer-header`,className:(0,i.cn)(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:(0,i.cn)(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(c.Drawer.Title,{"data-slot":`drawer-title`,className:(0,i.cn)(`text-text-positive font-semibold`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(c.Drawer.Description,{"data-slot":`drawer-description`,className:(0,i.cn)(`text-text-positive-weak text-sm`,e),...t})}const _=({form:e,open:o,isSubmitting:c=!1,isResetAfterSubmit:u=!0,disableSubmit:d=!1,title:_,description:v,className:y,onOpenChange:b,onSubmit:x,onError:S,onReset:C,children:w})=>{let T=(0,s.useMediaQuery)(`(min-width: 768px)`);return T?(0,a.jsx)(r.Dialog,{open:o,onOpenChange:b,children:(0,a.jsxs)(r.DialogContent,{className:(0,i.cn)(`flex flex-col gap-0 border-none p-0`,y),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,a.jsxs)(r.DialogHeader,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,a.jsx)(r.DialogTitle,{children:_||`Form Dialog`}),(0,a.jsx)(r.DialogDescription,{children:v||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:x,onError:S,children:[(0,a.jsx)(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:(0,a.jsx)(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:w})}),(0,a.jsxs)(r.DialogFooter,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,a.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:C,children:`Reset`}),(0,a.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:c,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,a.jsx)(l,{open:o,onOpenChange:b,children:(0,a.jsxs)(f,{children:[(0,a.jsxs)(p,{className:`text-left`,children:[(0,a.jsx)(h,{children:_||`Form Dialog`}),(0,a.jsx)(g,{children:v||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:x,onError:S,children:[(0,a.jsx)(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:w}),(0,a.jsxs)(m,{className:`pt-2`,children:[(0,a.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:c,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,a.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:C,children:`Reset`})]})]})]})})};exports.FormDialog=_;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`);require(`../alert-dialog-7AEaiJxA.cjs`),require(`../error-dialog-COyyui94.cjs`),require(`../label-BbuMrcie.cjs`),require(`../form-DAwCSzSe.cjs`);const n=require(`../form-wrapper-D0-p7R15.cjs`),r=require(`../dialog-CGrbU7PO.cjs`),i=e.__toESM(require(`@customafk/react-toolkit/utils`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react`)),s=e.__toESM(require(`@customafk/react-toolkit/hooks/useMediaQuery`)),c=e.__toESM(require(`vaul`));function l({...e}){return(0,a.jsx)(c.Drawer.Root,{"data-slot":`drawer`,...e})}function u({...e}){return(0,a.jsx)(c.Drawer.Portal,{"data-slot":`drawer-portal`,...e})}function d({className:e,...t}){return(0,a.jsx)(c.Drawer.Overlay,{"data-slot":`drawer-overlay`,className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,e),...t})}function f({className:e,children:t,...n}){return(0,a.jsxs)(u,{"data-slot":`drawer-portal`,children:[(0,a.jsx)(d,{}),(0,a.jsxs)(c.Drawer.Content,{"data-slot":`drawer-content`,className:(0,i.cn)(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,e),...n,children:[(0,a.jsx)(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),t]})]})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`drawer-header`,className:(0,i.cn)(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:(0,i.cn)(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(c.Drawer.Title,{"data-slot":`drawer-title`,className:(0,i.cn)(`text-text-positive font-semibold`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(c.Drawer.Description,{"data-slot":`drawer-description`,className:(0,i.cn)(`text-text-positive-weak text-sm`,e),...t})}const _=({form:e,open:o,isSubmitting:c=!1,isResetAfterSubmit:u=!0,disableSubmit:d=!1,title:_,description:v,className:y,onOpenChange:b,onSubmit:x,onError:S,onReset:C,children:w})=>{let T=(0,s.useMediaQuery)(`(min-width: 768px)`);return T?(0,a.jsx)(r.Dialog,{open:o,onOpenChange:b,children:(0,a.jsxs)(r.DialogContent,{className:(0,i.cn)(`flex flex-col gap-0 border-none p-0`,y),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,a.jsxs)(r.DialogHeader,{className:`border-border-weak flex-0 gap-2 border-b p-6 pb-4`,children:[(0,a.jsx)(r.DialogTitle,{children:_||`Form Dialog`}),(0,a.jsx)(r.DialogDescription,{children:v||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:x,onError:S,children:[(0,a.jsx)(`div`,{className:`bg-muted-muted size-full p-2 inset-shadow-sm`,children:(0,a.jsx)(`main`,{className:`bg-card shadow-card size-full flex-1 overflow-y-auto rounded-md p-4`,children:w})}),(0,a.jsxs)(r.DialogFooter,{className:`border-border-weak border-t p-6 pt-4`,children:[(0,a.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-30 rounded-full`,onClick:C,children:`Reset`}),(0,a.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:c,disabled:d,className:`w-30 rounded-full`,children:`Submit`})]})]})]})}):(0,a.jsx)(l,{open:o,onOpenChange:b,children:(0,a.jsxs)(f,{children:[(0,a.jsxs)(p,{className:`text-left`,children:[(0,a.jsx)(h,{children:_||`Form Dialog`}),(0,a.jsx)(g,{children:v||`This is a form dialog where you can add your form elements.`})]}),(0,a.jsxs)(n.FormWrapper,{form:e,isResetAfterSubmit:u,className:`flex flex-1 flex-col overflow-y-auto`,onSubmit:x,onError:S,children:[(0,a.jsx)(`main`,{className:`size-full flex-1 overflow-y-auto p-4`,children:w}),(0,a.jsxs)(m,{className:`pt-2`,children:[(0,a.jsx)(t.Button,{autoFocus:!0,tabIndex:0,type:`submit`,isLoading:c,disabled:d,className:`w-full rounded-full`,children:`Submit`}),(0,a.jsx)(t.Button,{tabIndex:-1,type:`button`,variant:`outline`,color:`muted`,className:`w-full rounded-full`,onClick:C,children:`Reset`})]})]})]})})};exports.FormDialog=_;
 //# sourceMappingURL=form-dialog.cjs.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/dialogs/form-dialog.d.ts
@@ -30,7 +30,7 @@ declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onReset,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime5.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { FormDialog };
 //# sourceMappingURL=form-dialog.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/dialogs/form-dialog.d.ts
@@ -30,7 +30,7 @@ declare const FormDialog: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onReset,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime1.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { FormDialog };
 //# sourceMappingURL=form-dialog.d.ts.map