@eintrek/erp-theme 1.4.8 → 1.4.10

package/dist/index.esm.js

@@ -213,133 +213,192 @@ function BreadcrumbSeparator({ children, className, ...props }) {
     return (jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn$1("[&>svg]:size-3.5", className), ...props, children: children ?? jsx(ChevronRight, {}) }));
 }
 
-function Calendar({ className, selected, onSelect, mode = "single", disabled, }) {
-    const [currentMonth, setCurrentMonth] = React.useState(new Date());
-    const today = new Date();
-    const year = currentMonth.getFullYear();
-    const month = currentMonth.getMonth();
-    const firstDayOfMonth = new Date(year, month, 1);
-    const lastDayOfMonth = new Date(year, month + 1, 0);
-    const firstDayOfWeek = firstDayOfMonth.getDay();
-    const daysInMonth = lastDayOfMonth.getDate();
-    const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-    const getDaysInMonth = () => {
-        const days = [];
-        // Add empty cells for days before the first day of the month
-        for (let i = 0; i < firstDayOfWeek; i++) {
-            days.push(null);
-        }
-        // Add days of the month
-        for (let day = 1; day <= daysInMonth; day++) {
-            days.push(new Date(year, month, day));
-        }
-        return days;
-    };
-    const isSelected = (date) => {
-        if (!selected)
-            return false;
-        if (mode === "single" && selected instanceof Date) {
-            return date.toDateString() === selected.toDateString();
-        }
-        if (mode === "range" && selected && typeof selected === "object" && "from" in selected) {
-            const range = selected;
-            if (range.from && range.to) {
-                return date >= range.from && date <= range.to;
-            }
-            if (range.from) {
-                return date.toDateString() === range.from.toDateString();
-            }
-        }
-        if (mode === "multiple" && Array.isArray(selected)) {
-            return selected.some(d => d.toDateString() === date.toDateString());
-        }
-        return false;
-    };
-    const isToday = (date) => {
-        return date.toDateString() === today.toDateString();
-    };
-    const isDisabled = (date) => {
-        if (disabled)
-            return disabled(date);
-        return false;
-    };
-    const handleDateClick = (date) => {
-        if (isDisabled(date))
-            return;
-        if (mode === "single") {
-            onSelect?.(date);
-        }
-        else if (mode === "range") {
-            // Simple range selection - click to set start, click again to set end
-            if (!selected || typeof selected !== "object" || !("from" in selected)) {
-                onSelect?.({ from: date, to: undefined });
-            }
-            else {
-                const range = selected;
-                if (!range.from) {
-                    onSelect?.({ from: date, to: undefined });
-                }
-                else if (!range.to) {
-                    if (date >= range.from) {
-                        onSelect?.({ from: range.from, to: date });
-                    }
-                    else {
-                        onSelect?.({ from: date, to: range.from });
-                    }
-                }
-                else {
-                    onSelect?.({ from: date, to: undefined });
-                }
-            }
-        }
-        else if (mode === "multiple") {
-            const currentSelection = Array.isArray(selected) ? selected : [];
-            const isAlreadySelected = currentSelection.some(d => d.toDateString() === date.toDateString());
-            if (isAlreadySelected) {
-                onSelect?.(currentSelection.filter(d => d.toDateString() !== date.toDateString()));
-            }
-            else {
-                onSelect?.([...currentSelection, date]);
-            }
-        }
-    };
-    const navigateMonth = (direction) => {
-        setCurrentMonth(prev => {
-            const newMonth = new Date(prev);
-            if (direction === "prev") {
-                newMonth.setMonth(prev.getMonth() - 1);
-            }
-            else {
-                newMonth.setMonth(prev.getMonth() + 1);
-            }
-            return newMonth;
-        });
-    };
-    const days = getDaysInMonth();
-    return (jsxs("div", { "data-slot": "calendar", className: cn$1("bg-background group/calendar p-3 w-fit", className), children: [jsxs("div", { className: "flex items-center justify-between mb-4", children: [jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("prev"), className: "h-8 w-8 p-0", children: jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), jsx("div", { className: "text-sm font-medium", children: currentMonth.toLocaleDateString("default", { month: "long", year: "numeric" }) }), jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("next"), className: "h-8 w-8 p-0", children: jsx(ChevronRightIcon, { className: "h-4 w-4" }) })] }), jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: weekDays.map((day) => (jsx("div", { className: "text-muted-foreground text-xs font-normal text-center h-8 flex items-center justify-center", children: day }, day))) }), jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
-                    if (!date) {
-                        return jsx("div", { className: "h-8" }, index);
-                    }
-                    const isDateSelected = isSelected(date);
-                    const isDateToday = isToday(date);
-                    const isDateDisabled = isDisabled(date);
-                    return (jsx(Button, { variant: "ghost", size: "icon", className: cn$1("h-8 w-8 p-0 text-sm font-normal", isDateSelected && "bg-primary text-primary-foreground", isDateToday && !isDateSelected && "bg-accent text-accent-foreground", isDateDisabled && "opacity-50 cursor-not-allowed", "hover:bg-accent hover:text-accent-foreground"), onClick: () => handleDateClick(date), disabled: isDateDisabled, children: date.getDate() }, date.toISOString()));
-                }) })] }));
+/**
+ * @module constants
+ * @summary Useful constants
+ * @description
+ * Collection of useful date constants.
+ *
+ * The constants could be imported from `date-fns/constants`:
+ *
+ * ```ts
+ * import { maxTime, minTime } from "./constants/date-fns/constants";
+ *
+ * function isAllowedTime(time) {
+ *   return time <= maxTime && time >= minTime;
+ * }
+ * ```
+ */
+
+
+/**
+ * @constant
+ * @name constructFromSymbol
+ * @summary Symbol enabling Date extensions to inherit properties from the reference date.
+ *
+ * The symbol is used to enable the `constructFrom` function to construct a date
+ * using a reference date and a value. It allows to transfer extra properties
+ * from the reference date to the new date. It's useful for extensions like
+ * [`TZDate`](https://github.com/date-fns/tz) that accept a time zone as
+ * a constructor argument.
+ */
+const constructFromSymbol = Symbol.for("constructDateFrom");
+
+/**
+ * @name constructFrom
+ * @category Generic Helpers
+ * @summary Constructs a date using the reference date and the value
+ *
+ * @description
+ * The function constructs a new date using the constructor from the reference
+ * date and the given value. It helps to build generic functions that accept
+ * date extensions.
+ *
+ * It defaults to `Date` if the passed reference date is a number or a string.
+ *
+ * Starting from v3.7.0, it allows to construct a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties from the reference date to the new date.
+ * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
+ * that accept a time zone as a constructor argument.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The reference date to take constructor from
+ * @param value - The value to create the date
+ *
+ * @returns Date initialized using the given date and value
+ *
+ * @example
+ * import { constructFrom } from "./constructFrom/date-fns";
+ *
+ * // A function that clones a date preserving the original type
+ * function cloneDate<DateType extends Date>(date: DateType): DateType {
+ *   return constructFrom(
+ *     date, // Use constructor from the given date
+ *     date.getTime() // Use the date value to create a new date
+ *   );
+ * }
+ */
+function constructFrom(date, value) {
+  if (typeof date === "function") return date(value);
+
+  if (date && typeof date === "object" && constructFromSymbol in date)
+    return date[constructFromSymbol](value);
+
+  if (date instanceof Date) return new date.constructor(value);
+
+  return new Date(value);
 }
-function DateInput({ value, onChange, placeholder = "Select date", className, disabled = false }) {
-    const handleChange = (event) => {
-        const dateValue = event.target.value;
-        if (dateValue) {
-            onChange?.(new Date(dateValue));
-        }
-        else {
-            onChange?.(undefined);
-        }
-    };
-    const formatDateForInput = (date) => {
-        return date.toISOString().split('T')[0];
-    };
-    return (jsx("input", { type: "date", value: value ? formatDateForInput(value) : "", onChange: handleChange, placeholder: placeholder, disabled: disabled, className: cn$1("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className) }));
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * Starting from v3.7.0, it clones a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties from the reference date to the new date.
+ * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
+ * that accept a time zone as a constructor argument.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param argument - The value to convert
+ *
+ * @returns The parsed date in the local time zone
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument, context) {
+  // [TODO] Get rid of `toDate` or `constructFrom`?
+  return constructFrom(argument, argument);
+}
+
+/**
+ * The {@link endOfMonth} function options.
+ */
+
+/**
+ * @name endOfMonth
+ * @category Month Helpers
+ * @summary Return the end of a month for the given date.
+ *
+ * @description
+ * Return the end of a month for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The end of a month
+ *
+ * @example
+ * // The end of a month for 2 September 2014 11:55:00:
+ * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Tue Sep 30 2014 23:59:59.999
+ */
+function endOfMonth(date, options) {
+  const _date = toDate(date);
+  const month = _date.getMonth();
+  _date.setFullYear(_date.getFullYear(), month + 1, 0);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
+/**
+ * The {@link startOfMonth} function options.
+ */
+
+/**
+ * @name startOfMonth
+ * @category Month Helpers
+ * @summary Return the start of a month for the given date.
+ *
+ * @description
+ * Return the start of a month for the given date. The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments.
+ * Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed,
+ * or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a month
+ *
+ * @example
+ * // The start of a month for 2 September 2014 11:55:00:
+ * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfMonth(date, options) {
+  const _date = toDate(date);
+  _date.setDate(1);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
 }
 
 function buildFormatLongFn(args) {
@@ -494,123 +553,241 @@ function buildMatchPatternFn(args) {
 }
 
 /**
- * @module constants
- * @summary Useful constants
- * @description
- * Collection of useful date constants.
- *
- * The constants could be imported from `date-fns/constants`:
- *
- * ```ts
- * import { maxTime, minTime } from "./constants/date-fns/constants";
- *
- * function isAllowedTime(time) {
- *   return time <= maxTime && time >= minTime;
- * }
- * ```
+ * Thai month names in Buddhist calendar
  */
-
-
+const THAI_MONTH_NAMES = [
+    "มกราคม",
+    "กุมภาพันธ์",
+    "มีนาคม",
+    "เมษายน",
+    "พฤษภาคม",
+    "มิถุนายน",
+    "กรกฎาคม",
+    "สิงหาคม",
+    "กันยายน",
+    "ตุลาคม",
+    "พฤศจิกายน",
+    "ธันวาคม",
+];
 /**
- * @constant
- * @name constructFromSymbol
- * @summary Symbol enabling Date extensions to inherit properties from the reference date.
+ * Convert Gregorian year to Buddhist year
+ * Buddhist calendar is 543 years ahead of Gregorian calendar
  *
- * The symbol is used to enable the `constructFrom` function to construct a date
- * using a reference date and a value. It allows to transfer extra properties
- * from the reference date to the new date. It's useful for extensions like
- * [`TZDate`](https://github.com/date-fns/tz) that accept a time zone as
- * a constructor argument.
+ * @param gregorianYear - The Gregorian year (e.g., 2024)
+ * @returns The Buddhist year (e.g., 2567)
+ *
+ * @example
+ * toBuddhistYear(2024); // returns 2567
  */
-const constructFromSymbol = Symbol.for("constructDateFrom");
-
+function toBuddhistYear(gregorianYear) {
+    return gregorianYear + 543;
+}
 /**
- * @name constructFrom
- * @category Generic Helpers
- * @summary Constructs a date using the reference date and the value
- *
- * @description
- * The function constructs a new date using the constructor from the reference
- * date and the given value. It helps to build generic functions that accept
- * date extensions.
- *
- * It defaults to `Date` if the passed reference date is a number or a string.
- *
- * Starting from v3.7.0, it allows to construct a date using `[Symbol.for("constructDateFrom")]`
- * enabling to transfer extra properties from the reference date to the new date.
- * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
- * that accept a time zone as a constructor argument.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The reference date to take constructor from
- * @param value - The value to create the date
+ * Convert Buddhist year to Gregorian year
  *
- * @returns Date initialized using the given date and value
+ * @param buddhistYear - The Buddhist year (e.g., 2567)
+ * @returns The Gregorian year (e.g., 2024)
  *
  * @example
- * import { constructFrom } from "./constructFrom/date-fns";
- *
- * // A function that clones a date preserving the original type
- * function cloneDate<DateType extends Date>(date: DateType): DateType {
- *   return constructFrom(
- *     date, // Use constructor from the given date
- *     date.getTime() // Use the date value to create a new date
- *   );
- * }
+ * toGregorianYear(2567); // returns 2024
  */
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-
-  if (date instanceof Date) return new date.constructor(value);
-
-  return new Date(value);
+function toGregorianYear(buddhistYear) {
+    return buddhistYear - 543;
 }
-
 /**
- * @name toDate
- * @category Common Helpers
- * @summary Convert the given argument to an instance of Date.
- *
- * @description
- * Convert the given argument to an instance of Date.
- *
- * If the argument is an instance of Date, the function returns its clone.
- *
- * If the argument is a number, it is treated as a timestamp.
- *
- * If the argument is none of the above, the function returns Invalid Date.
+ * Get the first and last day of a month
  *
- * Starting from v3.7.0, it clones a date using `[Symbol.for("constructDateFrom")]`
- * enabling to transfer extra properties from the reference date to the new date.
- * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
- * that accept a time zone as a constructor argument.
+ * @param date - The date within the month
+ * @returns Object with start and end dates of the month
  *
- * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ * @example
+ * getMonthDateRange(new Date('2024-06-15'));
+ * // returns { start: Date('2024-06-01'), end: Date('2024-06-30') }
+ */
+function getMonthDateRange(date) {
+    const start = startOfMonth(date);
+    const end = endOfMonth(date);
+    return { start, end };
+}
+/**
+ * Format a date to Thai Buddhist calendar month display
  *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ * @param date - The date to format
+ * @returns Formatted string in Thai Buddhist calendar (e.g., "มกราคม 2568")
  *
- * @param argument - The value to convert
+ * @example
+ * formatThaiMonth(new Date('2024-01-15')); // returns "มกราคม 2567"
+ * formatThaiMonth(new Date('2024-12-25')); // returns "ธันวาคม 2567"
+ */
+function formatThaiMonth(date) {
+    const monthIndex = date.getMonth();
+    const gregorianYear = date.getFullYear();
+    const buddhistYear = toBuddhistYear(gregorianYear);
+    return `${THAI_MONTH_NAMES[monthIndex]} ${buddhistYear}`;
+}
+/**
+ * Format a date to short Thai Buddhist calendar format
  *
- * @returns The parsed date in the local time zone
+ * @param date - The date to format
+ * @returns Formatted string (e.g., "01/2568")
  *
  * @example
- * // Clone the date:
- * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
- * //=> Tue Feb 11 2014 11:30:30
+ * formatThaiMonthShort(new Date('2024-01-15')); // returns "01/2567"
+ */
+function formatThaiMonthShort(date) {
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const gregorianYear = date.getFullYear();
+    const buddhistYear = toBuddhistYear(gregorianYear);
+    return `${month}/${buddhistYear}`;
+}
+/**
+ * Get Thai month name by index (0-11)
+ *
+ * @param monthIndex - Month index (0 = January, 11 = December)
+ * @returns Thai month name
  *
  * @example
- * // Convert the timestamp to date:
- * const result = toDate(1392098430000)
- * //=> Tue Feb 11 2014 11:30:30
+ * getThaiMonthName(0); // returns "มกราคม"
+ * getThaiMonthName(11); // returns "ธันวาคม"
  */
-function toDate(argument, context) {
-  // [TODO] Get rid of `toDate` or `constructFrom`?
-  return constructFrom(argument, argument);
+function getThaiMonthName(monthIndex) {
+    if (monthIndex < 0 || monthIndex > 11) {
+        throw new Error("Month index must be between 0 and 11");
+    }
+    return THAI_MONTH_NAMES[monthIndex];
+}
+
+/** Thai weekday abbreviations (Sunday-first, matching JS getDay()). */
+const WEEK_DAYS_TH = ["อา.", "จ.", "อ.", "พ.", "พฤ.", "ศ.", "ส."];
+function formatMonthCaption(date) {
+    return `${THAI_MONTH_NAMES[date.getMonth()]} ${toBuddhistYear(date.getFullYear())}`;
+}
+function Calendar({ className, selected, onSelect, mode = "single", disabled, }) {
+    const [currentMonth, setCurrentMonth] = React.useState(new Date());
+    const today = new Date();
+    const year = currentMonth.getFullYear();
+    const month = currentMonth.getMonth();
+    const firstDayOfMonth = new Date(year, month, 1);
+    const lastDayOfMonth = new Date(year, month + 1, 0);
+    const firstDayOfWeek = firstDayOfMonth.getDay();
+    const daysInMonth = lastDayOfMonth.getDate();
+    const getDaysInMonth = () => {
+        const days = [];
+        // Add empty cells for days before the first day of the month
+        for (let i = 0; i < firstDayOfWeek; i++) {
+            days.push(null);
+        }
+        // Add days of the month
+        for (let day = 1; day <= daysInMonth; day++) {
+            days.push(new Date(year, month, day));
+        }
+        return days;
+    };
+    const isSelected = (date) => {
+        if (!selected)
+            return false;
+        if (mode === "single" && selected instanceof Date) {
+            return date.toDateString() === selected.toDateString();
+        }
+        if (mode === "range" && selected && typeof selected === "object" && "from" in selected) {
+            const range = selected;
+            if (range.from && range.to) {
+                return date >= range.from && date <= range.to;
+            }
+            if (range.from) {
+                return date.toDateString() === range.from.toDateString();
+            }
+        }
+        if (mode === "multiple" && Array.isArray(selected)) {
+            return selected.some(d => d.toDateString() === date.toDateString());
+        }
+        return false;
+    };
+    const isToday = (date) => {
+        return date.toDateString() === today.toDateString();
+    };
+    const isDisabled = (date) => {
+        if (disabled)
+            return disabled(date);
+        return false;
+    };
+    const handleDateClick = (date) => {
+        if (isDisabled(date))
+            return;
+        if (mode === "single") {
+            onSelect?.(date);
+        }
+        else if (mode === "range") {
+            // Simple range selection - click to set start, click again to set end
+            if (!selected || typeof selected !== "object" || !("from" in selected)) {
+                onSelect?.({ from: date, to: undefined });
+            }
+            else {
+                const range = selected;
+                if (!range.from) {
+                    onSelect?.({ from: date, to: undefined });
+                }
+                else if (!range.to) {
+                    if (date >= range.from) {
+                        onSelect?.({ from: range.from, to: date });
+                    }
+                    else {
+                        onSelect?.({ from: date, to: range.from });
+                    }
+                }
+                else {
+                    onSelect?.({ from: date, to: undefined });
+                }
+            }
+        }
+        else if (mode === "multiple") {
+            const currentSelection = Array.isArray(selected) ? selected : [];
+            const isAlreadySelected = currentSelection.some(d => d.toDateString() === date.toDateString());
+            if (isAlreadySelected) {
+                onSelect?.(currentSelection.filter(d => d.toDateString() !== date.toDateString()));
+            }
+            else {
+                onSelect?.([...currentSelection, date]);
+            }
+        }
+    };
+    const navigateMonth = (direction) => {
+        setCurrentMonth(prev => {
+            const newMonth = new Date(prev);
+            if (direction === "prev") {
+                newMonth.setMonth(prev.getMonth() - 1);
+            }
+            else {
+                newMonth.setMonth(prev.getMonth() + 1);
+            }
+            return newMonth;
+        });
+    };
+    const days = getDaysInMonth();
+    return (jsxs("div", { "data-slot": "calendar", className: cn$1("bg-background group/calendar p-3 w-fit", className), children: [jsxs("div", { className: "flex items-center justify-between mb-4", children: [jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("prev"), className: "h-8 w-8 p-0", children: jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), jsx("div", { className: "text-sm font-medium", children: formatMonthCaption(currentMonth) }), jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("next"), className: "h-8 w-8 p-0", children: jsx(ChevronRightIcon, { className: "h-4 w-4" }) })] }), jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: WEEK_DAYS_TH.map((day) => (jsx("div", { className: "text-muted-foreground text-xs font-normal text-center h-8 flex items-center justify-center", children: day }, day))) }), jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
+                    if (!date) {
+                        return jsx("div", { className: "h-8" }, index);
+                    }
+                    const isDateSelected = isSelected(date);
+                    const isDateToday = isToday(date);
+                    const isDateDisabled = isDisabled(date);
+                    return (jsx(Button, { variant: "ghost", size: "icon", className: cn$1("h-8 w-8 p-0 text-sm font-normal", isDateSelected && "bg-primary text-primary-foreground", isDateToday && !isDateSelected && "bg-accent text-accent-foreground", isDateDisabled && "opacity-50 cursor-not-allowed", "hover:bg-accent hover:text-accent-foreground"), onClick: () => handleDateClick(date), disabled: isDateDisabled, children: date.getDate() }, date.toISOString()));
+                }) })] }));
+}
+function DateInput({ value, onChange, placeholder = "Select date", className, disabled = false }) {
+    const handleChange = (event) => {
+        const dateValue = event.target.value;
+        if (dateValue) {
+            onChange?.(new Date(dateValue));
+        }
+        else {
+            onChange?.(undefined);
+        }
+    };
+    const formatDateForInput = (date) => {
+        return date.toISOString().split('T')[0];
+    };
+    return (jsx("input", { type: "date", value: value ? formatDateForInput(value) : "", onChange: handleChange, placeholder: placeholder, disabled: disabled, className: cn$1("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className) }));
 }
 
 const formatDistanceLocale = {
@@ -13413,6 +13590,222 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
     return (jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn$1("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
 }
 
+function countDigitsBefore$1(str, caret) {
+    let n = 0;
+    for (let i = 0; i < caret && i < str.length; i++) {
+        if (/\d/.test(str[i]))
+            n++;
+    }
+    return n;
+}
+function caretAfterDigits$1(str, digitCount) {
+    if (digitCount <= 0)
+        return 0;
+    let seen = 0;
+    for (let i = 0; i < str.length; i++) {
+        if (/\d/.test(str[i])) {
+            seen++;
+            if (seen >= digitCount)
+                return i + 1;
+        }
+    }
+    return str.length;
+}
+function stripToRaw(input, allowNegative) {
+    let s = input.replace(/,/g, "");
+    const neg = allowNegative && s.startsWith("-");
+    s = s.replace(/[^\d.]/g, "");
+    // Keep only the first decimal point.
+    const dot = s.indexOf(".");
+    if (dot !== -1) {
+        s = s.slice(0, dot + 1) + s.slice(dot + 1).replace(/\./g, "");
+    }
+    return neg ? `-${s}` : s;
+}
+function formatRaw(raw, decimals) {
+    if (raw === "" || raw === "-" || raw === ".")
+        return raw === "." ? "0." : raw;
+    const neg = raw.startsWith("-");
+    const body = neg ? raw.slice(1) : raw;
+    const [intPart = "", fracPart] = body.split(".");
+    const intFormatted = intPart === ""
+        ? ""
+        : Number(intPart).toLocaleString("en-US", { maximumFractionDigits: 0 });
+    let out = neg ? `-${intFormatted}` : intFormatted;
+    if (fracPart !== undefined) {
+        out += `.${fracPart.slice(0, decimals)}`;
+    }
+    return out;
+}
+function parseRaw(raw) {
+    if (raw === "" || raw === "-" || raw === "." || raw === "-.")
+        return "";
+    const n = Number(raw);
+    return Number.isFinite(n) ? n : "";
+}
+/**
+ * Number input that shows thousand separators while typing (e.g. 100,000).
+ * Emits a numeric model value without commas.
+ */
+function FormattedNumberInput({ value, onChange, decimals = 2, allowNegative = false, className, onBlur, ...props }) {
+    const inputRef = React.useRef(null);
+    const numeric = typeof value === "number" && Number.isFinite(value) ? value : undefined;
+    const toRawFromNumeric = (n) => {
+        if (decimals <= 0)
+            return String(Math.trunc(n));
+        // Avoid scientific notation; trim trailing zeros for cleaner edits.
+        const fixed = n.toFixed(decimals);
+        return fixed.replace(/\.?0+$/, "") || "0";
+    };
+    const [raw, setRaw] = React.useState(() => numeric === undefined ? "" : toRawFromNumeric(numeric));
+    // Sync from external value when not actively mismatched (controlled reset).
+    React.useEffect(() => {
+        if (numeric === undefined) {
+            if (raw !== "" && raw !== "-" && parseRaw(raw) === "") {
+                // keep incomplete draft
+                return;
+            }
+            if (parseRaw(raw) === "")
+                setRaw("");
+            return;
+        }
+        if (parseRaw(raw) === numeric)
+            return;
+        setRaw(toRawFromNumeric(numeric));
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- only react to external value
+    }, [numeric]);
+    const display = formatRaw(raw, decimals);
+    const accepts = React.useMemo(() => {
+        const sign = allowNegative ? "-?" : "";
+        return new RegExp(`^${sign}\\d*\\.?\\d{0,${decimals}}$`);
+    }, [allowNegative, decimals]);
+    return (jsx(Input, { ...props, ref: inputRef, type: "text", inputMode: "decimal", autoComplete: "off", className: cn$1(className), value: display, onChange: (event) => {
+            const el = event.target;
+            const nextRaw = stripToRaw(el.value, allowNegative);
+            if (!accepts.test(nextRaw) && nextRaw !== "" && nextRaw !== "-") {
+                return;
+            }
+            const digitsBefore = countDigitsBefore$1(el.value, el.selectionStart ?? el.value.length);
+            setRaw(nextRaw);
+            onChange(parseRaw(nextRaw));
+            const nextDisplay = formatRaw(nextRaw, decimals);
+            requestAnimationFrame(() => {
+                const node = inputRef.current;
+                if (!node)
+                    return;
+                const pos = caretAfterDigits$1(nextDisplay, digitsBefore);
+                node.setSelectionRange(pos, pos);
+            });
+        }, onBlur: (event) => {
+            const parsed = parseRaw(raw);
+            if (parsed === "") {
+                setRaw("");
+                onChange("");
+            }
+            else {
+                const normalized = toRawFromNumeric(parsed);
+                setRaw(normalized);
+                onChange(parsed);
+            }
+            onBlur?.(event);
+        } }));
+}
+
+/** `#` = digit slot; any other character is a literal shown while typing. */
+const MASK_PRESETS = {
+    /** Thai bank-style account: 555-5-55555-5 */
+    bankAccount: "###-#-#####-#",
+    /** Thai mobile (10 digits): 081-234-5678 */
+    thaiPhone: "###-###-####",
+    /** Thai national ID (13 digits): 1-2345-67890-12-3 */
+    thaiNationalId: "#-####-#####-##-#",
+};
+function resolveMask(mask) {
+    if (mask in MASK_PRESETS) {
+        return MASK_PRESETS[mask];
+    }
+    return mask;
+}
+function maxDigits(pattern) {
+    let n = 0;
+    for (const ch of pattern)
+        if (ch === "#")
+            n++;
+    return n;
+}
+/**
+ * Map digits onto `#` slots. Literals appear as soon as the previous `#` is
+ * filled; after the last typed digit, the next separator is shown so the mask
+ * is visible while typing (e.g. "555-").
+ */
+function formatMasked(digits, pattern) {
+    if (!digits)
+        return "";
+    let di = 0;
+    let out = "";
+    for (let i = 0; i < pattern.length; i++) {
+        const ch = pattern[i];
+        if (ch === "#") {
+            if (di >= digits.length)
+                break;
+            out += digits[di++];
+        }
+        else {
+            if (di === 0)
+                break;
+            out += ch;
+        }
+    }
+    return out;
+}
+function parseDigits(input, pattern) {
+    return input.replace(/\D/g, "").slice(0, maxDigits(pattern));
+}
+function countDigitsBefore(str, caret) {
+    let n = 0;
+    for (let i = 0; i < caret && i < str.length; i++) {
+        if (/\d/.test(str[i]))
+            n++;
+    }
+    return n;
+}
+function caretAfterDigits(str, digitCount) {
+    if (digitCount <= 0)
+        return 0;
+    let seen = 0;
+    for (let i = 0; i < str.length; i++) {
+        if (/\d/.test(str[i])) {
+            seen++;
+            if (seen >= digitCount)
+                return i + 1;
+        }
+    }
+    return str.length;
+}
+/**
+ * Masked text input that shows separators while typing (e.g. 555-5-55555-5).
+ * `value` / `onChange` use digits only.
+ */
+function MaskedTextInput({ value, onChange, mask, className, ...props }) {
+    const inputRef = React.useRef(null);
+    const pattern = resolveMask(mask);
+    const display = formatMasked(value ?? "", pattern);
+    return (jsx(Input, { ...props, ref: inputRef, type: "text", inputMode: "numeric", autoComplete: "off", className: cn$1(className), value: display, onChange: (event) => {
+            const el = event.target;
+            const digitsBefore = countDigitsBefore(el.value, el.selectionStart ?? el.value.length);
+            const next = parseDigits(el.value, pattern);
+            onChange(next);
+            const nextDisplay = formatMasked(next, pattern);
+            requestAnimationFrame(() => {
+                const node = inputRef.current;
+                if (!node)
+                    return;
+                const pos = caretAfterDigits(nextDisplay, digitsBefore);
+                node.setSelectionRange(pos, pos);
+            });
+        } }));
+}
+
 function InputField({ id, label, helperText, error, required, containerClassName, labelClassName, messageClassName, className, ref, ...props }) {
     const reactId = React.useId();
     const inputId = id ?? reactId;
@@ -34171,179 +34564,6 @@ const RegistryItemRow = ({ item }) => {
     return (jsxs(TableRow, { children: [jsx(TableCell, { className: "w-50 font-medium", children: item.title }), jsx(TableCell, { children: jsx(Button, { variant: "link", asChild: true, children: jsx("a", { target: "_blank", href: `${getBaseUrl()}/registry/${item.name}`, children: "Link" }) }) }), jsx(TableCell, { children: jsx(Button, { variant: "link", asChild: true, children: jsx("a", { href: `${getBaseUrl()}/storybook/?path=/docs/${item.meta.story}--docs`, children: "Story" }) }) }), jsx(TableCell, { children: jsx(CommandBlock, { command: `npx shadcn@latest add ${getBaseUrl()}/registry/${item.name}` }) })] }, item.name));
 };
 
-/**
- * The {@link endOfMonth} function options.
- */
-
-/**
- * @name endOfMonth
- * @category Month Helpers
- * @summary Return the end of a month for the given date.
- *
- * @description
- * Return the end of a month for the given date.
- * The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
- *
- * @param date - The original date
- * @param options - An object with options
- *
- * @returns The end of a month
- *
- * @example
- * // The end of a month for 2 September 2014 11:55:00:
- * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Tue Sep 30 2014 23:59:59.999
- */
-function endOfMonth(date, options) {
-  const _date = toDate(date);
-  const month = _date.getMonth();
-  _date.setFullYear(_date.getFullYear(), month + 1, 0);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
-
-/**
- * The {@link startOfMonth} function options.
- */
-
-/**
- * @name startOfMonth
- * @category Month Helpers
- * @summary Return the start of a month for the given date.
- *
- * @description
- * Return the start of a month for the given date. The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments.
- * Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed,
- * or inferred from the arguments.
- *
- * @param date - The original date
- * @param options - An object with options
- *
- * @returns The start of a month
- *
- * @example
- * // The start of a month for 2 September 2014 11:55:00:
- * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Mon Sep 01 2014 00:00:00
- */
-function startOfMonth(date, options) {
-  const _date = toDate(date);
-  _date.setDate(1);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-/**
- * Thai month names in Buddhist calendar
- */
-const THAI_MONTH_NAMES = [
-    "มกราคม",
-    "กุมภาพันธ์",
-    "มีนาคม",
-    "เมษายน",
-    "พฤษภาคม",
-    "มิถุนายน",
-    "กรกฎาคม",
-    "สิงหาคม",
-    "กันยายน",
-    "ตุลาคม",
-    "พฤศจิกายน",
-    "ธันวาคม",
-];
-/**
- * Convert Gregorian year to Buddhist year
- * Buddhist calendar is 543 years ahead of Gregorian calendar
- *
- * @param gregorianYear - The Gregorian year (e.g., 2024)
- * @returns The Buddhist year (e.g., 2567)
- *
- * @example
- * toBuddhistYear(2024); // returns 2567
- */
-function toBuddhistYear(gregorianYear) {
-    return gregorianYear + 543;
-}
-/**
- * Convert Buddhist year to Gregorian year
- *
- * @param buddhistYear - The Buddhist year (e.g., 2567)
- * @returns The Gregorian year (e.g., 2024)
- *
- * @example
- * toGregorianYear(2567); // returns 2024
- */
-function toGregorianYear(buddhistYear) {
-    return buddhistYear - 543;
-}
-/**
- * Get the first and last day of a month
- *
- * @param date - The date within the month
- * @returns Object with start and end dates of the month
- *
- * @example
- * getMonthDateRange(new Date('2024-06-15'));
- * // returns { start: Date('2024-06-01'), end: Date('2024-06-30') }
- */
-function getMonthDateRange(date) {
-    const start = startOfMonth(date);
-    const end = endOfMonth(date);
-    return { start, end };
-}
-/**
- * Format a date to Thai Buddhist calendar month display
- *
- * @param date - The date to format
- * @returns Formatted string in Thai Buddhist calendar (e.g., "มกราคม 2568")
- *
- * @example
- * formatThaiMonth(new Date('2024-01-15')); // returns "มกราคม 2567"
- * formatThaiMonth(new Date('2024-12-25')); // returns "ธันวาคม 2567"
- */
-function formatThaiMonth(date) {
-    const monthIndex = date.getMonth();
-    const gregorianYear = date.getFullYear();
-    const buddhistYear = toBuddhistYear(gregorianYear);
-    return `${THAI_MONTH_NAMES[monthIndex]} ${buddhistYear}`;
-}
-/**
- * Format a date to short Thai Buddhist calendar format
- *
- * @param date - The date to format
- * @returns Formatted string (e.g., "01/2568")
- *
- * @example
- * formatThaiMonthShort(new Date('2024-01-15')); // returns "01/2567"
- */
-function formatThaiMonthShort(date) {
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const gregorianYear = date.getFullYear();
-    const buddhistYear = toBuddhistYear(gregorianYear);
-    return `${month}/${buddhistYear}`;
-}
-/**
- * Get Thai month name by index (0-11)
- *
- * @param monthIndex - Month index (0 = January, 11 = December)
- * @returns Thai month name
- *
- * @example
- * getThaiMonthName(0); // returns "มกราคม"
- * getThaiMonthName(11); // returns "ธันวาคม"
- */
-function getThaiMonthName(monthIndex) {
-    if (monthIndex < 0 || monthIndex > 11) {
-        throw new Error("Month index must be between 0 and 11");
-    }
-    return THAI_MONTH_NAMES[monthIndex];
-}
-
 /**
  * Convert a number to its Thai baht textual representation
  * (e.g. 1234.50 → "หนึ่งพันสองร้อยสามสิบสี่บาทห้าสิบสตางค์").
@@ -34582,5 +34802,5 @@ const flagConfig = {
     ],
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandBlock, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomSelectField2, DataTable, DataTableCell, DataTableColumnHeader, DataTableDateFilter, DataTableFacetedFilter, DataTableFilterDropdown, DataTableFilterList, DataTablePagination, DataTableRangeFilter, DataTableSkeleton, DataTableSliderFilter, DataTableSortList, DataTableToolbar, DataTableViewOptions, DateInput, DatePicker, DatePickerField, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Faceted, FacetedBadgeList, FacetedContent, FacetedEmpty, FacetedGroup, FacetedInput, FacetedItem, FacetedList, FacetedSeparator, FacetedTrigger, FileUploader, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSkeleton, Header, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, Label, LoadingScreen, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PageHeader, Pagination$1 as Pagination, PaginationContent$1 as PaginationContent, PaginationEllipsis$1 as PaginationEllipsis, PaginationItem$1 as PaginationItem, PaginationLink$1 as PaginationLink, PaginationNext$1 as PaginationNext, PaginationPrevious$1 as PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RegistryItemRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, Switch, THAI_MONTH_NAMES, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, ValidationErrors, badgeVariants, buttonVariants, cn$1 as cn, convertFileToUploadedFile, convertFilesToUploadedFiles, dataTableConfig, databasePrefix, flagConfig, formatCurrency, formatDate, formatDateThai, formatDateThaiShort, formatFileSize, formatNumber, formatThaiMonth, formatThaiMonthShort, generateFileId, generateId, getBaseUrl, getCommonPinningStyles, getDefaultFilterOperator, getFilterOperators, getFiltersStateParser, getMonthDateRange, getSortingStateParser, getThaiMonthName, getValidFilters, isImageFile, navigationMenuTriggerStyle, siteConfig, thaiBahtText, toBuddhistIso, toBuddhistYear, toGregorianYear, toggleVariants, unknownError, useCallbackRef, useDataTable, useDebounce, useDebouncedCallback, useFormField, useIsMobile, useMediaQuery, validateFileSize, validateFileType };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandBlock, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomSelectField2, DataTable, DataTableCell, DataTableColumnHeader, DataTableDateFilter, DataTableFacetedFilter, DataTableFilterDropdown, DataTableFilterList, DataTablePagination, DataTableRangeFilter, DataTableSkeleton, DataTableSliderFilter, DataTableSortList, DataTableToolbar, DataTableViewOptions, DateInput, DatePicker, DatePickerField, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Faceted, FacetedBadgeList, FacetedContent, FacetedEmpty, FacetedGroup, FacetedInput, FacetedItem, FacetedList, FacetedSeparator, FacetedTrigger, FileUploader, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSkeleton, FormattedNumberInput, Header, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, Label, LoadingScreen, MASK_PRESETS, MaskedTextInput, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PageHeader, Pagination$1 as Pagination, PaginationContent$1 as PaginationContent, PaginationEllipsis$1 as PaginationEllipsis, PaginationItem$1 as PaginationItem, PaginationLink$1 as PaginationLink, PaginationNext$1 as PaginationNext, PaginationPrevious$1 as PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RegistryItemRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, Switch, THAI_MONTH_NAMES, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, ValidationErrors, badgeVariants, buttonVariants, cn$1 as cn, convertFileToUploadedFile, convertFilesToUploadedFiles, dataTableConfig, databasePrefix, flagConfig, formatCurrency, formatDate, formatDateThai, formatDateThaiShort, formatFileSize, formatMasked as formatMaskedValue, formatNumber, formatThaiMonth, formatThaiMonthShort, generateFileId, generateId, getBaseUrl, getCommonPinningStyles, getDefaultFilterOperator, getFilterOperators, getFiltersStateParser, getMonthDateRange, getSortingStateParser, getThaiMonthName, getValidFilters, isImageFile, navigationMenuTriggerStyle, parseDigits as parseMaskedDigits, siteConfig, thaiBahtText, toBuddhistIso, toBuddhistYear, toGregorianYear, toggleVariants, unknownError, useCallbackRef, useDataTable, useDebounce, useDebouncedCallback, useFormField, useIsMobile, useMediaQuery, validateFileSize, validateFileType };
 //# sourceMappingURL=index.esm.js.map