@eintrek/erp-theme 1.4.9 → 1.4.11

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import require$$1, { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, ChevronRight, ChevronLeftIcon, ChevronRightIcon, Calendar as Calendar$1, ArrowRight, ArrowLeft, CheckIcon, XIcon, SearchIcon, CircleIcon, ChevronsUpDown, Check, Paperclip, X as X$1, AlertCircle, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, PanelLeftIcon, ChevronLeft, MoreHorizontal, ChevronDown, ChevronUp, EyeOff, Filter, Settings2, ListChecks, ArrowDownUp, Trash2, GripVertical, ListFilter, CalendarIcon, Copy, Code2, FileSpreadsheetIcon, CommandIcon } from 'lucide-react';
+import { ChevronDownIcon, ChevronRight, CheckIcon, ChevronUpIcon, ChevronLeftIcon, ChevronRightIcon, Calendar as Calendar$1, ArrowRight, ArrowLeft, XIcon, SearchIcon, CircleIcon, ChevronsUpDown, Check, Paperclip, X as X$1, AlertCircle, MoreHorizontalIcon, GripVerticalIcon, PanelLeftIcon, ChevronLeft, MoreHorizontal, ChevronDown, ChevronUp, EyeOff, Filter, Settings2, ListChecks, ArrowDownUp, Trash2, GripVertical, ListFilter, CalendarIcon, Copy, Code2, FileSpreadsheetIcon, CommandIcon } from 'lucide-react';
 import '@radix-ui/react-accessible-icon';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
@@ -213,133 +213,266 @@ 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()));
-                }) })] }));
+function Select({ onValueChange, onOpenChange, open, defaultOpen, ...props }) {
+    // Tracked in a ref, not state: this only needs to be readable inside the
+    // callback below, and putting it in state would re-render on every open.
+    const isOpenRef = React.useRef(defaultOpen ?? false);
+    if (open !== undefined)
+        isOpenRef.current = open;
+    return (jsx(SelectPrimitive.Root, { "data-slot": "select", ...props, open: open, defaultOpen: defaultOpen, onOpenChange: next => {
+            isOpenRef.current = next;
+            onOpenChange?.(next);
+        }, onValueChange: value => {
+            // Drop ONLY the empty value Radix echoes back on its own.
+            //
+            // Radix keeps a hidden native <select> so the control works inside
+            // real forms. Whenever the controlled value changes it assigns that
+            // value to the native node and dispatches a synthetic change event,
+            // which comes straight back out through onValueChange:
+            //
+            //   setValue.call(select, selectValue);
+            //   select.dispatchEvent(new Event("change", { bubbles: true }));
+            //   ...
+            //   onChange: (event) => onValueChange(event.target.value)
+            //
+            // The native <option> list is registered by SelectItem, and the items
+            // live inside SelectContent — portalled, and only mounted while the
+            // menu is open. On a closed select the option for the incoming value
+            // usually does not exist yet, the DOM refuses the assignment,
+            // `select.value` collapses to "", and that empty string reaches the
+            // consumer. In a form this lands exactly when saved data arrives: the
+            // field is set to its stored value, Radix echoes "", and the handler
+            // writes that back — enum fields then snap to their fallback and zod
+            // rejects the submit with "received ''".
+            //
+            // The open check is what keeps a real "none" option working. Radix
+            // does NOT forbid <SelectItem value="">, and picking one is a
+            // legitimate way to clear a selection. A user pick always arrives
+            // while the menu is still open — SelectItem's handleSelect calls
+            // onValueChange(value) BEFORE onOpenChange(false) — whereas the echo
+            // above fires from an effect with the menu closed. So only the closed
+            // case is suppressed.
+            if (value === "" && !isOpenRef.current)
+                return;
+            onValueChange?.(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) }));
+function SelectGroup({ ...props }) {
+    return jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+    return jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return (jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn$1("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, jsx(SelectPrimitive.Icon, { asChild: true, children: jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
+}
+function SelectContent({ className, children, position = "popper", ...props }) {
+    return (jsx(SelectPrimitive.Portal, { children: jsxs(SelectPrimitive.Content, { "data-slot": "select-content", 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" &&
+                "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [jsx(SelectScrollUpButton, {}), jsx(SelectPrimitive.Viewport, { className: cn$1("p-1", position === "popper" &&
+                        "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children: children }), jsx(SelectScrollDownButton, {})] }) }));
+}
+function SelectLabel({ className, ...props }) {
+    return (jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn$1("text-muted-foreground px-2 py-1.5 text-xs", className), ...props }));
+}
+function SelectItem({ className, children, ...props }) {
+    return (jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn$1("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: jsx(SelectPrimitive.ItemIndicator, { children: jsx(CheckIcon, { className: "size-4" }) }) }), jsx(SelectPrimitive.ItemText, { children: children })] }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn$1("bg-border pointer-events-none -mx-1 my-1 h-px", className), ...props }));
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return (jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn$1("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx(ChevronUpIcon, { className: "size-4" }) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn$1("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx(ChevronDownIcon, { className: "size-4" }) }));
+}
+
+/**
+ * @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);
+}
+
+/**
+ * @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 +627,290 @@ 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 getInitialMonth(selected) {
+    if (selected instanceof Date && !Number.isNaN(selected.getTime())) {
+        return new Date(selected.getFullYear(), selected.getMonth(), 1);
+    }
+    if (Array.isArray(selected) && selected[0] instanceof Date) {
+        return new Date(selected[0].getFullYear(), selected[0].getMonth(), 1);
+    }
+    if (selected &&
+        typeof selected === "object" &&
+        "from" in selected &&
+        selected.from instanceof Date) {
+        return new Date(selected.from.getFullYear(), selected.from.getMonth(), 1);
+    }
+    return new Date();
+}
+function Calendar({ className, selected, onSelect, mode = "single", disabled, fromYear = 1900, toYear, }) {
+    const maxYear = toYear ?? new Date().getFullYear() + 10;
+    const [currentMonth, setCurrentMonth] = React.useState(() => getInitialMonth(selected));
+    // Jump the grid to the selected date when it changes (e.g. form load).
+    React.useEffect(() => {
+        const next = getInitialMonth(selected);
+        setCurrentMonth((prev) => {
+            if (prev.getFullYear() === next.getFullYear() &&
+                prev.getMonth() === next.getMonth()) {
+                return prev;
+            }
+            return next;
+        });
+    }, [selected]);
+    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 yearOptions = React.useMemo(() => {
+        const years = [];
+        const start = Math.min(fromYear, maxYear);
+        const end = Math.max(fromYear, maxYear);
+        for (let y = end; y >= start; y--) {
+            years.push(y);
+        }
+        return years;
+    }, [fromYear, maxYear]);
+    const getDaysInMonth = () => {
+        const days = [];
+        for (let i = 0; i < firstDayOfWeek; i++) {
+            days.push(null);
+        }
+        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") {
+            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 handleMonthChange = (monthStr) => {
+        const nextMonth = Number.parseInt(monthStr, 10);
+        if (Number.isNaN(nextMonth))
+            return;
+        setCurrentMonth((prev) => new Date(prev.getFullYear(), nextMonth, 1));
+    };
+    const handleYearChange = (buddhistYearStr) => {
+        const gregorian = toGregorianYear(Number.parseInt(buddhistYearStr, 10));
+        if (Number.isNaN(gregorian))
+            return;
+        setCurrentMonth((prev) => new Date(gregorian, prev.getMonth(), 1));
+    };
+    const days = getDaysInMonth();
+    const canGoPrev = year > fromYear || (year === fromYear && month > 0);
+    const canGoNext = year < maxYear || (year === maxYear && month < 11);
+    return (jsxs("div", { "data-slot": "calendar", className: cn$1("bg-background group/calendar p-3 w-fit", className), children: [jsxs("div", { className: "mb-4 flex items-center justify-between gap-1", children: [jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => navigateMonth("prev"), disabled: !canGoPrev, className: "h-8 w-8 shrink-0 p-0", "aria-label": "\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32", children: jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), jsxs("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-1", children: [jsxs(Select, { value: String(month), onValueChange: handleMonthChange, children: [jsx(SelectTrigger, { size: "sm", className: "h-8 w-[7.5rem] px-2 text-xs", "aria-label": "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E14\u0E37\u0E2D\u0E19", children: jsx(SelectValue, { children: THAI_MONTH_NAMES[month] }) }), jsx(SelectContent, { className: "z-[100] max-h-60", children: THAI_MONTH_NAMES.map((name, index) => (jsx(SelectItem, { value: String(index), children: name }, name))) })] }), jsxs(Select, { value: String(toBuddhistYear(year)), onValueChange: handleYearChange, children: [jsx(SelectTrigger, { size: "sm", className: "h-8 w-[5.5rem] px-2 text-xs", "aria-label": "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E1B\u0E35", children: jsx(SelectValue, { children: toBuddhistYear(year) }) }), jsx(SelectContent, { className: "z-[100] max-h-60", children: yearOptions.map((y) => (jsx(SelectItem, { value: String(toBuddhistYear(y)), children: toBuddhistYear(y) }, y))) })] })] }), jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => navigateMonth("next"), disabled: !canGoNext, className: "h-8 w-8 shrink-0 p-0", "aria-label": "\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E16\u0E31\u0E14\u0E44\u0E1B", children: jsx(ChevronRightIcon, { className: "h-4 w-4" }) })] }), jsx("div", { className: "mb-2 grid grid-cols-7 gap-1", children: WEEK_DAYS_TH.map((day) => (jsx("div", { className: "text-muted-foreground flex h-8 items-center justify-center text-center text-xs font-normal", 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, { type: "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 && "cursor-not-allowed opacity-50", "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("border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className) }));
 }
 
 const formatDistanceLocale = {
@@ -1112,10 +1412,11 @@ const defaultFormatDate = (date) => new Intl.DateTimeFormat("th-TH", {
     year: "numeric",
     timeZone: "Asia/Bangkok",
 }).format(date);
-function DatePicker({ date, onDateChange, placeholder = "เลือกวันที่", disabled = false, disabledDates, formatDate = defaultFormatDate, className, id, ariaLabel, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }) {
+function DatePicker({ date, onDateChange, placeholder = "เลือกวันที่", disabled = false, disabledDates, formatDate = defaultFormatDate, fromYear = 1900, toYear, className, id, ariaLabel, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }) {
     const [open, setOpen] = React.useState(false);
     const isDateDisabled = disabledDates ?? defaultDisabledDates;
-    return (jsxs(Popover, { open: open && !disabled, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs("div", { className: "relative w-full", children: [jsx(Input, { readOnly: true, disabled: disabled, value: date ? formatDate(date) : "", placeholder: placeholder, className: cn$1("border-border bg-background text-foreground placeholder:text-muted-foreground w-full pr-9", disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer", className), id: id, "aria-label": date ? undefined : (ariaLabel ?? placeholder), "aria-required": ariaRequired, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby }), jsx(Calendar$1, { className: "text-muted-foreground pointer-events-none absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2" })] }) }), jsx(PopoverContent, { className: "w-[280px] overflow-hidden p-0", align: "start", children: jsx(Calendar, { ...{ locale: th }, mode: "single", selected: date, onSelect: (selectedDate) => {
+    const resolvedToYear = toYear ?? new Date().getFullYear() + 10;
+    return (jsxs(Popover, { open: open && !disabled, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs("div", { className: "relative w-full", children: [jsx(Input, { readOnly: true, disabled: disabled, value: date ? formatDate(date) : "", placeholder: placeholder, className: cn$1("border-border bg-background text-foreground placeholder:text-muted-foreground w-full pr-9", disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer", className), id: id, "aria-label": date ? undefined : (ariaLabel ?? placeholder), "aria-required": ariaRequired, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby }), jsx(Calendar$1, { className: "text-muted-foreground pointer-events-none absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2" })] }) }), jsx(PopoverContent, { className: "w-auto overflow-visible p-0", align: "start", children: jsx(Calendar, { ...{ locale: th }, mode: "single", selected: date, onSelect: (selectedDate) => {
                         if (selectedDate instanceof Date) {
                             onDateChange?.(selectedDate);
                             setOpen(false);
@@ -1124,7 +1425,7 @@ function DatePicker({ date, onDateChange, placeholder = "เลือกวั
                             onDateChange?.(undefined);
                             setOpen(false);
                         }
-                    }, disabled: isDateDisabled, initialFocus: true }) })] }));
+                    }, disabled: isDateDisabled, fromYear: fromYear, toYear: resolvedToYear, initialFocus: true }) })] }));
 }
 
 const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
@@ -16207,80 +16508,6 @@ function ScrollBar({ className, orientation = "vertical", ...props }) {
             "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
 }
 
-function Select({ onValueChange, onOpenChange, open, defaultOpen, ...props }) {
-    // Tracked in a ref, not state: this only needs to be readable inside the
-    // callback below, and putting it in state would re-render on every open.
-    const isOpenRef = React.useRef(defaultOpen ?? false);
-    if (open !== undefined)
-        isOpenRef.current = open;
-    return (jsx(SelectPrimitive.Root, { "data-slot": "select", ...props, open: open, defaultOpen: defaultOpen, onOpenChange: next => {
-            isOpenRef.current = next;
-            onOpenChange?.(next);
-        }, onValueChange: value => {
-            // Drop ONLY the empty value Radix echoes back on its own.
-            //
-            // Radix keeps a hidden native <select> so the control works inside
-            // real forms. Whenever the controlled value changes it assigns that
-            // value to the native node and dispatches a synthetic change event,
-            // which comes straight back out through onValueChange:
-            //
-            //   setValue.call(select, selectValue);
-            //   select.dispatchEvent(new Event("change", { bubbles: true }));
-            //   ...
-            //   onChange: (event) => onValueChange(event.target.value)
-            //
-            // The native <option> list is registered by SelectItem, and the items
-            // live inside SelectContent — portalled, and only mounted while the
-            // menu is open. On a closed select the option for the incoming value
-            // usually does not exist yet, the DOM refuses the assignment,
-            // `select.value` collapses to "", and that empty string reaches the
-            // consumer. In a form this lands exactly when saved data arrives: the
-            // field is set to its stored value, Radix echoes "", and the handler
-            // writes that back — enum fields then snap to their fallback and zod
-            // rejects the submit with "received ''".
-            //
-            // The open check is what keeps a real "none" option working. Radix
-            // does NOT forbid <SelectItem value="">, and picking one is a
-            // legitimate way to clear a selection. A user pick always arrives
-            // while the menu is still open — SelectItem's handleSelect calls
-            // onValueChange(value) BEFORE onOpenChange(false) — whereas the echo
-            // above fires from an effect with the menu closed. So only the closed
-            // case is suppressed.
-            if (value === "" && !isOpenRef.current)
-                return;
-            onValueChange?.(value);
-        } }));
-}
-function SelectGroup({ ...props }) {
-    return jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue({ ...props }) {
-    return jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({ className, size = "default", children, ...props }) {
-    return (jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn$1("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, jsx(SelectPrimitive.Icon, { asChild: true, children: jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
-}
-function SelectContent({ className, children, position = "popper", ...props }) {
-    return (jsx(SelectPrimitive.Portal, { children: jsxs(SelectPrimitive.Content, { "data-slot": "select-content", 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" &&
-                "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [jsx(SelectScrollUpButton, {}), jsx(SelectPrimitive.Viewport, { className: cn$1("p-1", position === "popper" &&
-                        "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children: children }), jsx(SelectScrollDownButton, {})] }) }));
-}
-function SelectLabel({ className, ...props }) {
-    return (jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn$1("text-muted-foreground px-2 py-1.5 text-xs", className), ...props }));
-}
-function SelectItem({ className, children, ...props }) {
-    return (jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn$1("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: jsx(SelectPrimitive.ItemIndicator, { children: jsx(CheckIcon, { className: "size-4" }) }) }), jsx(SelectPrimitive.ItemText, { children: children })] }));
-}
-function SelectSeparator({ className, ...props }) {
-    return (jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn$1("bg-border pointer-events-none -mx-1 my-1 h-px", className), ...props }));
-}
-function SelectScrollUpButton({ className, ...props }) {
-    return (jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn$1("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx(ChevronUpIcon, { className: "size-4" }) }));
-}
-function SelectScrollDownButton({ className, ...props }) {
-    return (jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn$1("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx(ChevronDownIcon, { className: "size-4" }) }));
-}
-
 function SelectField({ id, label, helperText, error, required, placeholder, value, defaultValue, onValueChange, disabled, options, children, containerClassName, labelClassName, triggerClassName, messageClassName, size, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, }) {
     const reactId = React.useId();
     const inputId = id ?? reactId;
@@ -34387,179 +34614,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 → "หนึ่งพันสองร้อยสามสิบสี่บาทห้าสิบสตางค์").