@customafk/lunas-ui 0.0.27 → 0.0.29

package/dist/{date-nd8WkPlx.cjs.map → date-Ci9rmG-_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"date-nd8WkPlx.cjs","names":["DateDisplay: React.FC<Props>","React","date","cn"],"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 React from 'react'\nimport { format, isThisMonth, isThisWeek, isThisYear, isToday, isTomorrow, isValid, isYesterday, parseISO } from 'date-fns'\n\nimport { TIME_IN_SECONDS, vietnameseHolidays, vietnameseLocale } from '@/constants'\nimport { cn } from '@/lib/utils'\n\ninterface Props {\n  date: Date | string | number\n  format?:\n    | 'short' // 15/03/24\n    | 'medium' // 15/03/2024\n    | 'long' // 15 tháng 3, 2024\n    | 'full' // Thứ Sáu, ngày 15 tháng 3 năm 2024\n    | 'relative' // 2 giờ trước\n    | 'datetime' // 15/03/2024 14:30\n    | 'time' // 14:30\n    | 'smart' // Tự động chọn format phù hợp\n  showHoliday?: boolean\n  showTime?: boolean\n  className?: string\n  title?: string // Tooltip khi hover\n}\n\nexport const DateDisplay: React.FC<Props> = ({ date, format: formatType = 'medium', showHoliday = false, showTime = false, className = '', title }) => {\n  const parsedDate = React.useMemo(() => {\n    try {\n      if (date instanceof Date) {\n        return isValid(date) ? date : null\n      }\n      if (typeof date === 'string') {\n        const parsed = parseISO(date)\n        return isValid(parsed) ? parsed : new Date(date)\n      }\n      if (typeof date === 'number') {\n        const parsed = new Date(date)\n        return isValid(parsed) ? parsed : null\n      }\n      return null\n    } catch {\n      return null\n    }\n  }, [date])\n\n  // Format relative time in Vietnamese\n  const formatRelativeTime = React.useCallback((date: Date): string => {\n    const now = new Date()\n    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000)\n\n    if (diffInSeconds < 60) return 'Vừa xong'\n    if (diffInSeconds < 3600) 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 = React.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 = React.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 = React.useCallback((date: Date): string | null => {\n    const monthDay = format(date, 'MM-dd') as keyof typeof vietnameseHolidays\n    return vietnameseHolidays[monthDay] || null\n  }, [])\n\n  // Smart format - choose appropriate format based on date\n  const getSmartFormat = React.useCallback(\n    (date: Date): string => {\n      if (isToday(date)) {\n        return showTime ? `Hôm nay ${format(date, 'HH:mm')}` : 'Hôm nay'\n      }\n      if (isYesterday(date)) {\n        return showTime ? `Hôm qua ${format(date, 'HH:mm')}` : 'Hôm qua'\n      }\n      if (isTomorrow(date)) {\n        return showTime ? `Ngày mai ${format(date, 'HH:mm')}` : 'Ngày mai'\n      }\n      if (isThisWeek(date)) {\n        const weekday = getVietnameseWeekday(date)\n        return showTime ? `${weekday} ${format(date, 'HH:mm')}` : weekday\n      }\n      if (isThisMonth(date)) {\n        const day = format(date, 'd')\n        return showTime ? `${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 = React.useCallback(\n    (date: Date, type: string): string => {\n      const timeStr = showTime ? format(date, ', HH:mm') : ''\n\n      switch (type) {\n        case 'short':\n          return format(date, 'd/M/yy') + timeStr\n\n        case 'medium':\n          return format(date, 'dd/MM/yyyy') + timeStr\n\n        case 'long':\n          return `${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":"mLACa,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,EAAa,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,MAGhB,EAAkB,OAAO,OAAO,CAC3C,OAAQ,GACR,KAAM,KACN,IAAK,KAAU,GACf,KAAM,MAAc,GACpB,MAAO,IAAU,GAAK,GACtB,KAAM,IAAM,GAAK,GAAK,KAGX,EAAkB,OAAO,OAAO,CAC3C,KAAM,GACN,IAAK,KACL,KAAM,MACN,MAAO,IAAU,KCpBNA,GAAgC,CAAE,OAAM,OAAQ,EAAa,SAAU,cAAc,GAAO,WAAW,GAAO,YAAY,GAAI,WAAY,CACrJ,IAAM,EAAaC,EAAAA,QAAM,YAAc,CACrC,GAAI,CACF,GAAI,aAAgB,KAClB,OAAA,EAAA,EAAA,SAAe,GAAQ,EAAO,KAEhC,GAAI,OAAO,GAAS,SAAU,CAC5B,IAAM,GAAA,EAAA,EAAA,UAAkB,GACxB,OAAA,EAAA,EAAA,SAAe,GAAU,EAAS,IAAI,KAAK,GAE7C,GAAI,OAAO,GAAS,SAAU,CAC5B,IAAM,EAAS,IAAI,KAAK,GACxB,OAAA,EAAA,EAAA,SAAe,GAAU,EAAS,KAEpC,OAAO,UACD,CACN,OAAO,OAER,CAAC,IAGE,EAAqBA,EAAAA,QAAM,YAAa,GAAuB,CACnE,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,EAAuBD,EAAAA,QAAM,aAAa,EAAY,EAAiB,KAAkB,CAC7F,IAAM,EAAWC,EAAK,SACtB,OAAO,EAAQ,EAAiB,cAAc,GAAY,EAAiB,SAAS,IACnF,IAGG,EAAqBD,EAAAA,QAAM,aAAa,EAAY,EAAiB,KAAkB,CAC3F,IAAM,EAAaC,EAAK,WACxB,OAAO,EAAQ,EAAiB,YAAY,GAAc,EAAiB,OAAO,IACjF,IAGG,EAAaD,EAAAA,QAAM,YAAa,GAA8B,CAClE,IAAM,GAAA,EAAA,EAAA,QAAkBC,EAAM,SAC9B,OAAO,EAAmB,IAAa,MACtC,IAGG,EAAiBD,EAAAA,QAAM,YAC1B,GAAuB,CACtB,IAAA,EAAA,EAAA,SAAYC,GACV,OAAO,EAAW,YAAA,EAAA,EAAA,QAAkBA,EAAM,WAAa,UAEzD,IAAA,EAAA,EAAA,aAAgBA,GACd,OAAO,EAAW,YAAA,EAAA,EAAA,QAAkBA,EAAM,WAAa,UAEzD,IAAA,EAAA,EAAA,YAAeA,GACb,OAAO,EAAW,aAAA,EAAA,EAAA,QAAmBA,EAAM,WAAa,WAE1D,IAAA,EAAA,EAAA,YAAeA,GAAO,CACpB,IAAM,EAAU,EAAqBA,GACrC,OAAO,EAAW,GAAG,EAAQ,IAAA,EAAA,EAAA,QAAUA,EAAM,WAAa,EAE5D,IAAA,EAAA,EAAA,aAAgBA,GAAO,CACrB,IAAM,GAAA,EAAA,EAAA,QAAaA,EAAM,KACzB,OAAO,EAAW,GAAG,EAAI,IAAA,EAAA,EAAA,QAAUA,EAAM,KAAK,IAAA,EAAA,EAAA,QAAUA,EAAM,WAAa,GAAG,EAAI,IAAA,EAAA,EAAA,QAAUA,EAAM,OAKpG,OAHA,EAAA,EAAA,YAAeA,GACN,GAAA,EAAA,EAAA,QAAkBA,EAAM,cAAA,EAAA,EAAA,QAAsBA,EAAM,OAEtD,GAAA,EAAA,EAAA,QAAkBA,EAAM,mBAAA,EAAA,EAAA,QAA2BA,EAAM,aAElE,CAAC,EAAsB,IAInB,EAAaD,EAAAA,QAAM,aACtB,EAAY,IAAyB,CACpC,IAAM,EAAU,GAAA,EAAA,EAAA,QAAkBC,EAAM,WAAa,GAErD,OAAQ,EAAR,CACE,IAAK,QACH,OAAA,EAAA,EAAA,QAAcA,EAAM,UAAY,EAElC,IAAK,SACH,OAAA,EAAA,EAAA,QAAcA,EAAM,cAAgB,EAEtC,IAAK,OACH,MAAO,IAAA,EAAA,EAAA,QAAUA,EAAM,KAAK,GAAG,EAAmBA,GAAM,IAAA,EAAA,EAAA,QAAUA,EAAM,UAAY,EAEtF,IAAK,OAAQ,CACX,IAAM,EAAO,GAAG,EAAqBA,GAAM,UAAA,EAAA,EAAA,QAAgBA,EAAM,KAAK,GAAG,EAAmBA,GAAM,QAAA,EAAA,EAAA,QAAcA,EAAM,UACtH,OAAO,EAAO,EAGhB,IAAK,WACH,OAAO,EAAmBA,GAE5B,IAAK,WACH,OAAA,EAAA,EAAA,QAAcA,EAAM,kBAEtB,IAAK,OACH,OAAA,EAAA,EAAA,QAAcA,EAAM,SAEtB,IAAK,QACH,OAAO,EAAeA,GAExB,QACE,OAAA,EAAA,EAAA,QAAcA,EAAM,YAAc,IAGxC,CAAC,EAAgB,EAAoB,EAAsB,EAAoB,IAGjF,GAAI,CAAC,EACH,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAG,gCAAiC,YAAY,eAG1E,IAAM,EAAgB,EAAW,EAAY,GACvC,EAAU,EAAc,EAAW,GAAc,KACjD,EAAc,EAAU,GAAG,EAAc,IAAI,EAAQ,GAAK,EAC1D,EAAe,IAAA,EAAA,EAAA,QAAgB,EAAY,8BAEjD,OACE,EAAA,EAAA,KAAC,OAAA,CAAK,SAAU,EAAW,cAAe,UAAWA,EAAAA,GAAG,6CAA8C,GAAY,MAAO,WACtH"}
+{"version":3,"file":"date-Ci9rmG-_.cjs","names":["DateDisplay: React.FC<Props>","React","date","cn"],"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 React from 'react'\nimport { format, isThisMonth, isThisWeek, isThisYear, isToday, isTomorrow, isValid, isYesterday, parseISO } from 'date-fns'\n\nimport { TIME_IN_SECONDS, vietnameseHolidays, vietnameseLocale } from '@/constants'\nimport { cn } from '@/lib/utils'\n\ninterface Props {\n  date: Date | string | number\n  format?:\n    | 'short' // 15/03/24\n    | 'medium' // 15/03/2024\n    | 'long' // 15 tháng 3, 2024\n    | 'full' // Thứ Sáu, ngày 15 tháng 3 năm 2024\n    | 'relative' // 2 giờ trước\n    | 'datetime' // 15/03/2024 14:30\n    | 'time' // 14:30\n    | 'smart' // Tự động chọn format phù hợp\n  showHoliday?: boolean\n  showTime?: boolean\n  className?: string\n  title?: string // Tooltip khi hover\n}\n\nexport const DateDisplay: React.FC<Props> = ({ date, format: formatType = 'medium', showHoliday = false, showTime = false, className = '', title }) => {\n  const parsedDate = React.useMemo(() => {\n    try {\n      if (date instanceof Date) {\n        return isValid(date) ? date : null\n      }\n      if (typeof date === 'string') {\n        const parsed = parseISO(date)\n        return isValid(parsed) ? parsed : new Date(date)\n      }\n      if (typeof date === 'number') {\n        const parsed = new Date(date)\n        return isValid(parsed) ? parsed : null\n      }\n      return null\n    } catch {\n      return null\n    }\n  }, [date])\n\n  // Format relative time in Vietnamese\n  const formatRelativeTime = React.useCallback((date: Date): string => {\n    const now = new Date()\n    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000)\n\n    if (diffInSeconds < 60) return 'Vừa xong'\n    if (diffInSeconds < 3600) 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 = React.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 = React.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 = React.useCallback((date: Date): string | null => {\n    const monthDay = format(date, 'MM-dd') as keyof typeof vietnameseHolidays\n    return vietnameseHolidays[monthDay] || null\n  }, [])\n\n  // Smart format - choose appropriate format based on date\n  const getSmartFormat = React.useCallback(\n    (date: Date): string => {\n      if (isToday(date)) {\n        return showTime ? `Hôm nay ${format(date, 'HH:mm')}` : 'Hôm nay'\n      }\n      if (isYesterday(date)) {\n        return showTime ? `Hôm qua ${format(date, 'HH:mm')}` : 'Hôm qua'\n      }\n      if (isTomorrow(date)) {\n        return showTime ? `Ngày mai ${format(date, 'HH:mm')}` : 'Ngày mai'\n      }\n      if (isThisWeek(date)) {\n        const weekday = getVietnameseWeekday(date)\n        return showTime ? `${weekday} ${format(date, 'HH:mm')}` : weekday\n      }\n      if (isThisMonth(date)) {\n        const day = format(date, 'd')\n        return showTime ? `${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 = React.useCallback(\n    (date: Date, type: string): string => {\n      const timeStr = showTime ? format(date, ', HH:mm') : ''\n\n      switch (type) {\n        case 'short':\n          return format(date, 'd/M/yy') + timeStr\n\n        case 'medium':\n          return format(date, 'dd/MM/yyyy') + timeStr\n\n        case 'long':\n          return `${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-BMq_DNsv.js → date-Clhba3N5.js}

@@ -1,2 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{format as r,isThisMonth as i,isThisWeek as a,isThisYear as o,isToday as s,isTomorrow as c,isValid as l,isYesterday as u,parseISO as d}from"date-fns";const f={weekdays:[`Chủ Nhật`,`Thứ Hai`,`Thứ Ba`,`Thứ Tư`,`Thứ Năm`,`Thứ Sáu`,`Thứ Bảy`],weekdaysShort:[`CN`,`T2`,`T3`,`T4`,`T5`,`T6`,`T7`],months:[`Tháng 1`,`Tháng 2`,`Tháng 3`,`Tháng 4`,`Tháng 5`,`Tháng 6`,`Tháng 7`,`Tháng 8`,`Tháng 9`,`Tháng 10`,`Tháng 11`,`Tháng 12`],monthsShort:[`T1`,`T2`,`T3`,`T4`,`T5`,`T6`,`T7`,`T8`,`T9`,`T10`,`T11`,`T12`]},p={"01-01":`Tết Dương lịch`,"03-08":`Quốc tế Phụ nữ`,"04-30":`Ngày Giải phóng miền Nam`,"05-01":`Quốc tế Lao động`,"09-02":`Quốc khánh`,"10-20":`Ngày Phụ nữ Việt Nam`,"11-20":`Ngày Nhà giáo Việt Nam`};Object.freeze({SECOND:1e3,MINUTE:60*1e3,HOUR:3600*1e3,DAY:1440*60*1e3,WEEK:10080*60*1e3,MONTH:720*60*60*1e3,YEAR:365*24*60*60*1e3});const m=Object.freeze({MINUTE:60,HOUR:3600,DAY:1440*60,WEEK:10080*60,MONTH:720*60*60,YEAR:365*24*60*60});Object.freeze({HOUR:60,DAY:1440,WEEK:10080,MONTH:720*60});const h=({date:h,format:g=`medium`,showHoliday:_=!1,showTime:v=!1,className:y=``,title:b})=>{let x=t.useMemo(()=>{try{if(h instanceof Date)return l(h)?h:null;if(typeof h==`string`){let e=d(h);return l(e)?e:new Date(h)}if(typeof h==`number`){let e=new Date(h);return l(e)?e:null}return null}catch{return null}},[h]),S=t.useCallback(e=>{let t=new Date,n=Math.floor((t.getTime()-e.getTime())/1e3);return n<60?`Vừa xong`:n<3600?`${Math.floor(n/m.MINUTE)} phút trước`:n<86400?`${Math.floor(n/m.HOUR)} giờ trước`:n<604800?`${Math.floor(n/m.DAY)} ngày trước`:n<2592e3?`${Math.floor(n/m.WEEK)} tuần trước`:n<31536e3?`${Math.floor(n/m.MONTH)} tháng trước`:`${Math.floor(n/m.YEAR)} năm trước`},[]),C=t.useCallback((e,t=!1)=>{let n=e.getDay();return t?f.weekdaysShort[n]:f.weekdays[n]},[]),w=t.useCallback((e,t=!1)=>{let n=e.getMonth();return t?f.monthsShort[n]:f.months[n]},[]),T=t.useCallback(e=>{let t=r(e,`MM-dd`);return p[t]||null},[]),E=t.useCallback(e=>{if(s(e))return v?`Hôm nay ${r(e,`HH:mm`)}`:`Hôm nay`;if(u(e))return v?`Hôm qua ${r(e,`HH:mm`)}`:`Hôm qua`;if(c(e))return v?`Ngày mai ${r(e,`HH:mm`)}`:`Ngày mai`;if(a(e)){let t=C(e);return v?`${t} ${r(e,`HH:mm`)}`:t}if(i(e)){let t=r(e,`d`);return v?`${t}/${r(e,`M`)} ${r(e,`HH:mm`)}`:`${t}/${r(e,`M`)}`}return o(e)?v?r(e,`d/M HH:mm`):r(e,`d/M`):v?r(e,`d/M/yyyy HH:mm`):r(e,`d/M/yyyy`)},[C,v]),D=t.useCallback((e,t)=>{let n=v?r(e,`, HH:mm`):``;switch(t){case`short`:return r(e,`d/M/yy`)+n;case`medium`:return r(e,`dd/MM/yyyy`)+n;case`long`:return`${r(e,`d`)} ${w(e)} ${r(e,`yyyy`)}`+n;case`full`:{let t=`${C(e)}, ngày ${r(e,`d`)} ${w(e)} năm ${r(e,`yyyy`)}`;return t+n}case`relative`:return S(e);case`datetime`:return r(e,`d/M/yyyy HH:mm`);case`time`:return r(e,`HH:mm`);case`smart`:return E(e);default:return r(e,`d/M/yyyy`)+n}},[E,w,C,S,v]);if(!x)return n(`span`,{className:e(`text-muted-foreground text-sm`,y),children:`--/--/----`});let O=D(x,g),k=_?T(x):null,A=k?`${O} (${k})`:O,j=b||r(x,`EEEE, d MMMM yyyy HH:mm:ss`);return n(`time`,{dateTime:x.toISOString(),className:e(`text-accent-foreground font-number text-sm`,y),title:j,children:A})};export{h as DateDisplay};
-//# sourceMappingURL=date-BMq_DNsv.js.map
+import{cn as e}from"./utils-CU8e4Cfu.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{format as r,isThisMonth as i,isThisWeek as a,isThisYear as o,isToday as s,isTomorrow as c,isValid as l,isYesterday as u,parseISO as d}from"date-fns";const f={weekdays:[`Chủ Nhật`,`Thứ Hai`,`Thứ Ba`,`Thứ Tư`,`Thứ Năm`,`Thứ Sáu`,`Thứ Bảy`],weekdaysShort:[`CN`,`T2`,`T3`,`T4`,`T5`,`T6`,`T7`],months:[`Tháng 1`,`Tháng 2`,`Tháng 3`,`Tháng 4`,`Tháng 5`,`Tháng 6`,`Tháng 7`,`Tháng 8`,`Tháng 9`,`Tháng 10`,`Tháng 11`,`Tháng 12`],monthsShort:[`T1`,`T2`,`T3`,`T4`,`T5`,`T6`,`T7`,`T8`,`T9`,`T10`,`T11`,`T12`]},p={"01-01":`Tết Dương lịch`,"03-08":`Quốc tế Phụ nữ`,"04-30":`Ngày Giải phóng miền Nam`,"05-01":`Quốc tế Lao động`,"09-02":`Quốc khánh`,"10-20":`Ngày Phụ nữ Việt Nam`,"11-20":`Ngày Nhà giáo Việt Nam`};Object.freeze({SECOND:1e3,MINUTE:60*1e3,HOUR:3600*1e3,DAY:1440*60*1e3,WEEK:10080*60*1e3,MONTH:720*60*60*1e3,YEAR:365*24*60*60*1e3});const m=Object.freeze({MINUTE:60,HOUR:3600,DAY:1440*60,WEEK:10080*60,MONTH:720*60*60,YEAR:365*24*60*60});Object.freeze({HOUR:60,DAY:1440,WEEK:10080,MONTH:720*60});const h=({date:h,format:g=`medium`,showHoliday:_=!1,showTime:v=!1,className:y=``,title:b})=>{let x=t.useMemo(()=>{try{if(h instanceof Date)return l(h)?h:null;if(typeof h==`string`){let e=d(h);return l(e)?e:new Date(h)}if(typeof h==`number`){let e=new Date(h);return l(e)?e:null}return null}catch{return null}},[h]),S=t.useCallback(e=>{let t=new Date,n=Math.floor((t.getTime()-e.getTime())/1e3);return n<60?`Vừa xong`:n<3600?`${Math.floor(n/m.MINUTE)} phút trước`:n<86400?`${Math.floor(n/m.HOUR)} giờ trước`:n<604800?`${Math.floor(n/m.DAY)} ngày trước`:n<2592e3?`${Math.floor(n/m.WEEK)} tuần trước`:n<31536e3?`${Math.floor(n/m.MONTH)} tháng trước`:`${Math.floor(n/m.YEAR)} năm trước`},[]),C=t.useCallback((e,t=!1)=>{let n=e.getDay();return t?f.weekdaysShort[n]:f.weekdays[n]},[]),w=t.useCallback((e,t=!1)=>{let n=e.getMonth();return t?f.monthsShort[n]:f.months[n]},[]),T=t.useCallback(e=>{let t=r(e,`MM-dd`);return p[t]||null},[]),E=t.useCallback(e=>{if(s(e))return v?`Hôm nay ${r(e,`HH:mm`)}`:`Hôm nay`;if(u(e))return v?`Hôm qua ${r(e,`HH:mm`)}`:`Hôm qua`;if(c(e))return v?`Ngày mai ${r(e,`HH:mm`)}`:`Ngày mai`;if(a(e)){let t=C(e);return v?`${t} ${r(e,`HH:mm`)}`:t}if(i(e)){let t=r(e,`d`);return v?`${t}/${r(e,`M`)} ${r(e,`HH:mm`)}`:`${t}/${r(e,`M`)}`}return o(e)?v?r(e,`d/M HH:mm`):r(e,`d/M`):v?r(e,`d/M/yyyy HH:mm`):r(e,`d/M/yyyy`)},[C,v]),D=t.useCallback((e,t)=>{let n=v?r(e,`, HH:mm`):``;switch(t){case`short`:return r(e,`d/M/yy`)+n;case`medium`:return r(e,`dd/MM/yyyy`)+n;case`long`:return`${r(e,`d`)} ${w(e)} ${r(e,`yyyy`)}`+n;case`full`:{let t=`${C(e)}, ngày ${r(e,`d`)} ${w(e)} năm ${r(e,`yyyy`)}`;return t+n}case`relative`:return S(e);case`datetime`:return r(e,`d/M/yyyy HH:mm`);case`time`:return r(e,`HH:mm`);case`smart`:return E(e);default:return r(e,`d/M/yyyy`)+n}},[E,w,C,S,v]);if(!x)return n(`span`,{className:e(`text-muted-foreground text-sm`,y),children:`--/--/----`});let O=D(x,g),k=_?T(x):null,A=k?`${O} (${k})`:O,j=b||r(x,`EEEE, d MMMM yyyy HH:mm:ss`);return n(`time`,{dateTime:x.toISOString(),className:e(`text-accent-foreground font-number text-sm`,y),title:j,children:A})};export{h as DateDisplay};
+//# sourceMappingURL=date-Clhba3N5.js.map

package/dist/{date-BMq_DNsv.js.map → date-Clhba3N5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-BMq_DNsv.js","names":["DateDisplay: React.FC<Props>","date"],"sources":["../packages/constants.tsx","../packages/components/data-display/date.tsx"],"sourcesContent":["// Vietnamese locale configuration\nexport const vietnameseLocale = {\n  weekdays: ['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 React from 'react'\nimport { format, isThisMonth, isThisWeek, isThisYear, isToday, isTomorrow, isValid, isYesterday, parseISO } from 'date-fns'\n\nimport { TIME_IN_SECONDS, vietnameseHolidays, vietnameseLocale } from '@/constants'\nimport { cn } from '@/lib/utils'\n\ninterface Props {\n  date: Date | string | number\n  format?:\n    | 'short' // 15/03/24\n    | 'medium' // 15/03/2024\n    | 'long' // 15 tháng 3, 2024\n    | 'full' // Thứ Sáu, ngày 15 tháng 3 năm 2024\n    | 'relative' // 2 giờ trước\n    | 'datetime' // 15/03/2024 14:30\n    | 'time' // 14:30\n    | 'smart' // Tự động chọn format phù hợp\n  showHoliday?: boolean\n  showTime?: boolean\n  className?: string\n  title?: string // Tooltip khi hover\n}\n\nexport const DateDisplay: React.FC<Props> = ({ date, format: formatType = 'medium', showHoliday = false, showTime = false, className = '', title }) => {\n  const parsedDate = React.useMemo(() => {\n    try {\n      if (date instanceof Date) {\n        return isValid(date) ? date : null\n      }\n      if (typeof date === 'string') {\n        const parsed = parseISO(date)\n        return isValid(parsed) ? parsed : new Date(date)\n      }\n      if (typeof date === 'number') {\n        const parsed = new Date(date)\n        return isValid(parsed) ? parsed : null\n      }\n      return null\n    } catch {\n      return null\n    }\n  }, [date])\n\n  // Format relative time in Vietnamese\n  const formatRelativeTime = React.useCallback((date: Date): string => {\n    const now = new Date()\n    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000)\n\n    if (diffInSeconds < 60) return 'Vừa xong'\n    if (diffInSeconds < 3600) 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 = React.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 = React.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 = React.useCallback((date: Date): string | null => {\n    const monthDay = format(date, 'MM-dd') as keyof typeof vietnameseHolidays\n    return vietnameseHolidays[monthDay] || null\n  }, [])\n\n  // Smart format - choose appropriate format based on date\n  const getSmartFormat = React.useCallback(\n    (date: Date): string => {\n      if (isToday(date)) {\n        return showTime ? `Hôm nay ${format(date, 'HH:mm')}` : 'Hôm nay'\n      }\n      if (isYesterday(date)) {\n        return showTime ? `Hôm qua ${format(date, 'HH:mm')}` : 'Hôm qua'\n      }\n      if (isTomorrow(date)) {\n        return showTime ? `Ngày mai ${format(date, 'HH:mm')}` : 'Ngày mai'\n      }\n      if (isThisWeek(date)) {\n        const weekday = getVietnameseWeekday(date)\n        return showTime ? `${weekday} ${format(date, 'HH:mm')}` : weekday\n      }\n      if (isThisMonth(date)) {\n        const day = format(date, 'd')\n        return showTime ? `${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 = React.useCallback(\n    (date: Date, type: string): string => {\n      const timeStr = showTime ? format(date, ', HH:mm') : ''\n\n      switch (type) {\n        case 'short':\n          return format(date, 'd/M/yy') + timeStr\n\n        case 'medium':\n          return format(date, 'dd/MM/yyyy') + timeStr\n\n        case 'long':\n          return `${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-Clhba3N5.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 React from 'react'\nimport { format, isThisMonth, isThisWeek, isThisYear, isToday, isTomorrow, isValid, isYesterday, parseISO } from 'date-fns'\n\nimport { TIME_IN_SECONDS, vietnameseHolidays, vietnameseLocale } from '@/constants'\nimport { cn } from '@/lib/utils'\n\ninterface Props {\n  date: Date | string | number\n  format?:\n    | 'short' // 15/03/24\n    | 'medium' // 15/03/2024\n    | 'long' // 15 tháng 3, 2024\n    | 'full' // Thứ Sáu, ngày 15 tháng 3 năm 2024\n    | 'relative' // 2 giờ trước\n    | 'datetime' // 15/03/2024 14:30\n    | 'time' // 14:30\n    | 'smart' // Tự động chọn format phù hợp\n  showHoliday?: boolean\n  showTime?: boolean\n  className?: string\n  title?: string // Tooltip khi hover\n}\n\nexport const DateDisplay: React.FC<Props> = ({ date, format: formatType = 'medium', showHoliday = false, showTime = false, className = '', title }) => {\n  const parsedDate = React.useMemo(() => {\n    try {\n      if (date instanceof Date) {\n        return isValid(date) ? date : null\n      }\n      if (typeof date === 'string') {\n        const parsed = parseISO(date)\n        return isValid(parsed) ? parsed : new Date(date)\n      }\n      if (typeof date === 'number') {\n        const parsed = new Date(date)\n        return isValid(parsed) ? parsed : null\n      }\n      return null\n    } catch {\n      return null\n    }\n  }, [date])\n\n  // Format relative time in Vietnamese\n  const formatRelativeTime = React.useCallback((date: Date): string => {\n    const now = new Date()\n    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000)\n\n    if (diffInSeconds < 60) return 'Vừa xong'\n    if (diffInSeconds < 3600) 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 = React.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 = React.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 = React.useCallback((date: Date): string | null => {\n    const monthDay = format(date, 'MM-dd') as keyof typeof vietnameseHolidays\n    return vietnameseHolidays[monthDay] || null\n  }, [])\n\n  // Smart format - choose appropriate format based on date\n  const getSmartFormat = React.useCallback(\n    (date: Date): string => {\n      if (isToday(date)) {\n        return showTime ? `Hôm nay ${format(date, 'HH:mm')}` : 'Hôm nay'\n      }\n      if (isYesterday(date)) {\n        return showTime ? `Hôm qua ${format(date, 'HH:mm')}` : 'Hôm qua'\n      }\n      if (isTomorrow(date)) {\n        return showTime ? `Ngày mai ${format(date, 'HH:mm')}` : 'Ngày mai'\n      }\n      if (isThisWeek(date)) {\n        const weekday = getVietnameseWeekday(date)\n        return showTime ? `${weekday} ${format(date, 'HH:mm')}` : weekday\n      }\n      if (isThisMonth(date)) {\n        const day = format(date, 'd')\n        return showTime ? `${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 = React.useCallback(\n    (date: Date, type: string): string => {\n      const timeStr = showTime ? format(date, ', HH:mm') : ''\n\n      switch (type) {\n        case 'short':\n          return format(date, 'd/M/yy') + timeStr\n\n        case 'medium':\n          return format(date, 'dd/MM/yyyy') + timeStr\n\n        case 'long':\n          return `${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-CoH1pTBH.d.ts → dialog-DC9nwyvF.d.cts}

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

package/dist/{dialog-C4oHnJNN.cjs → dialog-DdHuwZMB.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`lucide-react`));function a({...e}){return(0,n.jsx)(r.Dialog.Root,{"data-slot":`dialog`,...e})}function o({...e}){return(0,n.jsx)(r.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return(0,n.jsx)(r.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return(0,n.jsx)(r.Dialog.Close,{"data-slot":`dialog-close`,...e})}function l({className:e,...i}){return(0,n.jsx)(r.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:t.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),...i})}function u({className:e,children:a,showCloseButton:o=!0,...c}){return(0,n.jsxs)(s,{"data-slot":`dialog-portal`,children:[(0,n.jsx)(l,{}),(0,n.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:(0,n.jsxs)(r.Dialog.Content,{"data-slot":`dialog-content`,className:t.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,n.jsxs)(r.Dialog.Close,{"data-slot":`dialog-close`,tabIndex:-1,className:t.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-accent-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,n.jsx)(i.XIcon,{}),(0,n.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-2 text-center sm:text-left`,e),...r})}function f({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r})}function p({className:e,...i}){return(0,n.jsx)(r.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`text-text-positive-strong text-lg leading-none font-semibold`,e),...i})}function m({className:e,...i}){return(0,n.jsx)(r.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`text-text-positive-weak text-sm`,e),...i})}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-C4oHnJNN.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-Bzhp4BOr.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`lucide-react`));function a({...e}){return(0,n.jsx)(r.Dialog.Root,{"data-slot":`dialog`,...e})}function o({...e}){return(0,n.jsx)(r.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return(0,n.jsx)(r.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return(0,n.jsx)(r.Dialog.Close,{"data-slot":`dialog-close`,...e})}function l({className:e,...i}){return(0,n.jsx)(r.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:t.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),...i})}function u({className:e,children:a,showCloseButton:o=!0,...c}){return(0,n.jsxs)(s,{"data-slot":`dialog-portal`,children:[(0,n.jsx)(l,{}),(0,n.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:(0,n.jsxs)(r.Dialog.Content,{"data-slot":`dialog-content`,className:t.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,n.jsxs)(r.Dialog.Close,{"data-slot":`dialog-close`,tabIndex:-1,className:t.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-accent-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,n.jsx)(i.XIcon,{}),(0,n.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-2 text-center sm:text-left`,e),...r})}function f({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r})}function p({className:e,...i}){return(0,n.jsx)(r.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`text-text-positive-strong text-lg leading-none font-semibold`,e),...i})}function m({className:e,...i}){return(0,n.jsx)(r.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`text-text-positive-weak text-sm`,e),...i})}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-DdHuwZMB.cjs.map

package/dist/{dialog-C4oHnJNN.cjs.map → dialog-DdHuwZMB.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-C4oHnJNN.cjs","names":["DialogPrimitive","cn","XIcon"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\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-accent-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":"0LAMA,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,UAAWC,EAAAA,GACT,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,MAACD,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,UAAWC,EAAAA,GACT,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,GAAI,YAEH,EACA,IACC,EAAA,EAAA,MAACD,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,SAAU,GACV,UAAWC,EAAAA,GACT,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,UAAWD,EAAAA,GAAG,+CAAgD,GAAY,GAAI,IAGtH,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,UAAWA,EAAAA,GAAG,yDAA0D,GAAY,GAAI,IAGhI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,UAAWC,EAAAA,GAAG,+DAAgE,GAAY,GAAI,IAGvJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAWC,EAAAA,GAAG,kCAAmC,GAAY,GAAI"}
+{"version":3,"file":"dialog-DdHuwZMB.cjs","names":["DialogPrimitive","cn","XIcon"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\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-accent-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":"0LAMA,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,UAAWC,EAAAA,GACT,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,MAACD,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,UAAWC,EAAAA,GACT,mCACA,uCACA,2DACA,2BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,GAAI,YAEH,EACA,IACC,EAAA,EAAA,MAACD,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,SAAU,GACV,UAAWC,EAAAA,GACT,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,UAAWD,EAAAA,GAAG,+CAAgD,GAAY,GAAI,IAGtH,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,UAAWA,EAAAA,GAAG,yDAA0D,GAAY,GAAI,IAGhI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,UAAWC,EAAAA,GAAG,+DAAgE,GAAY,GAAI,IAGvJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAWC,EAAAA,GAAG,kCAAmC,GAAY,GAAI"}

package/dist/{dialog-BEdMA5Lp.js → dialog-DuASFaYK.js}

@@ -1,2 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Dialog as r}from"radix-ui";import{XIcon as i}from"lucide-react";function a({...e}){return t(r.Root,{"data-slot":`dialog`,...e})}function o({...e}){return t(r.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return t(r.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return t(r.Close,{"data-slot":`dialog-close`,...e})}function l({className:n,...i}){return t(r.Overlay,{"data-slot":`dialog-overlay`,className:e(`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`,n),...i})}function u({className:a,children:o,showCloseButton:c=!0,...u}){return n(s,{"data-slot":`dialog-portal`,children:[t(l,{}),t(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:n(r.Content,{"data-slot":`dialog-content`,className:e(`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&&n(r.Close,{"data-slot":`dialog-close`,tabIndex:-1,className:e(`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-accent-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:[t(i,{}),t(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:n,...r}){return t(`div`,{"data-slot":`dialog-header`,className:e(`flex flex-col gap-2 text-center sm:text-left`,n),...r})}function f({className:n,...r}){return t(`div`,{"data-slot":`dialog-footer`,className:e(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,n),...r})}function p({className:n,...i}){return t(r.Title,{"data-slot":`dialog-title`,className:e(`text-text-positive-strong text-lg leading-none font-semibold`,n),...i})}function m({className:n,...i}){return t(r.Description,{"data-slot":`dialog-description`,className:e(`text-text-positive-weak text-sm`,n),...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-BEdMA5Lp.js.map
+import{cn as e}from"./utils-CU8e4Cfu.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Dialog as r}from"radix-ui";import{XIcon as i}from"lucide-react";function a({...e}){return t(r.Root,{"data-slot":`dialog`,...e})}function o({...e}){return t(r.Trigger,{"data-slot":`dialog-trigger`,...e})}function s({...e}){return t(r.Portal,{"data-slot":`dialog-portal`,...e})}function c({...e}){return t(r.Close,{"data-slot":`dialog-close`,...e})}function l({className:n,...i}){return t(r.Overlay,{"data-slot":`dialog-overlay`,className:e(`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`,n),...i})}function u({className:a,children:o,showCloseButton:c=!0,...u}){return n(s,{"data-slot":`dialog-portal`,children:[t(l,{}),t(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:n(r.Content,{"data-slot":`dialog-content`,className:e(`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&&n(r.Close,{"data-slot":`dialog-close`,tabIndex:-1,className:e(`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-accent-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:[t(i,{}),t(`span`,{className:`sr-only`,children:`Close`})]})]})})]})}function d({className:n,...r}){return t(`div`,{"data-slot":`dialog-header`,className:e(`flex flex-col gap-2 text-center sm:text-left`,n),...r})}function f({className:n,...r}){return t(`div`,{"data-slot":`dialog-footer`,className:e(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,n),...r})}function p({className:n,...i}){return t(r.Title,{"data-slot":`dialog-title`,className:e(`text-text-positive-strong text-lg leading-none font-semibold`,n),...i})}function m({className:n,...i}){return t(r.Description,{"data-slot":`dialog-description`,className:e(`text-text-positive-weak text-sm`,n),...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-DuASFaYK.js.map

package/dist/{dialog-BEdMA5Lp.js.map → dialog-DuASFaYK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-BEdMA5Lp.js","names":["Dialog","DialogPrimitive"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\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-accent-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":"kKAMA,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-DuASFaYK.js","names":["Dialog","DialogPrimitive"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\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-accent-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":"kKAMA,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/{dialog-Bw_T5aco.d.cts → dialog-mh0z7J_-.d.ts}

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

package/dist/dialogs/confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`),require(`../button-BSGNpclh.cjs`);const t=require(`../alert-dialog-26JyobJb.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:`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(`../utils-Bzhp4BOr.cjs`),require(`../button-lm4QtGky.cjs`);const t=require(`../alert-dialog-Dxx-45x_.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:`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"../utils-D9AH0PUV.js";import"../button-CnMfXTBU.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-Dv0cgymS.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:`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"../utils-CU8e4Cfu.js";import"../button-BYBBUZAz.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-CcgqDP8l.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:`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(`../../../utils-BsjVK5EW.cjs`),require(`../../../tooltip-DLnAwybV.cjs`),require(`../../../button-BSGNpclh.cjs`),require(`../../../input-VZiryzkl.cjs`),require(`../../../separator-Cigaqna1.cjs`),require(`../../../skeleton-C-9PuX3p.cjs`);const e=require(`../../../sidebar-BbcOcECD.cjs`);exports.Sidebar=e.Sidebar,exports.SidebarContent=e.SidebarContent,exports.SidebarFooter=e.SidebarFooter,exports.SidebarGroup=e.SidebarGroup,exports.SidebarGroupAction=e.SidebarGroupAction,exports.SidebarGroupContent=e.SidebarGroupContent,exports.SidebarGroupLabel=e.SidebarGroupLabel,exports.SidebarHeader=e.SidebarHeader,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarMenu=e.SidebarMenu,exports.SidebarMenuAction=e.SidebarMenuAction,exports.SidebarMenuBadge=e.SidebarMenuBadge,exports.SidebarMenuButton=e.SidebarMenuButton,exports.SidebarMenuItem=e.SidebarMenuItem,exports.SidebarMenuSkeleton=e.SidebarMenuSkeleton,exports.SidebarMenuSub=e.SidebarMenuSub,exports.SidebarMenuSubButton=e.SidebarMenuSubButton,exports.SidebarMenuSubItem=e.SidebarMenuSubItem,exports.SidebarProvider=e.SidebarProvider,exports.SidebarRail=e.SidebarRail,exports.SidebarSeparator=e.SidebarSeparator,exports.SidebarTrigger=e.SidebarTrigger,exports.useSidebar=e.useSidebar;
+"use client";require(`../../../utils-Bzhp4BOr.cjs`),require(`../../../tooltip-_jrSMy9D.cjs`),require(`../../../button-lm4QtGky.cjs`),require(`../../../input-M7zUJduT.cjs`),require(`../../../separator-CHpoDNnH.cjs`),require(`../../../skeleton-Bhdmd_Wk.cjs`);const e=require(`../../../sidebar-CEixxF5q.cjs`);exports.Sidebar=e.Sidebar,exports.SidebarContent=e.SidebarContent,exports.SidebarFooter=e.SidebarFooter,exports.SidebarGroup=e.SidebarGroup,exports.SidebarGroupAction=e.SidebarGroupAction,exports.SidebarGroupContent=e.SidebarGroupContent,exports.SidebarGroupLabel=e.SidebarGroupLabel,exports.SidebarHeader=e.SidebarHeader,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarMenu=e.SidebarMenu,exports.SidebarMenuAction=e.SidebarMenuAction,exports.SidebarMenuBadge=e.SidebarMenuBadge,exports.SidebarMenuButton=e.SidebarMenuButton,exports.SidebarMenuItem=e.SidebarMenuItem,exports.SidebarMenuSkeleton=e.SidebarMenuSkeleton,exports.SidebarMenuSub=e.SidebarMenuSub,exports.SidebarMenuSubButton=e.SidebarMenuSubButton,exports.SidebarMenuSubItem=e.SidebarMenuSubItem,exports.SidebarProvider=e.SidebarProvider,exports.SidebarRail=e.SidebarRail,exports.SidebarSeparator=e.SidebarSeparator,exports.SidebarTrigger=e.SidebarTrigger,exports.useSidebar=e.useSidebar;

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

@@ -1,7 +1,7 @@
-import { Button } from "../../../button-ghXW1WTr.cjs";
-import { Input } from "../../../input-y_n-XGys.cjs";
-import { Separator } from "../../../separator-ClGBPiYE.cjs";
-import { TooltipContent } from "../../../tooltip-cisSpCHG.cjs";
+import { Button } from "../../../button-l6-1RjHx.cjs";
+import { Input } from "../../../input-syir1opU.cjs";
+import { Separator } from "../../../separator-Cin_M3mg.cjs";
+import { TooltipContent } from "../../../tooltip-BJH-k8Rl.cjs";
 import * as react_jsx_runtime236 from "react/jsx-runtime";
 import React from "react";
 import * as class_variance_authority_types6 from "class-variance-authority/types";

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

@@ -1,10 +1,10 @@
-import { Button } from "../../../button-CPBLm_02.js";
-import { Input } from "../../../input-CUDclgoU.js";
-import { Separator } from "../../../separator-BLYi41aC.js";
-import { TooltipContent } from "../../../tooltip-Bk8VwHdM.js";
+import { Button } from "../../../button-Db111bE3.js";
+import { Input } from "../../../input-on1u3kSJ.js";
+import { Separator } from "../../../separator-CETN8Z8q.js";
+import { TooltipContent } from "../../../tooltip-BJxSDcLX.js";
 import React from "react";
-import * as react_jsx_runtime235 from "react/jsx-runtime";
 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
@@ -29,7 +29,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -41,70 +41,70 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime236.JSX.Element;
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime236.JSX.Element;
 declare function SidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime236.JSX.Element;
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
@@ -121,7 +121,7 @@ declare function SidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime235.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuAction({
   className,
   asChild,
@@ -130,26 +130,26 @@ declare function SidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime236.JSX.Element;
 declare function SidebarMenuSubButton({
   asChild,
   size,
@@ -160,7 +160,7 @@ declare function SidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime235.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
 //# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +1 @@
-"use client";import"../../../utils-D9AH0PUV.js";import"../../../tooltip-B8KdfOeT.js";import"../../../button-CnMfXTBU.js";import"../../../input--6vqz8UI.js";import"../../../separator-aLdI4FQe.js";import"../../../skeleton-sZeupFu_.js";import{Sidebar as e,SidebarContent as t,SidebarFooter as n,SidebarGroup as r,SidebarGroupAction as i,SidebarGroupContent as a,SidebarGroupLabel as o,SidebarHeader as s,SidebarInput as c,SidebarInset as l,SidebarMenu as u,SidebarMenuAction as d,SidebarMenuBadge as f,SidebarMenuButton as p,SidebarMenuItem as m,SidebarMenuSkeleton as h,SidebarMenuSub as g,SidebarMenuSubButton as _,SidebarMenuSubItem as v,SidebarProvider as y,SidebarRail as b,SidebarSeparator as x,SidebarTrigger as S,useSidebar as C}from"../../../sidebar-BDDG3PeD.js";export{e as Sidebar,t as SidebarContent,n as SidebarFooter,r as SidebarGroup,i as SidebarGroupAction,a as SidebarGroupContent,o as SidebarGroupLabel,s as SidebarHeader,c as SidebarInput,l as SidebarInset,u as SidebarMenu,d as SidebarMenuAction,f as SidebarMenuBadge,p as SidebarMenuButton,m as SidebarMenuItem,h as SidebarMenuSkeleton,g as SidebarMenuSub,_ as SidebarMenuSubButton,v as SidebarMenuSubItem,y as SidebarProvider,b as SidebarRail,x as SidebarSeparator,S as SidebarTrigger,C as useSidebar};
+"use client";import"../../../utils-CU8e4Cfu.js";import"../../../tooltip-BwVo3rqL.js";import"../../../button-BYBBUZAz.js";import"../../../input-1jCjvrb7.js";import"../../../separator-iF5M5XZY.js";import"../../../skeleton-r2YtsBgC.js";import{Sidebar as e,SidebarContent as t,SidebarFooter as n,SidebarGroup as r,SidebarGroupAction as i,SidebarGroupContent as a,SidebarGroupLabel as o,SidebarHeader as s,SidebarInput as c,SidebarInset as l,SidebarMenu as u,SidebarMenuAction as d,SidebarMenuBadge as f,SidebarMenuButton as p,SidebarMenuItem as m,SidebarMenuSkeleton as h,SidebarMenuSub as g,SidebarMenuSubButton as _,SidebarMenuSubItem as v,SidebarProvider as y,SidebarRail as b,SidebarSeparator as x,SidebarTrigger as S,useSidebar as C}from"../../../sidebar-CtHy96MF.js";export{e as Sidebar,t as SidebarContent,n as SidebarFooter,r as SidebarGroup,i as SidebarGroupAction,a as SidebarGroupContent,o as SidebarGroupLabel,s as SidebarHeader,c as SidebarInput,l as SidebarInset,u as SidebarMenu,d as SidebarMenuAction,f as SidebarMenuBadge,p as SidebarMenuButton,m as SidebarMenuItem,h as SidebarMenuSkeleton,g as SidebarMenuSub,_ as SidebarMenuSubButton,v as SidebarMenuSubItem,y as SidebarProvider,b as SidebarRail,x as SidebarSeparator,S as SidebarTrigger,C as useSidebar};

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../utils-BsjVK5EW.cjs`);const t=require(`../../flex-CNA_SId-.cjs`),n=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-DLnAwybV.cjs`),require(`../../button-BSGNpclh.cjs`);const r=require(`../../dialog-C4oHnJNN.cjs`);require(`../../input-VZiryzkl.cjs`);const i=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../skeleton-C-9PuX3p.cjs`);const a=require(`../../sidebar-BbcOcECD.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{className:`sr-only`}),(0,o.jsx)(r.DialogDescription,{className:`sr-only`})]}),l=({children:e})=>(0,o.jsx)(`main`,{className:`relative flex h-full flex-1 flex-col`,children:(0,o.jsx)(`div`,{className:`absolute inset-0 flex size-full flex-col`,children:e})}),u=({title:e,createdAt:r})=>(0,o.jsxs)(`header`,{className:`border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[(0,o.jsx)(a.SidebarTrigger,{}),(0,o.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[(0,o.jsx)(i.Title,{level:5,children:e||`Detail Dialog`}),(0,o.jsxs)(t.Flex,{padding:`none`,className:`text-muted-foreground`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!r&&(0,o.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(r.DialogContent,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),f=({title:e,sidebarFooter:t,children:n})=>(0,o.jsxs)(a.Sidebar,{collapsible:`icon`,className:`border-border-weak hidden border-r md:flex`,children:[(0,o.jsx)(a.SidebarHeader,{children:(0,o.jsx)(a.SidebarMenu,{children:(0,o.jsx)(a.SidebarMenuItem,{children:(0,o.jsxs)(a.SidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,o.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,o.jsx)(s.CatIcon,{size:16})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,o.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,o.jsx)(a.SidebarContent,{children:(0,o.jsx)(a.SidebarGroup,{children:n})}),t&&(0,o.jsx)(a.SidebarFooter,{children:t})]}),p=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,o.jsxs)(d,{children:[(0,o.jsx)(c,{}),(0,o.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,o.jsx)(f,{title:i,sidebarFooter:p,children:s}),(0,o.jsxs)(l,{children:[(0,o.jsx)(u,{title:m,createdAt:h}),n?(0,o.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted/20 size-full`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=p;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../utils-Bzhp4BOr.cjs`);const t=require(`../../flex-Bh3PRuM_.cjs`),n=require(`../../date-Ci9rmG-_.cjs`);require(`../../tooltip-_jrSMy9D.cjs`),require(`../../button-lm4QtGky.cjs`);const r=require(`../../dialog-DdHuwZMB.cjs`);require(`../../input-M7zUJduT.cjs`);const i=require(`../../title-LB4M5iE_.cjs`);require(`../../separator-CHpoDNnH.cjs`),require(`../../skeleton-Bhdmd_Wk.cjs`);const a=require(`../../sidebar-CEixxF5q.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{className:`sr-only`}),(0,o.jsx)(r.DialogDescription,{className:`sr-only`})]}),l=({children:e})=>(0,o.jsx)(`main`,{className:`relative flex h-full flex-1 flex-col`,children:(0,o.jsx)(`div`,{className:`absolute inset-0 flex size-full flex-col`,children:e})}),u=({title:e,createdAt:r})=>(0,o.jsxs)(`header`,{className:`border-border-weak relative flex items-start gap-x-2.5 border-b px-2 py-2.5`,children:[(0,o.jsx)(a.SidebarTrigger,{}),(0,o.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[(0,o.jsx)(i.Title,{level:5,children:e||`Detail Dialog`}),(0,o.jsxs)(t.Flex,{padding:`none`,className:`text-muted-foreground`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!r&&(0,o.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(r.DialogContent,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),f=({title:e,sidebarFooter:t,children:n})=>(0,o.jsxs)(a.Sidebar,{collapsible:`icon`,className:`border-border-weak hidden border-r md:flex`,children:[(0,o.jsx)(a.SidebarHeader,{children:(0,o.jsx)(a.SidebarMenu,{children:(0,o.jsx)(a.SidebarMenuItem,{children:(0,o.jsxs)(a.SidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,o.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,o.jsx)(s.CatIcon,{size:16})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,o.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,o.jsx)(a.SidebarContent,{children:(0,o.jsx)(a.SidebarGroup,{children:n})}),t&&(0,o.jsx)(a.SidebarFooter,{children:t})]}),p=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,o.jsxs)(d,{children:[(0,o.jsx)(c,{}),(0,o.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,o.jsx)(f,{title:i,sidebarFooter:p,children:s}),(0,o.jsxs)(l,{children:[(0,o.jsx)(u,{title:m,createdAt:h}),n?(0,o.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted/20 size-full`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted-muted/20 relative flex-1 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=p;
 //# sourceMappingURL=index.cjs.map