@mesob/ui 0.5.0 → 0.5.2

package/dist/components.js

@@ -2188,9 +2188,9 @@ function SidebarProvider({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
-  const state = open ? "expanded" : "collapsed";
+  const state2 = open ? "expanded" : "collapsed";
   const contextValue = {
-    state,
+    state: state2,
     open,
     setOpen,
     isMobile,
@@ -2229,7 +2229,7 @@ function Sidebar({
   children,
   ...props
 }) {
-  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  const { isMobile, state: state2, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
     return /* @__PURE__ */ jsx20(
       "div",
@@ -2270,8 +2270,8 @@ function Sidebar({
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
-      "data-state": state,
-      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-state": state2,
+      "data-collapsible": state2 === "collapsed" ? collapsible : "",
       "data-variant": variant,
       "data-side": side,
       "data-slot": "sidebar",
@@ -2561,7 +2561,7 @@ function SidebarMenuButton({
   className,
   ...props
 }) {
-  const { isMobile, state } = useSidebar();
+  const { isMobile, state: state2 } = useSidebar();
   const button = useRender3({
     render,
     props: {
@@ -2589,7 +2589,7 @@ function SidebarMenuButton({
       {
         side: "right",
         align: "center",
-        hidden: state !== "collapsed" || isMobile,
+        hidden: state2 !== "collapsed" || isMobile,
         ...tooltip
       }
     )
@@ -5549,7 +5549,7 @@ function EntitySection({
   icon,
   actions,
   config = {},
-  state,
+  state: state2,
   onOpenChange,
   showToolbar = true,
   children
@@ -5569,7 +5569,7 @@ function EntitySection({
     filterOptions,
     sortOptions,
     views
-  } = state;
+  } = state2;
   const searchPlaceholder = config.searchPlaceholder ?? "Search...";
   const hasFilter = (config.filterOptions ?? filterOptions).length > 0;
   const hasSort = (config.sortOptions ?? sortOptions).length > 0;
@@ -5636,7 +5636,7 @@ function EntitySection({
         ) : void 0
       }
     ),
-    children(state)
+    children(state2)
   ] }) });
 }
 
@@ -6131,7 +6131,7 @@ function EntitySelector({
   items,
   total: totalProp,
   isLoading = false,
-  state
+  state: state2
 }) {
   const {
     title,
@@ -6216,46 +6216,46 @@ function EntitySelector({
   const { total, pageCount } = useEntityPagination({
     items,
     total: totalProp,
-    pageSize: state.pageSize
+    pageSize: state2.pageSize
   });
   const colCount = columnCount ?? columns.length + 1;
   const handleSearch = useCallback4(
     (v) => {
-      state.setSearch(v);
-      state.setPageReset();
+      state2.setSearch(v);
+      state2.setPageReset();
     },
-    [state]
+    [state2]
   );
   const handleFilter = useCallback4(
     (v) => {
-      state.setFilter(v);
-      state.setPageReset();
+      state2.setFilter(v);
+      state2.setPageReset();
     },
-    [state]
+    [state2]
   );
   const handleSort = useCallback4(
     (v) => {
-      state.setSort(v);
-      state.setPageReset();
+      state2.setSort(v);
+      state2.setPageReset();
     },
-    [state]
+    [state2]
   );
   const handleOrder = useCallback4(
     (v) => {
-      state.setOrder(v);
-      state.setPageReset();
+      state2.setOrder(v);
+      state2.setPageReset();
     },
-    [state]
+    [state2]
   );
   let content;
   if (isLoading) {
     content = /* @__PURE__ */ jsx60(
       EntityLoadingState,
       {
-        view: state.view === "list" ? "table" : state.view,
-        rowCount: state.pageSize,
+        view: state2.view === "list" ? "table" : state2.view,
+        rowCount: state2.pageSize,
         columnCount: colCount,
-        cardCount: state.pageSize
+        cardCount: state2.pageSize
       }
     );
   } else if (total === 0) {
@@ -6278,7 +6278,7 @@ function EntitySelector({
           search: searchPlaceholder !== void 0 && /* @__PURE__ */ jsx60(
             EntitySearchState,
             {
-              value: state.search,
+              value: state2.search,
               onValueChange: handleSearch,
               placeholder: searchPlaceholder
             }
@@ -6286,7 +6286,7 @@ function EntitySelector({
           filter: filterOptions.length > 0 ? /* @__PURE__ */ jsx60(
             EntityFilterState,
             {
-              value: state.filter,
+              value: state2.filter,
               onValueChange: handleFilter,
               options: filterOptions,
               placeholder: "Filter"
@@ -6295,8 +6295,8 @@ function EntitySelector({
           sort: sortOptions.length > 0 ? /* @__PURE__ */ jsx60(
             EntitySortState,
             {
-              sort: state.sort,
-              order: state.order,
+              sort: state2.sort,
+              order: state2.order,
               onSortChange: handleSort,
               onOrderChange: handleOrder,
               options: sortOptions
@@ -6305,14 +6305,14 @@ function EntitySelector({
           view: showViewToggle && renderCard ? /* @__PURE__ */ jsx60(
             EntityViewToggleState,
             {
-              value: state.view,
-              onValueChange: state.setView,
+              value: state2.view,
+              onValueChange: state2.setView,
               views: ["table", "card"]
             }
           ) : void 0
         }
       ),
-      state.view === "table" || !renderCard ? /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
+      state2.view === "table" || !renderCard ? /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
         multiple ? /* @__PURE__ */ jsxs43(DisplayTable, { withTableBorder: true, children: [
           /* @__PURE__ */ jsx60(DisplayTableThead, { children: /* @__PURE__ */ jsxs43(DisplayTableTr, { children: [
             /* @__PURE__ */ jsx60(DisplayTableTh, { className: "w-[50px]" }),
@@ -6375,14 +6375,14 @@ function EntitySelector({
         /* @__PURE__ */ jsx60(
           DataTablePagination,
           {
-            pageIndex: state.page - 1,
-            pageSize: state.pageSize,
+            pageIndex: state2.page - 1,
+            pageSize: state2.pageSize,
             pageCount,
             totalRows: total,
-            onPageChange: (p) => state.setPage(p + 1),
+            onPageChange: (p) => state2.setPage(p + 1),
             onPageSizeChange: (size) => {
-              state.setPageSize(size);
-              state.setPage(1);
+              state2.setPageSize(size);
+              state2.setPage(1);
             }
           }
         )
@@ -6410,14 +6410,14 @@ function EntitySelector({
         /* @__PURE__ */ jsx60(
           DataTablePagination,
           {
-            pageIndex: state.page - 1,
-            pageSize: state.pageSize,
+            pageIndex: state2.page - 1,
+            pageSize: state2.pageSize,
             pageCount,
             totalRows: total,
-            onPageChange: (p) => state.setPage(p + 1),
+            onPageChange: (p) => state2.setPage(p + 1),
             onPageSizeChange: (size) => {
-              state.setPageSize(size);
-              state.setPage(1);
+              state2.setPageSize(size);
+              state2.setPage(1);
             }
           }
         )
@@ -9175,46 +9175,46 @@ function useDatePicker(props) {
 import { jsx as jsx77 } from "react/jsx-runtime";
 function DatePicker(props) {
   const { className, renderDay, getDayProps, static: isStatic } = props;
-  const state = useDatePicker(props);
+  const state2 = useDatePicker(props);
   return /* @__PURE__ */ jsx77("div", { className: cn("inline-block", className), children: /* @__PURE__ */ jsx77(
     DatePickerContent,
     {
-      view: state.view,
-      calendarType: state.calendarType,
-      cells: state.cells,
-      years: state.years,
-      decadeStart: state.decadeStart,
-      ecViewYear: state.ecViewYear,
-      gcViewYear: state.gcViewYear,
-      primaryDate: state.primaryDate,
-      hasRange: state.hasRange,
-      hideOutsideDates: state.hideOutsideDates,
-      hideWeekdays: state.hideWeekdays,
-      firstDayOfWeek: state.firstDayOfWeek,
-      withWeekNumbers: state.withWeekNumbers,
-      weekendDays: state.weekendDays,
-      prevDisabled: state.prevDisabled,
-      nextDisabled: state.nextDisabled,
-      isDayDisabled: state.isDayDisabled,
+      view: state2.view,
+      calendarType: state2.calendarType,
+      cells: state2.cells,
+      years: state2.years,
+      decadeStart: state2.decadeStart,
+      ecViewYear: state2.ecViewYear,
+      gcViewYear: state2.gcViewYear,
+      primaryDate: state2.primaryDate,
+      hasRange: state2.hasRange,
+      hideOutsideDates: state2.hideOutsideDates,
+      hideWeekdays: state2.hideWeekdays,
+      firstDayOfWeek: state2.firstDayOfWeek,
+      withWeekNumbers: state2.withWeekNumbers,
+      weekendDays: state2.weekendDays,
+      prevDisabled: state2.prevDisabled,
+      nextDisabled: state2.nextDisabled,
+      isDayDisabled: state2.isDayDisabled,
       renderDay,
       getDayProps,
       static: isStatic,
-      headerLabel: state.headerLabel(),
-      presets: state.presets,
-      onPresetClick: state.handlePresetClick,
-      onPrev: state.handlePrev,
-      onNext: state.handleNext,
-      onHeaderClick: state.handleHeaderClick,
-      onDayClick: state.handleDayClick,
-      onDayHover: state.handleDayHover,
-      onGridMouseLeave: state.handleGridMouseLeave,
-      onMonthSelect: state.handleMonthSelect,
-      onYearSelect: state.handleYearSelect,
-      onCalendarTypeChange: state.handleCalendarTypeChange,
-      isDateSelected: state.isDateSelected,
-      isDateInRange: state.isDateInRange,
-      isRangeStart: state.isRangeStart,
-      isRangeEnd: state.isRangeEnd
+      headerLabel: state2.headerLabel(),
+      presets: state2.presets,
+      onPresetClick: state2.handlePresetClick,
+      onPrev: state2.handlePrev,
+      onNext: state2.handleNext,
+      onHeaderClick: state2.handleHeaderClick,
+      onDayClick: state2.handleDayClick,
+      onDayHover: state2.handleDayHover,
+      onGridMouseLeave: state2.handleGridMouseLeave,
+      onMonthSelect: state2.handleMonthSelect,
+      onYearSelect: state2.handleYearSelect,
+      onCalendarTypeChange: state2.handleCalendarTypeChange,
+      isDateSelected: state2.isDateSelected,
+      isDateInRange: state2.isDateInRange,
+      isRangeStart: state2.isRangeStart,
+      isRangeEnd: state2.isRangeEnd
     }
   ) });
 }
@@ -11592,7 +11592,7 @@ var DateInput = forwardRef4(
       "aria-label": ariaLabel,
       ...inputProps
     } = props;
-    const state = useDateInput(props);
+    const state2 = useDateInput(props);
     return /* @__PURE__ */ jsx99(
       InputWrapper,
       {
@@ -11604,8 +11604,8 @@ var DateInput = forwardRef4(
         disabled,
         className,
         labelProps: { htmlFor: inputId },
-        children: /* @__PURE__ */ jsxs66(Popover, { open: state.open, onOpenChange: state.handleOpenChange, children: [
-          /* @__PURE__ */ jsx99("div", { ref: state.triggerRef, className: "w-full", children: /* @__PURE__ */ jsxs66(
+        children: /* @__PURE__ */ jsxs66(Popover, { open: state2.open, onOpenChange: state2.handleOpenChange, children: [
+          /* @__PURE__ */ jsx99("div", { ref: state2.triggerRef, className: "w-full", children: /* @__PURE__ */ jsxs66(
             InputGroup,
             {
               disabled,
@@ -11625,10 +11625,10 @@ var DateInput = forwardRef4(
                     type: "text",
                     placeholder,
                     disabled,
-                    value: state.draft,
-                    onChange: (e) => state.setDraft(e.target.value),
-                    onBlur: state.handleBlur,
-                    onFocus: state.handleFocus,
+                    value: state2.draft,
+                    onChange: (e) => state2.setDraft(e.target.value),
+                    onBlur: state2.handleBlur,
+                    onFocus: state2.handleFocus,
                     onKeyDown: (e) => {
                       inputProps.onKeyDown?.(e);
                       if (e.key === "Enter") {
@@ -11641,14 +11641,14 @@ var DateInput = forwardRef4(
                   }
                 ),
                 /* @__PURE__ */ jsxs66("span", { className: "mr-1 flex items-center gap-0.5 pr-0.5", children: [
-                  state.showClear ? /* @__PURE__ */ jsx99(
+                  state2.showClear ? /* @__PURE__ */ jsx99(
                     InputGroupButton,
                     {
                       type: "button",
                       size: "icon-sm",
                       "aria-label": "Clear",
                       onMouseDown: (e) => e.preventDefault(),
-                      onClick: () => state.handleClear(),
+                      onClick: () => state2.handleClear(),
                       children: CloseIcon
                     }
                   ) : null,
@@ -11659,7 +11659,7 @@ var DateInput = forwardRef4(
                       size: "icon-sm",
                       "aria-label": "Open calendar",
                       onMouseDown: (e) => e.preventDefault(),
-                      onClick: () => state.handleOpenChange(!state.open),
+                      onClick: () => state2.handleOpenChange(!state2.open),
                       children: CalendarIcon
                     }
                   )
@@ -11670,52 +11670,52 @@ var DateInput = forwardRef4(
           /* @__PURE__ */ jsx99(
             PopoverContent,
             {
-              anchor: state.triggerRef,
-              side: state.contentSide,
+              anchor: state2.triggerRef,
+              side: state2.contentSide,
               sideOffset: 8,
               align: "center",
               className: cn(
                 "max-w-[calc(100vw-2rem)] rounded-md border border-border bg-background p-0 shadow-xl",
-                state.presets?.length ? "flex w-[460px]" : "flex w-fit",
+                state2.presets?.length ? "flex w-[460px]" : "flex w-fit",
                 popoverClassName
               ),
               children: /* @__PURE__ */ jsx99(
                 DatePickerContent,
                 {
-                  view: state.view,
-                  calendarType: state.calendarType,
-                  cells: state.cells,
-                  years: state.years,
-                  decadeStart: state.decadeStart,
-                  ecViewYear: state.ecViewYear,
-                  gcViewYear: state.gcViewYear,
-                  primaryDate: state.primaryDate,
-                  hasRange: state.hasRange,
-                  hideOutsideDates: state.hideOutsideDates,
-                  hideWeekdays: state.hideWeekdays,
-                  firstDayOfWeek: state.firstDayOfWeek,
-                  withWeekNumbers: state.withWeekNumbers,
-                  weekendDays: state.weekendDays,
-                  prevDisabled: state.prevDisabled,
-                  nextDisabled: state.nextDisabled,
-                  isDayDisabled: state.isDayDisabled,
+                  view: state2.view,
+                  calendarType: state2.calendarType,
+                  cells: state2.cells,
+                  years: state2.years,
+                  decadeStart: state2.decadeStart,
+                  ecViewYear: state2.ecViewYear,
+                  gcViewYear: state2.gcViewYear,
+                  primaryDate: state2.primaryDate,
+                  hasRange: state2.hasRange,
+                  hideOutsideDates: state2.hideOutsideDates,
+                  hideWeekdays: state2.hideWeekdays,
+                  firstDayOfWeek: state2.firstDayOfWeek,
+                  withWeekNumbers: state2.withWeekNumbers,
+                  weekendDays: state2.weekendDays,
+                  prevDisabled: state2.prevDisabled,
+                  nextDisabled: state2.nextDisabled,
+                  isDayDisabled: state2.isDayDisabled,
                   renderDay,
-                  headerLabel: state.headerLabel(),
-                  presets: state.presets,
-                  onPresetClick: state.handlePresetClick,
-                  onPrev: state.handlePrev,
-                  onNext: state.handleNext,
-                  onHeaderClick: state.handleHeaderClick,
-                  onDayClick: state.handleDayClick,
-                  onDayHover: state.handleDayHover,
-                  onGridMouseLeave: state.handleGridMouseLeave,
-                  onMonthSelect: state.handleMonthSelect,
-                  onYearSelect: state.handleYearSelect,
-                  onCalendarTypeChange: state.handleCalendarTypeChange,
-                  isDateSelected: state.isDateSelected,
-                  isDateInRange: state.isDateInRange,
-                  isRangeStart: state.isRangeStart,
-                  isRangeEnd: state.isRangeEnd
+                  headerLabel: state2.headerLabel(),
+                  presets: state2.presets,
+                  onPresetClick: state2.handlePresetClick,
+                  onPrev: state2.handlePrev,
+                  onNext: state2.handleNext,
+                  onHeaderClick: state2.handleHeaderClick,
+                  onDayClick: state2.handleDayClick,
+                  onDayHover: state2.handleDayHover,
+                  onGridMouseLeave: state2.handleGridMouseLeave,
+                  onMonthSelect: state2.handleMonthSelect,
+                  onYearSelect: state2.handleYearSelect,
+                  onCalendarTypeChange: state2.handleCalendarTypeChange,
+                  isDateSelected: state2.isDateSelected,
+                  isDateInRange: state2.isDateInRange,
+                  isRangeStart: state2.isRangeStart,
+                  isRangeEnd: state2.isRangeEnd
                 }
               )
             }
@@ -12013,7 +12013,7 @@ var DatePickerInput = forwardRef6(function DatePickerInput2(props, ref) {
     "aria-label": ariaLabel,
     className
   } = props;
-  const state = useDatePickerInput(props);
+  const state2 = useDatePickerInput(props);
   return /* @__PURE__ */ jsx102(
     DateInputShell,
     {
@@ -12033,52 +12033,52 @@ var DatePickerInput = forwardRef6(function DatePickerInput2(props, ref) {
       leftSectionPointerEvents,
       "aria-label": ariaLabel,
       className,
-      displayValue: state.displayValue,
-      hasValue: state.hasValue,
-      open: state.open,
-      onOpenChange: state.handleOpenChange,
-      contentSide: state.contentSide,
-      triggerRef: state.triggerRef,
-      onClear: state.handleClear,
+      displayValue: state2.displayValue,
+      hasValue: state2.hasValue,
+      open: state2.open,
+      onOpenChange: state2.handleOpenChange,
+      contentSide: state2.contentSide,
+      triggerRef: state2.triggerRef,
+      onClear: state2.handleClear,
       dropdownClassName: presets?.length ? "flex w-[460px]" : "flex w-fit",
       buttonRef: ref,
       children: /* @__PURE__ */ jsx102(
         DatePickerContent,
         {
-          view: state.view,
-          calendarType: state.calendarType,
-          cells: state.cells,
-          years: state.years,
-          decadeStart: state.decadeStart,
-          ecViewYear: state.ecViewYear,
-          gcViewYear: state.gcViewYear,
-          primaryDate: state.primaryDate,
-          hasRange: state.hasRange,
-          hideOutsideDates: state.hideOutsideDates,
-          hideWeekdays: state.hideWeekdays,
-          firstDayOfWeek: state.firstDayOfWeek,
-          withWeekNumbers: state.withWeekNumbers,
-          weekendDays: state.weekendDays,
-          prevDisabled: state.prevDisabled,
-          nextDisabled: state.nextDisabled,
-          isDayDisabled: state.isDayDisabled,
+          view: state2.view,
+          calendarType: state2.calendarType,
+          cells: state2.cells,
+          years: state2.years,
+          decadeStart: state2.decadeStart,
+          ecViewYear: state2.ecViewYear,
+          gcViewYear: state2.gcViewYear,
+          primaryDate: state2.primaryDate,
+          hasRange: state2.hasRange,
+          hideOutsideDates: state2.hideOutsideDates,
+          hideWeekdays: state2.hideWeekdays,
+          firstDayOfWeek: state2.firstDayOfWeek,
+          withWeekNumbers: state2.withWeekNumbers,
+          weekendDays: state2.weekendDays,
+          prevDisabled: state2.prevDisabled,
+          nextDisabled: state2.nextDisabled,
+          isDayDisabled: state2.isDayDisabled,
           renderDay: props.renderDay,
-          headerLabel: state.headerLabel(),
-          presets: state.presets,
-          onPresetClick: state.handlePresetClick,
-          onPrev: state.handlePrev,
-          onNext: state.handleNext,
-          onHeaderClick: state.handleHeaderClick,
-          onDayClick: state.handleDayClick,
-          onDayHover: state.handleDayHover,
-          onGridMouseLeave: state.handleGridMouseLeave,
-          onMonthSelect: state.handleMonthSelect,
-          onYearSelect: state.handleYearSelect,
-          onCalendarTypeChange: state.handleCalendarTypeChange,
-          isDateSelected: state.isDateSelected,
-          isDateInRange: state.isDateInRange,
-          isRangeStart: state.isRangeStart,
-          isRangeEnd: state.isRangeEnd
+          headerLabel: state2.headerLabel(),
+          presets: state2.presets,
+          onPresetClick: state2.handlePresetClick,
+          onPrev: state2.handlePrev,
+          onNext: state2.handleNext,
+          onHeaderClick: state2.handleHeaderClick,
+          onDayClick: state2.handleDayClick,
+          onDayHover: state2.handleDayHover,
+          onGridMouseLeave: state2.handleGridMouseLeave,
+          onMonthSelect: state2.handleMonthSelect,
+          onYearSelect: state2.handleYearSelect,
+          onCalendarTypeChange: state2.handleCalendarTypeChange,
+          isDateSelected: state2.isDateSelected,
+          isDateInRange: state2.isDateInRange,
+          isRangeStart: state2.isRangeStart,
+          isRangeEnd: state2.isRangeEnd
         }
       )
     }
@@ -12845,10 +12845,10 @@ var DateTimePicker = forwardRef7(function DateTimePicker2(props, ref) {
     "aria-label": ariaLabel,
     className
   } = props;
-  const state = useDateTimePicker(props);
+  const state2 = useDateTimePicker(props);
   let displayValue;
-  if (state.value) {
-    displayValue = valueFormat ? valueFormat(state.value) : state.formatDisplay(state.value);
+  if (state2.value) {
+    displayValue = valueFormat ? valueFormat(state2.value) : state2.formatDisplay(state2.value);
   } else {
     displayValue = null;
   }
@@ -12868,12 +12868,12 @@ var DateTimePicker = forwardRef7(function DateTimePicker2(props, ref) {
       "aria-label": ariaLabel,
       className,
       displayValue,
-      hasValue: !!state.value,
-      open: state.open,
-      onOpenChange: state.handleOpenChange,
-      contentSide: state.contentSide,
-      triggerRef: state.triggerRef,
-      onClear: state.handleClear,
+      hasValue: !!state2.value,
+      open: state2.open,
+      onOpenChange: state2.handleOpenChange,
+      contentSide: state2.contentSide,
+      triggerRef: state2.triggerRef,
+      onClear: state2.handleClear,
       dropdownClassName: presets?.length ? "flex w-[460px]" : "flex w-fit",
       buttonRef: ref,
       children: /* @__PURE__ */ jsx105(
@@ -12881,34 +12881,34 @@ var DateTimePicker = forwardRef7(function DateTimePicker2(props, ref) {
         {
           hasPresets: Boolean(presets?.length),
           presets,
-          onPresetClick: state.handlePresetClick,
-          view: state.view,
-          calendarType: state.calendarType,
-          value: state.value,
-          headerLabel: state.headerLabel(),
-          cells: state.cells,
-          years: state.years,
-          decadeStart: state.decadeStart,
-          ecViewYear: state.ecViewYear,
-          gcViewYear: state.gcViewYear,
-          onPrev: state.handlePrev,
-          onNext: state.handleNext,
-          onHeaderClick: state.handleHeaderClick,
-          onDayClick: state.handleDayClick,
-          onMonthSelect: state.handleMonthSelect,
-          onYearSelect: state.handleYearSelect,
-          onCalendarTypeChange: state.handleCalendarTypeChange,
-          timeH: state.timeH,
-          timeM: state.timeM,
-          timeS: state.timeS,
-          timeFocus: state.timeFocus,
+          onPresetClick: state2.handlePresetClick,
+          view: state2.view,
+          calendarType: state2.calendarType,
+          value: state2.value,
+          headerLabel: state2.headerLabel(),
+          cells: state2.cells,
+          years: state2.years,
+          decadeStart: state2.decadeStart,
+          ecViewYear: state2.ecViewYear,
+          gcViewYear: state2.gcViewYear,
+          onPrev: state2.handlePrev,
+          onNext: state2.handleNext,
+          onHeaderClick: state2.handleHeaderClick,
+          onDayClick: state2.handleDayClick,
+          onMonthSelect: state2.handleMonthSelect,
+          onYearSelect: state2.handleYearSelect,
+          onCalendarTypeChange: state2.handleCalendarTypeChange,
+          timeH: state2.timeH,
+          timeM: state2.timeM,
+          timeS: state2.timeS,
+          timeFocus: state2.timeFocus,
           withSeconds,
-          onTimeFocus: state.setTimeFocus,
-          onTimeBlur: state.handleTimeBlur,
-          onTimeHChange: state.setTimeH,
-          onTimeMChange: state.setTimeM,
-          onTimeSChange: state.setTimeS,
-          onConfirm: state.handleConfirm
+          onTimeFocus: state2.setTimeFocus,
+          onTimeBlur: state2.handleTimeBlur,
+          onTimeHChange: state2.setTimeH,
+          onTimeMChange: state2.setTimeM,
+          onTimeSChange: state2.setTimeS,
+          onConfirm: state2.handleConfirm
         }
       )
     }
@@ -13332,7 +13332,7 @@ function MiniCalendar({
   nextControlProps,
   ...rest
 }) {
-  const state = useMiniCalendar(rest);
+  const state2 = useMiniCalendar(rest);
   const {
     className: prevClassName,
     disabled: _prevDis,
@@ -13362,13 +13362,13 @@ function MiniCalendar({
               "flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40",
               prevClassName
             ),
-            disabled: state.prevDisabled,
+            disabled: state2.prevDisabled,
             "aria-label": "Previous dates",
             ...prevSpread,
             onClick: (e) => {
               prevOnClick?.(e);
               if (!e.defaultPrevented) {
-                state.goPrev();
+                state2.goPrev();
               }
             },
             children: ChevronLeft3
@@ -13379,11 +13379,11 @@ function MiniCalendar({
           {
             className: "flex min-w-0 flex-1 items-stretch justify-between gap-0.5",
             "data-slot": "mini-calendar-days",
-            children: state.days.map((day) => {
+            children: state2.days.map((day) => {
               const iso = dateToIsoDate(day);
-              const selectedDate = state.selectedIso ? isoDateToDate(state.selectedIso) : null;
+              const selectedDate = state2.selectedIso ? isoDateToDate(state2.selectedIso) : null;
               const selected = !!selectedDate && isSameDay2(day, selectedDate);
-              const dayDisabled = state.isDayDisabled(day);
+              const dayDisabled = state2.isDayDisabled(day);
               const user = getDayProps?.(day) ?? {};
               const {
                 className: userClassName,
@@ -13411,7 +13411,7 @@ function MiniCalendar({
                   onClick: (e) => {
                     userOnClick?.(e);
                     if (!(e.defaultPrevented || disabled)) {
-                      state.selectDay(day);
+                      state2.selectDay(day);
                     }
                   },
                   children: [
@@ -13449,13 +13449,13 @@ function MiniCalendar({
               "flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40",
               nextClassName
             ),
-            disabled: state.nextDisabled,
+            disabled: state2.nextDisabled,
             "aria-label": "Next dates",
             ...nextSpread,
             onClick: (e) => {
               nextOnClick?.(e);
               if (!e.defaultPrevented) {
-                state.goNext();
+                state2.goNext();
               }
             },
             children: ChevronRight3
@@ -13980,31 +13980,31 @@ function useMonthPicker(props) {
 import { jsx as jsx112 } from "react/jsx-runtime";
 function MonthPicker(props) {
   const { className } = props;
-  const state = useMonthPicker(props);
+  const state2 = useMonthPicker(props);
   return /* @__PURE__ */ jsx112("div", { className: cn("inline-block", className), children: /* @__PURE__ */ jsx112(
     MonthPickerContent,
     {
-      view: state.view,
-      calendarType: state.calendarType,
-      years: state.years,
-      decadeStart: state.decadeStart,
-      ecViewYear: state.ecViewYear,
-      gcViewYear: state.gcViewYear,
-      primaryDate: state.primaryDate,
-      hasRange: state.hasRange,
-      headerLabel: state.headerLabel(),
-      onPrev: state.handlePrev,
-      onNext: state.handleNext,
-      onHeaderClick: state.handleHeaderClick,
-      onMonthClick: state.handleMonthClick,
-      onMonthHover: state.handleMonthHover,
-      onGridMouseLeave: state.handleGridMouseLeave,
-      onYearSelect: state.handleYearSelect,
-      onCalendarTypeChange: state.handleCalendarTypeChange,
-      isMonthSelected: state.isMonthSelected,
-      isMonthInRange: state.isMonthInRange,
-      isRangeStart: state.isRangeStart,
-      isRangeEnd: state.isRangeEnd
+      view: state2.view,
+      calendarType: state2.calendarType,
+      years: state2.years,
+      decadeStart: state2.decadeStart,
+      ecViewYear: state2.ecViewYear,
+      gcViewYear: state2.gcViewYear,
+      primaryDate: state2.primaryDate,
+      hasRange: state2.hasRange,
+      headerLabel: state2.headerLabel(),
+      onPrev: state2.handlePrev,
+      onNext: state2.handleNext,
+      onHeaderClick: state2.handleHeaderClick,
+      onMonthClick: state2.handleMonthClick,
+      onMonthHover: state2.handleMonthHover,
+      onGridMouseLeave: state2.handleGridMouseLeave,
+      onYearSelect: state2.handleYearSelect,
+      onCalendarTypeChange: state2.handleCalendarTypeChange,
+      isMonthSelected: state2.isMonthSelected,
+      isMonthInRange: state2.isMonthInRange,
+      isRangeStart: state2.isRangeStart,
+      isRangeEnd: state2.isRangeEnd
     }
   ) });
 }
@@ -14135,7 +14135,7 @@ var MonthPickerInput = forwardRef8(function MonthPickerInput2(props, ref) {
     "aria-label": ariaLabel,
     className
   } = props;
-  const state = useMonthPickerInput(props);
+  const state2 = useMonthPickerInput(props);
   return /* @__PURE__ */ jsx113(
     DateInputShell,
     {
@@ -14151,38 +14151,38 @@ var MonthPickerInput = forwardRef8(function MonthPickerInput2(props, ref) {
       dropdownType,
       "aria-label": ariaLabel,
       className,
-      displayValue: state.displayValue,
-      open: state.open,
-      onOpenChange: state.handleOpenChange,
-      contentSide: state.contentSide,
-      triggerRef: state.triggerRef,
-      onClear: state.handleClear,
+      displayValue: state2.displayValue,
+      open: state2.open,
+      onOpenChange: state2.handleOpenChange,
+      contentSide: state2.contentSide,
+      triggerRef: state2.triggerRef,
+      onClear: state2.handleClear,
       dropdownClassName: "w-fit",
       buttonRef: ref,
       children: /* @__PURE__ */ jsx113(
         MonthPickerContent,
         {
-          view: state.view,
-          calendarType: state.calendarType,
-          years: state.years,
-          decadeStart: state.decadeStart,
-          ecViewYear: state.ecViewYear,
-          gcViewYear: state.gcViewYear,
-          primaryDate: state.primaryDate,
-          hasRange: state.hasRange,
-          headerLabel: state.headerLabel(),
-          onPrev: state.handlePrev,
-          onNext: state.handleNext,
-          onHeaderClick: state.handleHeaderClick,
-          onMonthClick: state.handleMonthClick,
-          onMonthHover: state.handleMonthHover,
-          onGridMouseLeave: state.handleGridMouseLeave,
-          onYearSelect: state.handleYearSelect,
-          onCalendarTypeChange: state.handleCalendarTypeChange,
-          isMonthSelected: state.isMonthSelected,
-          isMonthInRange: state.isMonthInRange,
-          isRangeStart: state.isRangeStart,
-          isRangeEnd: state.isRangeEnd
+          view: state2.view,
+          calendarType: state2.calendarType,
+          years: state2.years,
+          decadeStart: state2.decadeStart,
+          ecViewYear: state2.ecViewYear,
+          gcViewYear: state2.gcViewYear,
+          primaryDate: state2.primaryDate,
+          hasRange: state2.hasRange,
+          headerLabel: state2.headerLabel(),
+          onPrev: state2.handlePrev,
+          onNext: state2.handleNext,
+          onHeaderClick: state2.handleHeaderClick,
+          onMonthClick: state2.handleMonthClick,
+          onMonthHover: state2.handleMonthHover,
+          onGridMouseLeave: state2.handleGridMouseLeave,
+          onYearSelect: state2.handleYearSelect,
+          onCalendarTypeChange: state2.handleCalendarTypeChange,
+          isMonthSelected: state2.isMonthSelected,
+          isMonthInRange: state2.isMonthInRange,
+          isRangeStart: state2.isRangeStart,
+          isRangeEnd: state2.isRangeEnd
         }
       )
     }
@@ -14442,7 +14442,7 @@ var TimePicker = forwardRef9(
       "aria-label": ariaLabel,
       className
     } = props;
-    const state = useTimePicker(props);
+    const state2 = useTimePicker(props);
     return /* @__PURE__ */ jsx115(
       DateInputShell,
       {
@@ -14458,29 +14458,29 @@ var TimePicker = forwardRef9(
         dropdownType,
         "aria-label": ariaLabel,
         className,
-        displayValue: state.displayValue,
-        hasValue: !!state.value,
-        open: state.open,
-        onOpenChange: state.handleOpenChange,
-        contentSide: state.contentSide,
-        triggerRef: state.triggerRef,
-        onClear: state.handleClear,
+        displayValue: state2.displayValue,
+        hasValue: !!state2.value,
+        open: state2.open,
+        onOpenChange: state2.handleOpenChange,
+        contentSide: state2.contentSide,
+        triggerRef: state2.triggerRef,
+        onClear: state2.handleClear,
         dropdownClassName: "w-[200px]",
         buttonRef: ref,
         children: /* @__PURE__ */ jsx115(
           TimePickerContent,
           {
-            timeH: state.timeH,
-            timeM: state.timeM,
-            timeS: state.timeS,
-            timeFocus: state.timeFocus,
+            timeH: state2.timeH,
+            timeM: state2.timeM,
+            timeS: state2.timeS,
+            timeFocus: state2.timeFocus,
             withSeconds,
-            onTimeFocus: state.setTimeFocus,
-            onTimeBlur: state.handleTimeBlur,
-            onTimeHChange: state.setTimeH,
-            onTimeMChange: state.setTimeM,
-            onTimeSChange: state.setTimeS,
-            onConfirm: state.handleConfirm
+            onTimeFocus: state2.setTimeFocus,
+            onTimeBlur: state2.handleTimeBlur,
+            onTimeHChange: state2.setTimeH,
+            onTimeMChange: state2.setTimeM,
+            onTimeSChange: state2.setTimeS,
+            onConfirm: state2.handleConfirm
           }
         )
       }
@@ -14839,24 +14839,24 @@ function useYearPicker(props) {
 import { jsx as jsx117 } from "react/jsx-runtime";
 function YearPicker(props) {
   const { className } = props;
-  const state = useYearPicker(props);
+  const state2 = useYearPicker(props);
   return /* @__PURE__ */ jsx117("div", { className: cn("inline-block", className), children: /* @__PURE__ */ jsx117(
     YearPickerContent,
     {
-      calendarType: state.calendarType,
-      years: state.years,
-      decadeStart: state.decadeStart,
-      headerLabel: state.headerLabel(),
-      onPrev: state.handlePrev,
-      onNext: state.handleNext,
-      onYearClick: state.handleYearClick,
-      onYearHover: state.handleYearHover,
-      onGridMouseLeave: state.handleGridMouseLeave,
-      onCalendarTypeChange: state.handleCalendarTypeChange,
-      isYearSelected: state.isYearSelected,
-      isYearInRange: state.isYearInRange,
-      isRangeStart: state.isRangeStart,
-      isRangeEnd: state.isRangeEnd
+      calendarType: state2.calendarType,
+      years: state2.years,
+      decadeStart: state2.decadeStart,
+      headerLabel: state2.headerLabel(),
+      onPrev: state2.handlePrev,
+      onNext: state2.handleNext,
+      onYearClick: state2.handleYearClick,
+      onYearHover: state2.handleYearHover,
+      onGridMouseLeave: state2.handleGridMouseLeave,
+      onCalendarTypeChange: state2.handleCalendarTypeChange,
+      isYearSelected: state2.isYearSelected,
+      isYearInRange: state2.isYearInRange,
+      isRangeStart: state2.isRangeStart,
+      isRangeEnd: state2.isRangeEnd
     }
   ) });
 }
@@ -14957,8 +14957,8 @@ var YearPickerInput = forwardRef10(function YearPickerInput2(props, ref) {
     "aria-label": ariaLabel,
     className
   } = props;
-  const state = useYearPickerInput(props);
-  const p = state.picker;
+  const state2 = useYearPickerInput(props);
+  const p = state2.picker;
   return /* @__PURE__ */ jsx118(
     DateInputShell,
     {
@@ -14974,12 +14974,12 @@ var YearPickerInput = forwardRef10(function YearPickerInput2(props, ref) {
       dropdownType,
       "aria-label": ariaLabel,
       className,
-      displayValue: state.displayValue,
-      open: state.open,
-      onOpenChange: state.handleOpenChange,
-      contentSide: state.contentSide,
-      triggerRef: state.triggerRef,
-      onClear: state.handleClear,
+      displayValue: state2.displayValue,
+      open: state2.open,
+      onOpenChange: state2.handleOpenChange,
+      contentSide: state2.contentSide,
+      triggerRef: state2.triggerRef,
+      onClear: state2.handleClear,
       dropdownClassName: "w-fit",
       buttonRef: ref,
       children: /* @__PURE__ */ jsx118(
@@ -15429,7 +15429,7 @@ function AngleSlider({
   onChange,
   onChangeEnd,
   size = 120,
-  step = 1,
+  step: step2 = 1,
   withLabel = true,
   formatLabel,
   disabled = false,
@@ -15465,10 +15465,10 @@ function AngleSlider({
       if (a < 0) {
         a += 360;
       }
-      const stepped = Math.round(a / step) * step;
+      const stepped = Math.round(a / step2) * step2;
       return stepped % 360;
     },
-    [value, step]
+    [value, step2]
   );
   const handleMove = useCallback20(
     (clientX, clientY) => {
@@ -17298,7 +17298,7 @@ function ColorPicker({
       lastHsvaRef.current = next;
     }
   }, [value]);
-  const emit = useCallback21(
+  const emit2 = useCallback21(
     (next) => {
       const str = formatColor(next, format);
       if (!isControlled) {
@@ -17415,7 +17415,7 @@ function ColorPicker({
                 value: Math.round(hsva.h),
                 min: 0,
                 max: 360,
-                onChange: (h) => emit({ ...hsva, h }),
+                onChange: (h) => emit2({ ...hsva, h }),
                 onEnd: (h) => emitEnd({ ...hsva, h }),
                 disabled,
                 size,
@@ -17444,7 +17444,7 @@ function ColorPicker({
                   value: Math.round(hsva.a * 100),
                   min: 0,
                   max: 100,
-                  onChange: (a) => emit({ ...hsva, a: a / 100 }),
+                  onChange: (a) => emit2({ ...hsva, a: a / 100 }),
                   onEnd: (a) => emitEnd({ ...hsva, a: a / 100 }),
                   disabled,
                   size,
@@ -21552,8 +21552,242 @@ function NavigationMenuIndicator({
   );
 }
 
-// src/components/ui/number-formatter.tsx
+// src/components/ui/nprogress.tsx
+import { useEffect as useEffect29, useSyncExternalStore } from "react";
 import { jsx as jsx175 } from "react/jsx-runtime";
+var DEFAULT_STEP_INTERVAL = 450;
+var DEFAULT_INITIAL_PROGRESS = 8;
+var MIN_PROGRESS = 0;
+var MAX_PROGRESS = 100;
+var state = {
+  mounted: false,
+  progress: MIN_PROGRESS
+};
+var step = 1;
+var stepInterval = DEFAULT_STEP_INTERVAL;
+var intervalId = null;
+var resetTimeoutId = null;
+var hideTimeoutId = null;
+var listeners = /* @__PURE__ */ new Set();
+function clampProgress(value) {
+  return Math.min(MAX_PROGRESS, Math.max(MIN_PROGRESS, value));
+}
+function getIntervalProgressValue(current) {
+  if (current <= 20) {
+    return current + 10;
+  }
+  if (current <= 50) {
+    return current + 4;
+  }
+  if (current <= 80) {
+    return current + 2;
+  }
+  if (current <= 99) {
+    return current + 1;
+  }
+  return current;
+}
+function emit() {
+  for (const listener of listeners) {
+    listener();
+  }
+}
+function setState(next) {
+  state = { ...state, ...next };
+  emit();
+}
+function clearTimers() {
+  if (intervalId !== null) {
+    clearInterval(intervalId);
+    intervalId = null;
+  }
+  if (resetTimeoutId !== null) {
+    clearTimeout(resetTimeoutId);
+    resetTimeoutId = null;
+  }
+  if (hideTimeoutId !== null) {
+    clearTimeout(hideTimeoutId);
+    hideTimeoutId = null;
+  }
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getSnapshot() {
+  return state;
+}
+function configureNProgress(options = {}) {
+  if (typeof options.stepInterval === "number") {
+    stepInterval = Math.max(50, options.stepInterval);
+  }
+  if (typeof options.initialProgress === "number") {
+    state = {
+      ...state,
+      progress: clampProgress(options.initialProgress)
+    };
+  }
+}
+function setNProgress(value) {
+  clearTimers();
+  setState({
+    mounted: true,
+    progress: clampProgress(value)
+  });
+}
+function incrementNProgress(amount = step) {
+  setState({
+    mounted: true,
+    progress: clampProgress(state.progress + amount)
+  });
+}
+function startNProgress() {
+  clearTimers();
+  setState({
+    mounted: true,
+    progress: getIntervalProgressValue(
+      state.progress > MIN_PROGRESS ? state.progress : DEFAULT_INITIAL_PROGRESS
+    )
+  });
+  intervalId = setInterval(() => {
+    setState({
+      mounted: true,
+      progress: getIntervalProgressValue(state.progress)
+    });
+  }, stepInterval);
+}
+function completeNProgress() {
+  clearTimers();
+  setState({
+    mounted: true,
+    progress: MAX_PROGRESS
+  });
+  hideTimeoutId = setTimeout(() => {
+    setState({ mounted: false });
+  }, 100);
+  resetTimeoutId = setTimeout(() => {
+    setState({ progress: MIN_PROGRESS });
+  }, stepInterval + 120);
+}
+function resetNProgress() {
+  clearTimers();
+  setState({
+    mounted: false,
+    progress: MIN_PROGRESS
+  });
+}
+function setNProgressStep(stepValue) {
+  step = Math.max(0.25, stepValue);
+}
+function isPlainLeftClick(event) {
+  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function isInternalLink(link) {
+  if (!link.href || link.target === "_blank" || link.hasAttribute("download")) {
+    return false;
+  }
+  try {
+    const targetUrl = new URL(link.href, window.location.href);
+    const currentUrl = new URL(window.location.href);
+    return targetUrl.origin === currentUrl.origin;
+  } catch {
+    return false;
+  }
+}
+function isHashOnlyLink(link) {
+  try {
+    const targetUrl = new URL(link.href, window.location.href);
+    const currentUrl = new URL(window.location.href);
+    return targetUrl.pathname === currentUrl.pathname && targetUrl.search === currentUrl.search && targetUrl.hash !== "";
+  } catch {
+    return false;
+  }
+}
+function NProgress({
+  className,
+  height = 3,
+  zIndex = 9999,
+  color,
+  pathname,
+  withNavigation = false,
+  style,
+  ...props
+}) {
+  const current = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const translateX = current.progress - MAX_PROGRESS;
+  useEffect29(() => {
+    if (!pathname) {
+      return;
+    }
+    completeNProgress();
+  }, [pathname]);
+  useEffect29(() => {
+    if (!withNavigation) {
+      return;
+    }
+    const onDocumentClick = (event) => {
+      if (!isPlainLeftClick(event)) {
+        return;
+      }
+      const target = event.target;
+      if (!(target instanceof Element)) {
+        return;
+      }
+      const link = target.closest("a[href]");
+      if (!(link instanceof HTMLAnchorElement)) {
+        return;
+      }
+      if (!isInternalLink(link) || isHashOnlyLink(link)) {
+        return;
+      }
+      startNProgress();
+    };
+    const onPopState = () => {
+      startNProgress();
+    };
+    document.addEventListener("click", onDocumentClick, { capture: true });
+    window.addEventListener("popstate", onPopState);
+    return () => {
+      document.removeEventListener("click", onDocumentClick, {
+        capture: true
+      });
+      window.removeEventListener("popstate", onPopState);
+    };
+  }, [withNavigation]);
+  return /* @__PURE__ */ jsx175(
+    "div",
+    {
+      "data-slot": "nprogress",
+      "data-mounted": current.mounted ? "" : void 0,
+      className: cn(
+        "cn-nprogress-root pointer-events-none fixed inset-x-0 top-0 overflow-hidden",
+        className
+      ),
+      style: {
+        ...style,
+        height,
+        zIndex
+      },
+      ...props,
+      children: /* @__PURE__ */ jsx175(
+        "div",
+        {
+          className: "cn-nprogress-bar h-full w-full",
+          style: {
+            transform: `translate3d(${translateX}%, 0, 0)`,
+            backgroundColor: color
+          },
+          children: /* @__PURE__ */ jsx175("div", { className: "cn-nprogress-peg" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/number-formatter.tsx
+import { jsx as jsx176 } from "react/jsx-runtime";
 function NumberFormatter({
   className,
   value,
@@ -21584,7 +21818,7 @@ function NumberFormatter({
     }
     return `${prefix}${result}${suffix}`;
   };
-  return /* @__PURE__ */ jsx175(
+  return /* @__PURE__ */ jsx176(
     "span",
     {
       "data-slot": "number-formatter",
@@ -21601,10 +21835,10 @@ import { forwardRef as forwardRef14, useCallback as useCallback24 } from "react"
 
 // src/components/ui/unstyled-button.tsx
 import { useRender as useRender9 } from "@base-ui/react/use-render";
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx177 } from "react/jsx-runtime";
 function UnstyledButton({
   className,
-  render = /* @__PURE__ */ jsx176("button", { type: "button" }),
+  render = /* @__PURE__ */ jsx177("button", { type: "button" }),
   ...props
 }) {
   return useRender9({
@@ -21622,7 +21856,7 @@ function UnstyledButton({
 }
 
 // src/components/ui/number-input.tsx
-import { jsx as jsx177, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx178, jsxs as jsxs103 } from "react/jsx-runtime";
 var sizeClasses5 = {
   xs: "h-7",
   sm: "h-8",
@@ -21674,7 +21908,7 @@ var NumberInput = forwardRef14(
     size = "md",
     min,
     max,
-    step = 1,
+    step: step2 = 1,
     controls = true,
     leftSection,
     rightSection,
@@ -21731,7 +21965,7 @@ var NumberInput = forwardRef14(
         "data-slot": "number-input-controls",
         className: "cn-number-input-controls",
         children: [
-          /* @__PURE__ */ jsx177(
+          /* @__PURE__ */ jsx178(
             UnstyledButton,
             {
               type: "button",
@@ -21742,12 +21976,12 @@ var NumberInput = forwardRef14(
               className: "cn-number-input-control",
               onMouseDown: (e) => {
                 e.preventDefault();
-                handleStep(step ?? 1);
+                handleStep(step2 ?? 1);
               },
-              children: /* @__PURE__ */ jsx177(IconChevronUp4, { className: "size-4" })
+              children: /* @__PURE__ */ jsx178(IconChevronUp4, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx177(
+          /* @__PURE__ */ jsx178(
             UnstyledButton,
             {
               type: "button",
@@ -21758,17 +21992,17 @@ var NumberInput = forwardRef14(
               className: "cn-number-input-control",
               onMouseDown: (e) => {
                 e.preventDefault();
-                handleStep(-(step ?? 1));
+                handleStep(-(step2 ?? 1));
               },
-              children: /* @__PURE__ */ jsx177(IconChevronDown14, { className: "size-4" })
+              children: /* @__PURE__ */ jsx178(IconChevronDown14, { className: "size-4" })
             }
           )
         ]
       }
     ) : null;
     const inputEl = /* @__PURE__ */ jsxs103(InputGroup, { disabled, className: cn(sizeClasses5[size]), children: [
-      leftSection && /* @__PURE__ */ jsx177(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
-      /* @__PURE__ */ jsx177(
+      leftSection && /* @__PURE__ */ jsx178(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
+      /* @__PURE__ */ jsx178(
         InputGroupInput,
         {
           ref,
@@ -21779,15 +22013,15 @@ var NumberInput = forwardRef14(
           disabled,
           min,
           max,
-          step,
+          step: step2,
           "aria-invalid": error ? true : void 0,
           required,
           className: cn(className),
           ...inputProps
         }
       ),
-      rightSection && !showControls && /* @__PURE__ */ jsx177(InputGroupAddon, { align: "inline-end", children: rightSection }),
-      showControls && /* @__PURE__ */ jsx177(
+      rightSection && !showControls && /* @__PURE__ */ jsx178(InputGroupAddon, { align: "inline-end", children: rightSection }),
+      showControls && /* @__PURE__ */ jsx178(
         InputGroupAddon,
         {
           align: "inline-end",
@@ -21799,7 +22033,7 @@ var NumberInput = forwardRef14(
     if (!hasWrapper) {
       return inputEl;
     }
-    return /* @__PURE__ */ jsx177(
+    return /* @__PURE__ */ jsx178(
       InputWrapper,
       {
         label,
@@ -21826,9 +22060,9 @@ import {
   IconChevronRight as IconChevronRight10,
   IconDots as IconDots2
 } from "@tabler/icons-react";
-import { jsx as jsx178, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx179, jsxs as jsxs104 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     "nav",
     {
       "aria-label": "pagination",
@@ -21842,7 +22076,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -21852,7 +22086,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx178("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx179("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -21860,7 +22094,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -21890,8 +22124,8 @@ function PaginationPrevious({
       className: cn("cn-pagination-previous gap-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx178(IconChevronLeft4, {}),
-        /* @__PURE__ */ jsx178("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx179(IconChevronLeft4, {}),
+        /* @__PURE__ */ jsx179("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -21908,8 +22142,8 @@ function PaginationNext({
       className: cn("cn-pagination-next gap-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx178("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx178(IconChevronRight10, {})
+        /* @__PURE__ */ jsx179("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx179(IconChevronRight10, {})
       ]
     }
   );
@@ -21926,15 +22160,15 @@ function PaginationEllipsis({
       className: cn("cn-pagination-ellipsis flex", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx178(IconDots2, { className: "size-4" }),
-        /* @__PURE__ */ jsx178("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx179(IconDots2, { className: "size-4" }),
+        /* @__PURE__ */ jsx179("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/ui/paper.tsx
-import { jsx as jsx179 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 function Paper({
   className,
   padding = "md",
@@ -21967,7 +22201,7 @@ function Paper({
     lg: "shadow-lg",
     xl: "shadow-xl"
   };
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "paper",
@@ -21987,7 +22221,7 @@ function Paper({
 // src/components/ui/password-input.tsx
 import { IconEye, IconEyeOff } from "@tabler/icons-react";
 import { forwardRef as forwardRef15, useState as useState50 } from "react";
-import { jsx as jsx180, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs105 } from "react/jsx-runtime";
 var PasswordInput = forwardRef15(
   ({ className, showToggle = true, size, ...props }, ref) => {
     const [showPassword, setShowPassword] = useState50(false);
@@ -22005,7 +22239,7 @@ var PasswordInput = forwardRef15(
         disabled: props.disabled,
         className: cn(size && groupSizeClasses[size]),
         children: [
-          /* @__PURE__ */ jsx180(
+          /* @__PURE__ */ jsx181(
             InputGroupInput,
             {
               ref,
@@ -22014,7 +22248,7 @@ var PasswordInput = forwardRef15(
               ...props
             }
           ),
-          showToggle && /* @__PURE__ */ jsx180(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx180(
+          showToggle && /* @__PURE__ */ jsx181(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx181(
             InputGroupButton,
             {
               type: "button",
@@ -22025,7 +22259,7 @@ var PasswordInput = forwardRef15(
               "aria-label": showPassword ? "Hide password" : "Show password",
               tabIndex: -1,
               disabled: props.disabled,
-              children: showPassword ? /* @__PURE__ */ jsx180(IconEyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx180(IconEye, { className: "size-4" })
+              children: showPassword ? /* @__PURE__ */ jsx181(IconEyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx181(IconEye, { className: "size-4" })
             }
           ) })
         ]
@@ -22050,11 +22284,11 @@ var PasswordInputWithWrapper = forwardRef15(
     ...passwordInputProps
   }, ref) => {
     const hasWrapper = label || description || error || required || withAsterisk;
-    const passwordInput = /* @__PURE__ */ jsx180(PasswordInput, { ref, disabled, ...passwordInputProps });
+    const passwordInput = /* @__PURE__ */ jsx181(PasswordInput, { ref, disabled, ...passwordInputProps });
     if (!hasWrapper) {
       return passwordInput;
     }
-    return /* @__PURE__ */ jsx180(
+    return /* @__PURE__ */ jsx181(
       InputWrapper,
       {
         label,
@@ -22077,7 +22311,7 @@ PasswordInputWithWrapper.displayName = "PasswordInputWithWrapper";
 
 // src/components/ui/pill.tsx
 import { cva as cva23 } from "class-variance-authority";
-import { jsx as jsx181, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx182, jsxs as jsxs106 } from "react/jsx-runtime";
 var pillVariants = cva23(
   "cn-pill inline-flex items-center gap-1 font-medium shrink-0 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-100",
   {
@@ -22134,8 +22368,8 @@ function Pill({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx181("span", { className: "truncate", children }),
-        withRemoveButton && !disabled && /* @__PURE__ */ jsx181(
+        /* @__PURE__ */ jsx182("span", { className: "truncate", children }),
+        withRemoveButton && !disabled && /* @__PURE__ */ jsx182(
           CloseButton,
           {
             size: "icon-xs",
@@ -22162,7 +22396,7 @@ function Pill({
 
 // src/components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
-import { jsx as jsx182 } from "react/jsx-runtime";
+import { jsx as jsx183 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
@@ -22179,7 +22413,7 @@ function Progress({
     xl: "rounded-[var(--radius-xl)]",
     full: "rounded-full"
   };
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -22191,7 +22425,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx182(
+      children: /* @__PURE__ */ jsx183(
         ProgressPrimitive.Track,
         {
           "data-slot": "progress-track",
@@ -22200,7 +22434,7 @@ function Progress({
             "cn-progress-track h-full w-full",
             radius && radiusClasses2[radius]
           ),
-          children: /* @__PURE__ */ jsx182(
+          children: /* @__PURE__ */ jsx183(
             ProgressPrimitive.Indicator,
             {
               "data-slot": "progress-indicator",
@@ -22221,7 +22455,7 @@ import {
   IconStarHalfFilled
 } from "@tabler/icons-react";
 import { useState as useState51 } from "react";
-import { jsx as jsx183 } from "react/jsx-runtime";
+import { jsx as jsx184 } from "react/jsx-runtime";
 function Rating({
   count = 5,
   value = 0,
@@ -22258,16 +22492,16 @@ function Rating({
   };
   const renderIcon = (filled, half) => {
     if (filled) {
-      return /* @__PURE__ */ jsx183(IconStarFilled, { className: cn(sizeClasses6[size], color) });
+      return /* @__PURE__ */ jsx184(IconStarFilled, { className: cn(sizeClasses6[size], color) });
     }
     if (half) {
-      return /* @__PURE__ */ jsx183(IconStarHalfFilled, { className: cn(sizeClasses6[size], color) });
+      return /* @__PURE__ */ jsx184(IconStarHalfFilled, { className: cn(sizeClasses6[size], color) });
     }
-    return /* @__PURE__ */ jsx183(IconStar, { className: cn(sizeClasses6[size], "text-muted-foreground") });
+    return /* @__PURE__ */ jsx184(IconStar, { className: cn(sizeClasses6[size], "text-muted-foreground") });
   };
   return (
     // biome-ignore lint/a11y/useSemanticElements: fieldset would affect layout
-    /* @__PURE__ */ jsx183(
+    /* @__PURE__ */ jsx184(
       "div",
       {
         "data-slot": "rating",
@@ -22286,7 +22520,7 @@ function Rating({
           const isFilled = displayValue >= index + 1;
           const isHalf = displayValue >= index + 0.5 && displayValue < index + 1;
           const StarWrapper = isDisabled ? "div" : "button";
-          return /* @__PURE__ */ jsx183(
+          return /* @__PURE__ */ jsx184(
             StarWrapper,
             {
               type: isDisabled ? void 0 : "button",
@@ -22326,12 +22560,12 @@ function Rating({
 
 // src/components/ui/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx184 } from "react/jsx-runtime";
+import { jsx as jsx185 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     ResizablePrimitive.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
@@ -22346,26 +22580,26 @@ function ResizablePanelGroup({
 function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsx184(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx185(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     ResizablePrimitive.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
       className: cn("cn-resizable-handle", className),
       ...props,
-      children: withHandle && /* @__PURE__ */ jsx184("div", { "aria-hidden": true, className: "cn-resizable-handle-icon" })
+      children: withHandle && /* @__PURE__ */ jsx185("div", { "aria-hidden": true, className: "cn-resizable-handle-icon" })
     }
   );
 }
 
 // src/components/ui/ring-progress.tsx
-import { jsx as jsx185, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx186, jsxs as jsxs107 } from "react/jsx-runtime";
 function RingProgress({
   value,
   size = 120,
@@ -22396,7 +22630,7 @@ function RingProgress({
             normalizedValue,
             "%"
           ] }),
-          /* @__PURE__ */ jsx185(
+          /* @__PURE__ */ jsx186(
             "circle",
             {
               cx: size / 2,
@@ -22408,7 +22642,7 @@ function RingProgress({
               className: "text-muted/40"
             }
           ),
-          /* @__PURE__ */ jsx185(
+          /* @__PURE__ */ jsx186(
             "circle",
             {
               cx: size / 2,
@@ -22424,14 +22658,14 @@ function RingProgress({
             }
           )
         ] }),
-        label && /* @__PURE__ */ jsx185("div", { className: "absolute inset-0 flex items-center justify-center", children: typeof label === "string" ? /* @__PURE__ */ jsx185("span", { className: "text-foreground text-sm font-semibold", children: label }) : label })
+        label && /* @__PURE__ */ jsx186("div", { className: "absolute inset-0 flex items-center justify-center", children: typeof label === "string" ? /* @__PURE__ */ jsx186("span", { className: "text-foreground text-sm font-semibold", children: label }) : label })
       ]
     }
   );
 }
 
 // src/components/ui/semi-circle-progress.tsx
-import { jsx as jsx186, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx187, jsxs as jsxs108 } from "react/jsx-runtime";
 function SemiCircleProgress({
   className,
   value,
@@ -22470,7 +22704,7 @@ function SemiCircleProgress({
                 Math.round(normalizedValue),
                 "%"
               ] }),
-              /* @__PURE__ */ jsx186(
+              /* @__PURE__ */ jsx187(
                 "path",
                 {
                   d: `M ${thickness / 2},${size / 2} A ${radius},${radius} 0 0,1 ${size - thickness / 2},${size / 2}`,
@@ -22480,7 +22714,7 @@ function SemiCircleProgress({
                   strokeLinecap: "round"
                 }
               ),
-              /* @__PURE__ */ jsx186(
+              /* @__PURE__ */ jsx187(
                 "path",
                 {
                   d: `M ${thickness / 2},${size / 2} A ${radius},${radius} 0 0,1 ${size - thickness / 2},${size / 2}`,
@@ -22498,7 +22732,7 @@ function SemiCircleProgress({
             ]
           }
         ),
-        label && /* @__PURE__ */ jsx186("div", { className: "cn-semi-circle-progress-label text-center", children: label })
+        label && /* @__PURE__ */ jsx187("div", { className: "cn-semi-circle-progress-label text-center", children: label })
       ]
     }
   );
@@ -22506,7 +22740,7 @@ function SemiCircleProgress({
 
 // src/components/ui/simple-grid.tsx
 import { cva as cva24 } from "class-variance-authority";
-import { jsx as jsx187 } from "react/jsx-runtime";
+import { jsx as jsx188 } from "react/jsx-runtime";
 var simpleGridVariants = cva24("grid w-full", {
   variants: {
     cols: {
@@ -22553,7 +22787,7 @@ function SimpleGrid({
     "2xl": "2.5rem"
   }[verticalSpacing] : void 0;
   const gridTemplateColumns = minChildWidth ? `repeat(auto-fit, minmax(${typeof minChildWidth === "number" ? `${minChildWidth}px` : minChildWidth}, 1fr))` : void 0;
-  return /* @__PURE__ */ jsx187(
+  return /* @__PURE__ */ jsx188(
     "div",
     {
       "data-slot": "simple-grid",
@@ -22574,7 +22808,7 @@ function SimpleGrid({
 }
 
 // src/components/ui/space.tsx
-import { jsx as jsx188 } from "react/jsx-runtime";
+import { jsx as jsx189 } from "react/jsx-runtime";
 var sizeToRem = {
   xs: "0.25rem",
   sm: "0.5rem",
@@ -22606,7 +22840,7 @@ function Space({ className, h, w, style, ...props }) {
     styleOut.width = wVal;
     styleOut.minWidth = styleOut.minWidth ?? wVal;
   }
-  return /* @__PURE__ */ jsx188(
+  return /* @__PURE__ */ jsx189(
     "div",
     {
       "data-slot": "space",
@@ -22619,8 +22853,8 @@ function Space({ className, h, w, style, ...props }) {
 
 // src/components/ui/spoiler.tsx
 import { IconChevronDown as IconChevronDown15 } from "@tabler/icons-react";
-import { useEffect as useEffect29, useRef as useRef22, useState as useState52 } from "react";
-import { jsx as jsx189, jsxs as jsxs109 } from "react/jsx-runtime";
+import { useEffect as useEffect30, useRef as useRef22, useState as useState52 } from "react";
+import { jsx as jsx190, jsxs as jsxs109 } from "react/jsx-runtime";
 function Spoiler({
   maxHeight = 100,
   showLabel = "Show more",
@@ -22633,7 +22867,7 @@ function Spoiler({
   const [isExpanded, setIsExpanded] = useState52(initialState);
   const [shouldShowButton, setShouldShowButton] = useState52(false);
   const contentRef = useRef22(null);
-  useEffect29(() => {
+  useEffect30(() => {
     const el = contentRef.current;
     if (!el) {
       return;
@@ -22657,7 +22891,7 @@ function Spoiler({
       className: cn("cn-spoiler relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx189(
+        /* @__PURE__ */ jsx190(
           "div",
           {
             ref: contentRef,
@@ -22669,7 +22903,7 @@ function Spoiler({
             children
           }
         ),
-        !isExpanded && shouldShowButton && /* @__PURE__ */ jsx189(
+        !isExpanded && shouldShowButton && /* @__PURE__ */ jsx190(
           "div",
           {
             "data-slot": "spoiler-fade",
@@ -22685,7 +22919,7 @@ function Spoiler({
             className: "mt-2 transition-colors",
             children: [
               isExpanded ? hideLabel : showLabel,
-              /* @__PURE__ */ jsx189(
+              /* @__PURE__ */ jsx190(
                 IconChevronDown15,
                 {
                   className: cn(
@@ -22703,7 +22937,7 @@ function Spoiler({
 }
 
 // src/components/ui/stack.tsx
-import { jsx as jsx190 } from "react/jsx-runtime";
+import { jsx as jsx191 } from "react/jsx-runtime";
 function Stack({
   className,
   gap = "md",
@@ -22732,7 +22966,7 @@ function Stack({
     between: "justify-between",
     around: "justify-around"
   };
-  return /* @__PURE__ */ jsx190(
+  return /* @__PURE__ */ jsx191(
     "div",
     {
       "data-slot": "stack",
@@ -22752,7 +22986,7 @@ function Stack({
 // src/components/ui/stepper.tsx
 import { IconCheck as IconCheck9 } from "@tabler/icons-react";
 import { createContext as createContext8, useContext as useContext9 } from "react";
-import { jsx as jsx191, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx192, jsxs as jsxs110 } from "react/jsx-runtime";
 var StepperContext = createContext8({
   activeStep: 0,
   orientation: "horizontal"
@@ -22765,7 +22999,7 @@ function Stepper({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx191(StepperContext.Provider, { value: { activeStep, orientation }, children: /* @__PURE__ */ jsx191(
+  return /* @__PURE__ */ jsx192(StepperContext.Provider, { value: { activeStep, orientation }, children: /* @__PURE__ */ jsx192(
     "div",
     {
       "data-slot": "stepper",
@@ -22791,17 +23025,17 @@ function Step({
   const { activeStep, orientation } = useContext9(StepperContext);
   const isActive = index === activeStep;
   const isCompleted = index < activeStep;
-  let state = "inactive";
+  let state2 = "inactive";
   if (isCompleted) {
-    state = "completed";
+    state2 = "completed";
   } else if (isActive) {
-    state = "active";
+    state2 = "active";
   }
   return /* @__PURE__ */ jsxs110(
     "div",
     {
       "data-slot": "step",
-      "data-state": state,
+      "data-state": state2,
       className: cn(
         "cn-step flex",
         orientation === "horizontal" ? "flex-1 items-center" : "flex-row gap-4",
@@ -22817,13 +23051,13 @@ function Step({
               orientation === "horizontal" && "flex-col gap-2"
             ),
             children: [
-              /* @__PURE__ */ jsx191(
+              /* @__PURE__ */ jsx192(
                 "div",
                 {
                   "data-slot": "step-indicator",
-                  "data-state": state,
+                  "data-state": state2,
                   className: cn("cn-step-indicator"),
-                  children: isCompleted ? /* @__PURE__ */ jsx191(IconCheck9, { className: "size-5" }) : /* @__PURE__ */ jsx191("span", { children: index + 1 })
+                  children: isCompleted ? /* @__PURE__ */ jsx192(IconCheck9, { className: "size-5" }) : /* @__PURE__ */ jsx192("span", { children: index + 1 })
                 }
               ),
               (label || description) && /* @__PURE__ */ jsxs110(
@@ -22834,23 +23068,23 @@ function Step({
                     orientation === "vertical" && "text-left"
                   ),
                   children: [
-                    label && /* @__PURE__ */ jsx191("div", { className: cn("cn-step-label"), children: label }),
-                    description && /* @__PURE__ */ jsx191("div", { className: "cn-step-description", children: description })
+                    label && /* @__PURE__ */ jsx192("div", { className: cn("cn-step-label"), children: label }),
+                    description && /* @__PURE__ */ jsx192("div", { className: "cn-step-description", children: description })
                   ]
                 }
               )
             ]
           }
         ),
-        orientation === "horizontal" && !isLast && /* @__PURE__ */ jsx191(
+        orientation === "horizontal" && !isLast && /* @__PURE__ */ jsx192(
           "div",
           {
             "data-slot": "step-connector",
-            "data-state": state,
+            "data-state": state2,
             className: cn("cn-step-connector")
           }
         ),
-        orientation === "vertical" && /* @__PURE__ */ jsx191("div", { className: "flex flex-1 flex-col gap-2", children })
+        orientation === "vertical" && /* @__PURE__ */ jsx192("div", { className: "flex flex-1 flex-col gap-2", children })
       ]
     }
   );
@@ -22858,7 +23092,7 @@ function Step({
 
 // src/components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { jsx as jsx192 } from "react/jsx-runtime";
+import { jsx as jsx193 } from "react/jsx-runtime";
 function mapSwitchSize(size) {
   return size === "xs" || size === "sm" ? "sm" : "default";
 }
@@ -22869,7 +23103,7 @@ function Switch({
   ...props
 }) {
   const mappedSize = mapSwitchSize(size);
-  return /* @__PURE__ */ jsx192(
+  return /* @__PURE__ */ jsx193(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -22881,7 +23115,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx192(
+      children: /* @__PURE__ */ jsx193(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -22893,7 +23127,7 @@ function Switch({
 }
 
 // src/components/ui/table-of-contents.tsx
-import { jsx as jsx193 } from "react/jsx-runtime";
+import { jsx as jsx194 } from "react/jsx-runtime";
 function TableOfContents({
   className,
   items,
@@ -22904,7 +23138,7 @@ function TableOfContents({
   minDepth = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx193(
+  return /* @__PURE__ */ jsx194(
     "nav",
     {
       "data-slot": "table-of-contents",
@@ -22915,7 +23149,7 @@ function TableOfContents({
         const depth = item.depth ?? 1;
         const paddingLeft = Math.max(0, depth - minDepth) * depthOffset;
         const isActive = activeId === item.id;
-        return /* @__PURE__ */ jsx193(
+        return /* @__PURE__ */ jsx194(
           UnstyledButton,
           {
             type: "button",
@@ -22938,7 +23172,7 @@ function TableOfContents({
 // src/components/ui/tags-input.tsx
 import { IconX as IconX14 } from "@tabler/icons-react";
 import { useState as useState53 } from "react";
-import { jsx as jsx194, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx195, jsxs as jsxs111 } from "react/jsx-runtime";
 function TagsInput({
   className,
   value,
@@ -23019,8 +23253,8 @@ function TagsInput({
                   disabled,
                   className: "cn-combobox-chip-remove",
                   children: [
-                    /* @__PURE__ */ jsx194("span", { className: "sr-only", children: "Remove" }),
-                    /* @__PURE__ */ jsx194(IconX14, { className: "size-3" })
+                    /* @__PURE__ */ jsx195("span", { className: "sr-only", children: "Remove" }),
+                    /* @__PURE__ */ jsx195(IconX14, { className: "size-3" })
                   ]
                 }
               )
@@ -23028,7 +23262,7 @@ function TagsInput({
           },
           allowDuplicates ? `${tag}-${index}` : tag
         )),
-        /* @__PURE__ */ jsx194(
+        /* @__PURE__ */ jsx195(
           "input",
           {
             type: "text",
@@ -23047,7 +23281,7 @@ function TagsInput({
 
 // src/components/ui/text-input.tsx
 import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx195, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx196, jsxs as jsxs112 } from "react/jsx-runtime";
 var TextInput = forwardRef16(
   ({
     label,
@@ -23082,8 +23316,8 @@ var TextInput = forwardRef16(
         disabled,
         className: cn(size && groupSizeClasses[size]),
         children: [
-          leftSection && /* @__PURE__ */ jsx195(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
-          /* @__PURE__ */ jsx195(
+          leftSection && /* @__PURE__ */ jsx196(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
+          /* @__PURE__ */ jsx196(
             InputGroupInput,
             {
               ref,
@@ -23094,7 +23328,7 @@ var TextInput = forwardRef16(
               ...inputProps
             }
           ),
-          rightSection && /* @__PURE__ */ jsx195(
+          rightSection && /* @__PURE__ */ jsx196(
             InputGroupAddon,
             {
               align: "inline-end",
@@ -23110,7 +23344,7 @@ var TextInput = forwardRef16(
     if (!hasWrapper) {
       return inputElement;
     }
-    return /* @__PURE__ */ jsx195(
+    return /* @__PURE__ */ jsx196(
       InputWrapper,
       {
         label,
@@ -23133,7 +23367,7 @@ TextInput.displayName = "TextInput";
 
 // src/components/ui/theme-icon.tsx
 import { cva as cva25 } from "class-variance-authority";
-import { jsx as jsx196 } from "react/jsx-runtime";
+import { jsx as jsx197 } from "react/jsx-runtime";
 var themeIconVariants = cva25(
   "cn-theme-icon inline-flex items-center justify-center shrink-0 transition-colors",
   {
@@ -23266,7 +23500,7 @@ function ThemeIcon({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx196(
+  return /* @__PURE__ */ jsx197(
     "div",
     {
       "data-slot": "theme-icon",
@@ -23281,9 +23515,9 @@ function ThemeIcon({
 }
 
 // src/components/ui/timeline.tsx
-import { jsx as jsx197 } from "react/jsx-runtime";
+import { jsx as jsx198 } from "react/jsx-runtime";
 function Timeline({ className, ...props }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "ol",
     {
       "data-slot": "timeline",
@@ -23293,7 +23527,7 @@ function Timeline({ className, ...props }) {
   );
 }
 function TimelineItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "li",
     {
       "data-slot": "timeline-item",
@@ -23307,7 +23541,7 @@ function TimelineDot({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "div",
     {
       "data-slot": "timeline-dot",
@@ -23318,7 +23552,7 @@ function TimelineDot({
   );
 }
 function TimelineContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "div",
     {
       "data-slot": "timeline-content",
@@ -23332,13 +23566,13 @@ function TimelineTitle({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "h3",
     {
       "data-slot": "timeline-title",
       className: cn("cn-timeline-title", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx197("span", { className: "sr-only", children: "Timeline item" })
+      children: children ?? /* @__PURE__ */ jsx198("span", { className: "sr-only", children: "Timeline item" })
     }
   );
 }
@@ -23346,7 +23580,7 @@ function TimelineDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "p",
     {
       "data-slot": "timeline-description",
@@ -23356,7 +23590,7 @@ function TimelineDescription({
   );
 }
 function TimelineTime({ className, ...props }) {
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     "time",
     {
       "data-slot": "timeline-time",
@@ -23368,7 +23602,7 @@ function TimelineTime({ className, ...props }) {
 
 // src/components/ui/title.tsx
 import { cva as cva26 } from "class-variance-authority";
-import { jsx as jsx198 } from "react/jsx-runtime";
+import { jsx as jsx199 } from "react/jsx-runtime";
 var titleVariants = cva26("font-semibold tracking-tight text-pretty", {
   variants: {
     order: {
@@ -23419,7 +23653,7 @@ function Title({
   ...props
 }) {
   const Component = `h${order}`;
-  return /* @__PURE__ */ jsx198(
+  return /* @__PURE__ */ jsx199(
     Component,
     {
       "data-slot": "title",
@@ -23436,7 +23670,7 @@ function Title({
 // src/components/ui/toggle.tsx
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
 import { cva as cva27 } from "class-variance-authority";
-import { jsx as jsx199 } from "react/jsx-runtime";
+import { jsx as jsx200 } from "react/jsx-runtime";
 var toggleVariants = cva27(
   'cn-toggle inline-flex items-center justify-center gap-2 whitespace-nowrap border border-transparent outline-none transition-colors [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 [&_svg]:shrink-0',
   {
@@ -23463,7 +23697,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx199(
+  return /* @__PURE__ */ jsx200(
     TogglePrimitive,
     {
       "data-slot": "toggle",
@@ -23477,7 +23711,7 @@ function Toggle({
 import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
 import * as React16 from "react";
-import { jsx as jsx200 } from "react/jsx-runtime";
+import { jsx as jsx201 } from "react/jsx-runtime";
 var ToggleGroupContext = React16.createContext({
   size: "default",
   variant: "default",
@@ -23491,7 +23725,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx200(
+  return /* @__PURE__ */ jsx201(
     ToggleGroupPrimitive,
     {
       "data-slot": "toggle-group",
@@ -23504,7 +23738,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx200(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx201(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     }
   );
 }
@@ -23516,7 +23750,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React16.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx200(
+  return /* @__PURE__ */ jsx201(
     TogglePrimitive2,
     {
       "data-slot": "toggle-group-item",
@@ -23538,8 +23772,8 @@ function ToggleGroupItem({
 }
 
 // src/components/ui/transition.tsx
-import { useEffect as useEffect30, useState as useState54 } from "react";
-import { Fragment as Fragment30, jsx as jsx201 } from "react/jsx-runtime";
+import { useEffect as useEffect31, useState as useState54 } from "react";
+import { Fragment as Fragment30, jsx as jsx202 } from "react/jsx-runtime";
 var TRANSITIONS = {
   fade: {
     in: { opacity: 1 },
@@ -23597,7 +23831,7 @@ function useTransitionState(mounted, duration, exitDuration, timingFunction, onE
     mounted ? "entered" : "exited"
   );
   const [displayDuration, setDisplayDuration] = useState54(duration);
-  useEffect30(() => {
+  useEffect31(() => {
     if (mounted) {
       setDisplayDuration(duration);
       const t12 = setTimeout(() => {
@@ -23679,7 +23913,7 @@ function Transition({
   const t = TRANSITIONS[transition];
   if (!t) {
     if (mounted) {
-      return /* @__PURE__ */ jsx201(Fragment30, { children: children({}) });
+      return /* @__PURE__ */ jsx202(Fragment30, { children: children({}) });
     }
     if (keepMounted) {
       return children({ display: "none" });
@@ -23705,13 +23939,13 @@ function Transition({
     transitionDuration: `${d}ms`,
     transitionTimingFunction: tf
   };
-  return /* @__PURE__ */ jsx201(Fragment30, { children: children(styles) });
+  return /* @__PURE__ */ jsx202(Fragment30, { children: children(styles) });
 }
 
 // src/components/ui/tree.tsx
 import { IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 import { useState as useState55 } from "react";
-import { jsx as jsx202, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx203, jsxs as jsxs113 } from "react/jsx-runtime";
 function Tree({
   className,
   data,
@@ -23747,14 +23981,14 @@ function Tree({
       onSelectedValueChange?.(node.value);
     }
   };
-  return /* @__PURE__ */ jsx202(
+  return /* @__PURE__ */ jsx203(
     "div",
     {
       "data-slot": "tree",
       role: "tree",
       className: cn("cn-tree", className),
       ...props,
-      children: data.map((node) => /* @__PURE__ */ jsx202(
+      children: data.map((node) => /* @__PURE__ */ jsx203(
         TreeNode,
         {
           node,
@@ -23808,21 +24042,21 @@ function TreeNode({
             style: { paddingLeft: `${level * levelOffset + 4}px` },
             onClick: () => handleNodeClick(node, hasChildren),
             children: [
-              hasChildren ? /* @__PURE__ */ jsx202(
+              hasChildren ? /* @__PURE__ */ jsx203(
                 "span",
                 {
                   className: cn(
                     "cn-tree-node-chevron text-muted-foreground flex shrink-0 transition-transform",
                     expanded && "rotate-90"
                   ),
-                  children: /* @__PURE__ */ jsx202(IconChevronRight11, { className: "size-4" })
+                  children: /* @__PURE__ */ jsx203(IconChevronRight11, { className: "size-4" })
                 }
-              ) : /* @__PURE__ */ jsx202("span", { "aria-hidden": true, className: "cn-tree-node-spacer w-4 shrink-0" }),
-              /* @__PURE__ */ jsx202("span", { className: "cn-tree-node-label min-w-0 flex-1 truncate", children: label })
+              ) : /* @__PURE__ */ jsx203("span", { "aria-hidden": true, className: "cn-tree-node-spacer w-4 shrink-0" }),
+              /* @__PURE__ */ jsx203("span", { className: "cn-tree-node-label min-w-0 flex-1 truncate", children: label })
             ]
           }
         ),
-        hasChildren && expanded && node.children && /* @__PURE__ */ jsx202("fieldset", { className: "cn-tree-node-children list-none border-0 p-0 m-0 min-w-0", children: node.children.map((child) => /* @__PURE__ */ jsx202(
+        hasChildren && expanded && node.children && /* @__PURE__ */ jsx203("fieldset", { className: "cn-tree-node-children list-none border-0 p-0 m-0 min-w-0", children: node.children.map((child) => /* @__PURE__ */ jsx203(
           TreeNode,
           {
             node: child,
@@ -24140,6 +24374,7 @@ export {
   MonthPickerContent,
   MonthPickerInput,
   MultiSelect,
+  NProgress,
   NativeSelect,
   NativeSelectBase,
   NavLink,
@@ -24317,11 +24552,14 @@ export {
   buttonVariants,
   chipVariants,
   codeVariants,
+  completeNProgress,
+  configureNProgress,
   containerVariants,
   dateToIsoDate,
   formatDateWithPattern,
   gridColVariants,
   gridVariants,
+  incrementNProgress,
   indicatorVariants,
   isSameDay2 as isSameDay,
   isoDateToDate,
@@ -24332,7 +24570,11 @@ export {
   parseDateWithPattern,
   parseLooseDateString,
   pillVariants,
+  resetNProgress,
+  setNProgress,
+  setNProgressStep,
   simpleGridVariants,
+  startNProgress,
   stripTime2 as stripTime,
   tabsListVariants,
   textVariants,