@mesob/ui 0.3.5 → 0.4.0

package/dist/components.js

@@ -1692,7 +1692,7 @@ function AppHeaderActions({
   }
   const initials = user?.fullName?.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "U";
   const displayName = user?.fullName ?? "Account";
-  const displaySubtext = user?.email ?? user?.phone ?? user?.handle ?? "";
+  const displaySubtext = user?.email ?? user?.phone ?? "";
   return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ jsx16(SpotlightSearch, { groups: searchGroups }),
     actions,
@@ -13287,6 +13287,1182 @@ function DataTableViewOptions({
   ] });
 }
 
+// src/components/ui/date-time/datetime-picker.tsx
+import { forwardRef as forwardRef6 } from "react";
+
+// src/components/ui/date-time/constants.ts
+var MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var MONTHS_SHORT = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var WEEKDAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+var EC_MONTHS = [
+  "Meskerem",
+  "Tikimt",
+  "Hidar",
+  "Tahsas",
+  "Tir",
+  "Yekatit",
+  "Megabit",
+  "Miyazia",
+  "Ginbot",
+  "Sene",
+  "Hamle",
+  "Nehase",
+  "Pagume"
+];
+var EC_MONTHS_SHORT = [
+  "Mes",
+  "Tik",
+  "Hid",
+  "Tah",
+  "Tir",
+  "Yek",
+  "Meg",
+  "Miy",
+  "Gin",
+  "Sen",
+  "Ham",
+  "Neh",
+  "Pag"
+];
+var JD_EPOCH_OFFSET_AMETE_MIHRET = 1723856;
+var TRIGGER_SIZE_CLASSES = {
+  sm: "h-8 px-3 py-1.5 pr-8 text-xs",
+  md: "h-10 px-3.5 py-2 pr-10 text-sm",
+  lg: "h-11 px-4 py-2.5 pr-11 text-sm",
+  xl: "h-12 px-4 py-3 pr-12 text-base"
+};
+var TRIGGER_RADIUS_CLASSES = {
+  sm: "rounded",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl"
+};
+
+// src/components/ui/date-time/date-utils.ts
+function gregorianToJDN(year, month, day) {
+  const a = Math.floor((14 - month) / 12);
+  const y = year + 4800 - a;
+  const m = month + 12 * a - 3;
+  return day + Math.floor((153 * m + 2) / 5) + 365 * y + Math.floor(y / 4) - Math.floor(y / 100) + Math.floor(y / 400) - 32045;
+}
+function jdnToGregorian(jdn) {
+  const j = jdn + 32044;
+  const g = Math.floor(j / 146097);
+  const dg = j % 146097;
+  const c = Math.floor((Math.floor(dg / 36524) + 1) * 3 / 4);
+  const dc = dg - c * 36524;
+  const b = Math.floor(dc / 1461);
+  const db = dc % 1461;
+  const a = Math.floor((Math.floor(db / 365) + 1) * 3 / 4);
+  const da = db - a * 365;
+  const y = g * 400 + c * 100 + b * 4 + a;
+  const m = Math.floor((da * 5 + 308) / 153) - 2;
+  const d = da - Math.floor((m + 4) * 153 / 5) + 122;
+  const year = y - 4800 + Math.floor((m + 2) / 12);
+  const month = (m + 2) % 12 + 1;
+  const day = d + 1;
+  return [year, month, day];
+}
+function ethiopicToJDN(year, month, day) {
+  return JD_EPOCH_OFFSET_AMETE_MIHRET + 365 + 365 * (year - 1) + Math.floor(year / 4) + 30 * month + day - 31;
+}
+function jdnToEthiopic(jdn) {
+  const offset = jdn - JD_EPOCH_OFFSET_AMETE_MIHRET;
+  const r = (offset % 1461 + 1461) % 1461;
+  const n = r % 365 + 365 * Math.floor(r / 1460);
+  const year = 4 * Math.floor(offset / 1461) + Math.floor(r / 365) - Math.floor(r / 1460);
+  const month = Math.floor(n / 30) + 1;
+  const day = n % 30 + 1;
+  return [year, month, day];
+}
+function toEC(gcYear, gcMonth, gcDay) {
+  return jdnToEthiopic(gregorianToJDN(gcYear, gcMonth, gcDay));
+}
+function toGC(ecYear, ecMonth, ecDay) {
+  return jdnToGregorian(ethiopicToJDN(ecYear, ecMonth, ecDay));
+}
+function isEthLeapYear(year) {
+  return year % 4 === 3;
+}
+function ecDaysInMonth(ecYear, ecMonth) {
+  if (ecMonth !== 13) {
+    return 30;
+  }
+  return isEthLeapYear(ecYear) ? 6 : 5;
+}
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getStartDay(year, month) {
+  const d = new Date(year, month, 1).getDay();
+  return d === 0 ? 6 : d - 1;
+}
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+
+// src/components/ui/date-time/dropdown-content.tsx
+import { Fragment as Fragment22, jsx as jsx128, jsxs as jsxs80 } from "react/jsx-runtime";
+var ChevronLeft = /* @__PURE__ */ jsx128(
+  "svg",
+  {
+    className: "size-4",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    children: /* @__PURE__ */ jsx128("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" })
+  }
+);
+var ChevronRight = /* @__PURE__ */ jsx128(
+  "svg",
+  {
+    className: "size-4",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    children: /* @__PURE__ */ jsx128("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+  }
+);
+var CheckIcon = /* @__PURE__ */ jsx128(
+  "svg",
+  {
+    className: "size-4",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2.5,
+    children: /* @__PURE__ */ jsx128("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+  }
+);
+function DateTimeDropdownContent({
+  presets,
+  onPresetClick,
+  view,
+  calendarType,
+  value,
+  headerLabel,
+  cells,
+  years,
+  decadeStart,
+  ecViewYear,
+  gcViewYear,
+  onPrev,
+  onNext,
+  onHeaderClick,
+  onDayClick,
+  onMonthSelect,
+  onYearSelect,
+  onCalendarTypeChange,
+  timeH,
+  timeM,
+  timeS,
+  timeFocus,
+  withSeconds,
+  onTimeFocus,
+  onTimeBlur,
+  onTimeHChange,
+  onTimeMChange,
+  onTimeSChange,
+  onConfirm,
+  hasPresets
+}) {
+  const monthShortList = calendarType === "EC" ? EC_MONTHS_SHORT : MONTHS_SHORT;
+  return /* @__PURE__ */ jsxs80("div", { className: "flex", children: [
+    hasPresets && presets?.length ? /* @__PURE__ */ jsx128("div", { className: "flex flex-col gap-0.5 border-r border-border py-2 pl-2 pr-1", children: presets.map((preset) => /* @__PURE__ */ jsx128(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPresetClick?.(preset),
+        className: "rounded-md px-2.5 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-muted",
+        children: preset.label
+      },
+      preset.label
+    )) }) : null,
+    /* @__PURE__ */ jsxs80(
+      "div",
+      {
+        className: cn("p-3", hasPresets && presets?.length && "min-w-0 flex-1"),
+        children: [
+          /* @__PURE__ */ jsxs80("div", { className: "mb-2 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: onPrev,
+                className: "flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted",
+                children: ChevronLeft
+              }
+            ),
+            /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: onHeaderClick,
+                className: "rounded px-3 py-1 text-sm font-semibold text-foreground transition-colors hover:bg-muted",
+                children: headerLabel
+              }
+            ),
+            /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: onNext,
+                className: "flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted",
+                children: ChevronRight
+              }
+            )
+          ] }),
+          view === "days" && /* @__PURE__ */ jsxs80(Fragment22, { children: [
+            /* @__PURE__ */ jsx128("div", { className: "mb-0.5 grid grid-cols-7", children: WEEKDAYS.map((wd, i) => /* @__PURE__ */ jsx128(
+              "div",
+              {
+                className: cn(
+                  "select-none py-1.5 text-center text-xs font-medium",
+                  i >= 5 ? "text-destructive/80" : "text-muted-foreground"
+                ),
+                children: wd
+              },
+              wd
+            )) }),
+            /* @__PURE__ */ jsx128("div", { className: "grid grid-cols-7", children: cells.map((cell) => /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: () => onDayClick(cell),
+                className: cn(
+                  "flex size-9 items-center justify-center rounded-full text-sm transition-colors",
+                  cell.isSelected && "bg-primary font-medium text-primary-foreground ring-2 ring-primary/30",
+                  !cell.isSelected && cell.isToday && !value && "bg-primary font-semibold text-primary-foreground",
+                  !cell.isSelected && cell.isToday && !!value && "font-semibold text-foreground",
+                  !(cell.isSelected || cell.isToday) && cell.current && cell.weekend && "text-destructive/80 hover:bg-muted",
+                  !(cell.isSelected || cell.isToday) && cell.current && !cell.weekend && "text-foreground hover:bg-muted",
+                  !(cell.isSelected || cell.current) && "text-muted-foreground hover:bg-muted/50"
+                ),
+                children: cell.day
+              },
+              `${cell.gcDate.getTime()}-${cell.day}-${cell.month}-${cell.year}`
+            )) })
+          ] }),
+          view === "months" && /* @__PURE__ */ jsx128("div", { className: "grid grid-cols-3 gap-1 py-2", children: monthShortList.map((m, i) => {
+            const sel = calendarType === "EC" ? (() => {
+              if (!value) {
+                return false;
+              }
+              const [ecYear, ecMonth] = toEC(
+                value.getFullYear(),
+                value.getMonth() + 1,
+                value.getDate()
+              );
+              return ecMonth === i + 1 && ecYear === ecViewYear;
+            })() : !!(value && value.getMonth() === i && value.getFullYear() === gcViewYear);
+            return /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: () => onMonthSelect(i),
+                className: cn(
+                  "rounded py-3 text-sm transition-colors",
+                  sel ? "bg-primary font-medium text-primary-foreground" : "text-foreground hover:bg-muted"
+                ),
+                children: m
+              },
+              m
+            );
+          }) }),
+          view === "years" && /* @__PURE__ */ jsx128("div", { className: "grid grid-cols-3 gap-1 py-2", children: years.map((y) => {
+            const inRange = y >= decadeStart && y <= decadeStart + 9;
+            const sel = calendarType === "EC" ? (() => {
+              if (!value) {
+                return false;
+              }
+              const [ecYear] = toEC(
+                value.getFullYear(),
+                value.getMonth() + 1,
+                value.getDate()
+              );
+              return ecYear === y;
+            })() : !!(value && value.getFullYear() === y);
+            return /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: () => onYearSelect(y),
+                className: cn(
+                  "rounded py-3 text-sm transition-colors",
+                  sel && "bg-primary font-medium text-primary-foreground",
+                  !sel && inRange && "text-foreground hover:bg-muted",
+                  !(sel || inRange) && "text-muted-foreground hover:bg-muted/50"
+                ),
+                children: y
+              },
+              y
+            );
+          }) }),
+          /* @__PURE__ */ jsxs80("div", { className: "mt-2 flex items-center gap-2 border-t border-border pt-2", children: [
+            /* @__PURE__ */ jsxs80("div", { className: "flex flex-1 items-center gap-0.5 rounded border border-input bg-background px-2.5 py-0", children: [
+              /* @__PURE__ */ jsx128(
+                "input",
+                {
+                  type: "text",
+                  inputMode: "numeric",
+                  value: timeFocus === "h" ? timeH : timeH || "--",
+                  onFocus: (e) => {
+                    onTimeFocus("h");
+                    e.target.select();
+                  },
+                  onBlur: () => onTimeBlur("h"),
+                  onChange: (e) => onTimeHChange(e.target.value.replace(/\D/g, "").slice(0, 2)),
+                  className: "w-6 shrink-0 border-0 bg-transparent text-center text-sm text-foreground outline-none"
+                }
+              ),
+              /* @__PURE__ */ jsx128("span", { className: "select-none px-1 text-sm text-muted-foreground", children: ":" }),
+              /* @__PURE__ */ jsx128(
+                "input",
+                {
+                  type: "text",
+                  inputMode: "numeric",
+                  value: timeFocus === "m" ? timeM : timeM || "--",
+                  onFocus: (e) => {
+                    onTimeFocus("m");
+                    e.target.select();
+                  },
+                  onBlur: () => onTimeBlur("m"),
+                  onChange: (e) => onTimeMChange(e.target.value.replace(/\D/g, "").slice(0, 2)),
+                  className: "w-6 shrink-0 border-0 bg-transparent text-center text-sm text-foreground outline-none"
+                }
+              ),
+              withSeconds && /* @__PURE__ */ jsxs80(Fragment22, { children: [
+                /* @__PURE__ */ jsx128("span", { className: "select-none px-1 text-sm text-muted-foreground", children: ":" }),
+                /* @__PURE__ */ jsx128(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    value: timeFocus === "s" ? timeS : timeS || "--",
+                    onFocus: (e) => {
+                      onTimeFocus("s");
+                      e.target.select();
+                    },
+                    onBlur: () => onTimeBlur("s"),
+                    onChange: (e) => onTimeSChange(e.target.value.replace(/\D/g, "").slice(0, 2)),
+                    className: "w-6 shrink-0 border-0 bg-transparent text-center text-sm text-foreground outline-none"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: onConfirm,
+                className: "flex size-8 shrink-0 items-center justify-center rounded border border-border text-muted-foreground transition-colors hover:bg-muted",
+                children: CheckIcon
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs80("div", { className: "mt-2 flex items-center justify-end gap-1 border-t border-border pt-2", children: [
+            /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: () => onCalendarTypeChange("GC"),
+                className: cn(
+                  "rounded px-2.5 py-1 text-xs font-medium transition-colors",
+                  calendarType === "GC" ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+                ),
+                children: "GC"
+              }
+            ),
+            /* @__PURE__ */ jsx128(
+              "button",
+              {
+                type: "button",
+                onClick: () => onCalendarTypeChange("EC"),
+                className: cn(
+                  "rounded px-2.5 py-1 text-xs font-medium transition-colors",
+                  calendarType === "EC" ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+                ),
+                children: "EC"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/ui/date-time/trigger-button.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { jsx as jsx129 } from "react/jsx-runtime";
+var DateTimeTriggerButton = forwardRef5(function DateTimeTriggerButton2({
+  value,
+  placeholder,
+  valueFormat,
+  formatDisplay,
+  disabled,
+  error,
+  open,
+  size,
+  radius,
+  "aria-label": ariaLabel
+}, ref) {
+  return /* @__PURE__ */ jsx129(
+    "button",
+    {
+      ref,
+      type: "button",
+      disabled,
+      "aria-label": ariaLabel,
+      "aria-invalid": !!error || void 0,
+      className: cn(
+        "w-full border pr-10 text-left transition-colors focus:outline-none",
+        TRIGGER_SIZE_CLASSES[size],
+        TRIGGER_RADIUS_CLASSES[radius],
+        disabled && "cursor-not-allowed border-border bg-muted/50 text-muted-foreground",
+        !(disabled || error) && "cursor-pointer border-input bg-background text-foreground hover:border-primary/50",
+        !disabled && error && "cursor-pointer border-destructive bg-background text-foreground ring-1 ring-destructive/20",
+        open && !disabled && !error && "border-primary ring-1 ring-primary/20"
+      ),
+      children: value ? /* @__PURE__ */ jsx129("span", { className: "text-foreground", children: valueFormat ? valueFormat(value) : formatDisplay(value) }) : /* @__PURE__ */ jsx129("span", { className: error ? "text-destructive" : "text-muted-foreground", children: placeholder })
+    }
+  );
+});
+
+// src/components/ui/date-time/use-datetime-picker.ts
+import { useCallback as useCallback10, useEffect as useEffect15, useRef as useRef15, useState as useState33 } from "react";
+
+// src/components/ui/date-time/calendar-cells.ts
+function buildGCCells({
+  gcViewYear,
+  gcViewMonth,
+  value,
+  now
+}) {
+  const daysInCur = getDaysInMonth(gcViewYear, gcViewMonth);
+  const startDay = getStartDay(gcViewYear, gcViewMonth);
+  const prevMo = gcViewMonth === 0 ? 11 : gcViewMonth - 1;
+  const prevYr = gcViewMonth === 0 ? gcViewYear - 1 : gcViewYear;
+  const daysInPrev = getDaysInMonth(prevYr, prevMo);
+  const nextMo = gcViewMonth === 11 ? 0 : gcViewMonth + 1;
+  const nextYr = gcViewMonth === 11 ? gcViewYear + 1 : gcViewYear;
+  const cells = [];
+  for (let i = startDay - 1; i >= 0; i--) {
+    const day = daysInPrev - i;
+    const date = new Date(prevYr, prevMo, day);
+    const col = cells.length % 7;
+    cells.push({
+      gcDate: date,
+      day,
+      month: prevMo,
+      year: prevYr,
+      current: false,
+      weekend: col >= 5,
+      isToday: false,
+      isSelected: false
+    });
+  }
+  for (let day = 1; day <= daysInCur; day++) {
+    const date = new Date(gcViewYear, gcViewMonth, day);
+    const col = cells.length % 7;
+    cells.push({
+      gcDate: date,
+      day,
+      month: gcViewMonth,
+      year: gcViewYear,
+      current: true,
+      weekend: col >= 5,
+      isToday: day === now.getDate() && gcViewMonth === now.getMonth() && gcViewYear === now.getFullYear(),
+      isSelected: !!(value && day === value.getDate() && gcViewMonth === value.getMonth() && gcViewYear === value.getFullYear())
+    });
+  }
+  const totalNeeded = Math.ceil(cells.length / 7) * 7;
+  let nd = 1;
+  while (cells.length < totalNeeded) {
+    const date = new Date(nextYr, nextMo, nd);
+    const col = cells.length % 7;
+    cells.push({
+      gcDate: date,
+      day: nd,
+      month: nextMo,
+      year: nextYr,
+      current: false,
+      weekend: col >= 5,
+      isToday: false,
+      isSelected: false
+    });
+    nd++;
+  }
+  return cells;
+}
+function buildECCells({
+  ecViewYear,
+  ecViewMonth,
+  value,
+  now
+}) {
+  const daysInCur = ecDaysInMonth(ecViewYear, ecViewMonth);
+  const [gcy, gcm] = toGC(ecViewYear, ecViewMonth, 1);
+  const startDay = getStartDay(gcy, gcm - 1);
+  const prevMo = ecViewMonth === 1 ? 13 : ecViewMonth - 1;
+  const prevYr = ecViewMonth === 1 ? ecViewYear - 1 : ecViewYear;
+  const daysInPrev = ecDaysInMonth(prevYr, prevMo);
+  const nextMo = ecViewMonth === 13 ? 1 : ecViewMonth + 1;
+  const nextYr = ecViewMonth === 13 ? ecViewYear + 1 : ecViewYear;
+  const cells = [];
+  for (let i = startDay - 1; i >= 0; i--) {
+    const day = daysInPrev - i;
+    const [yy, mm, dd] = toGC(prevYr, prevMo, day);
+    const date = new Date(yy, mm - 1, dd);
+    const col = cells.length % 7;
+    cells.push({
+      gcDate: date,
+      day,
+      month: prevMo,
+      year: prevYr,
+      current: false,
+      weekend: col >= 5,
+      isToday: false,
+      isSelected: false
+    });
+  }
+  for (let day = 1; day <= daysInCur; day++) {
+    const [yy, mm, dd] = toGC(ecViewYear, ecViewMonth, day);
+    const date = new Date(yy, mm - 1, dd);
+    const col = cells.length % 7;
+    const [todayY, todayM, todayD] = toEC(
+      now.getFullYear(),
+      now.getMonth() + 1,
+      now.getDate()
+    );
+    const [selY, selM, selD] = value ? toEC(value.getFullYear(), value.getMonth() + 1, value.getDate()) : [0, 0, 0];
+    cells.push({
+      gcDate: date,
+      day,
+      month: ecViewMonth,
+      year: ecViewYear,
+      current: true,
+      weekend: col >= 5,
+      isToday: day === todayD && ecViewMonth === todayM && ecViewYear === todayY,
+      isSelected: !!value && day === selD && ecViewMonth === selM && ecViewYear === selY
+    });
+  }
+  const totalNeeded = Math.ceil(cells.length / 7) * 7;
+  let nd = 1;
+  while (cells.length < totalNeeded) {
+    const [yy, mm, dd] = toGC(nextYr, nextMo, nd);
+    const date = new Date(yy, mm - 1, dd);
+    const col = cells.length % 7;
+    cells.push({
+      gcDate: date,
+      day: nd,
+      month: nextMo,
+      year: nextYr,
+      current: false,
+      weekend: col >= 5,
+      isToday: false,
+      isSelected: false
+    });
+    nd++;
+  }
+  return cells;
+}
+function buildCells(calendarType, gcParams, ecParams) {
+  return calendarType === "EC" ? buildECCells(ecParams) : buildGCCells(gcParams);
+}
+function buildYears(activeViewYear) {
+  const start = Math.floor(activeViewYear / 10) * 10;
+  return Array.from({ length: 12 }, (_, i) => start - 1 + i);
+}
+function getDecadeStart(activeViewYear) {
+  return Math.floor(activeViewYear / 10) * 10;
+}
+
+// src/components/ui/date-time/format-display.ts
+function formatDateTimeDisplay(d, calendarType, withSeconds) {
+  const [ecYear, ecMonth, ecDay] = toEC(
+    d.getFullYear(),
+    d.getMonth() + 1,
+    d.getDate()
+  );
+  const dd = calendarType === "EC" ? pad2(ecDay) : pad2(d.getDate());
+  const mm = calendarType === "EC" ? pad2(ecMonth) : pad2(d.getMonth() + 1);
+  const yyyy = calendarType === "EC" ? ecYear : d.getFullYear();
+  const hh = pad2(d.getHours());
+  const min = pad2(d.getMinutes());
+  const sec = pad2(d.getSeconds());
+  return `${dd}/${mm}/${yyyy} ${hh}:${min}${withSeconds ? `:${sec}` : ""}`;
+}
+
+// src/components/ui/date-time/time-utils.ts
+function clampAndPad(raw, max) {
+  if (!raw) {
+    return "";
+  }
+  let n = Number.parseInt(raw, 10) || 0;
+  n = Math.max(0, Math.min(n, max));
+  return pad2(n);
+}
+
+// src/components/ui/date-time/use-datetime-picker.ts
+function useDateTimePicker(props) {
+  const {
+    value: controlledValue,
+    defaultValue = null,
+    onChange,
+    withSeconds = false
+  } = props;
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = useState33(defaultValue);
+  const value = isControlled ? controlledValue : internalValue;
+  const [open, setOpen] = useState33(false);
+  const [view, setView] = useState33("days");
+  const [calendarType, setCalendarType] = useState33("GC");
+  const now = /* @__PURE__ */ new Date();
+  const [gcViewYear, setGcViewYear] = useState33(
+    value?.getFullYear() ?? now.getFullYear()
+  );
+  const [gcViewMonth, setGcViewMonth] = useState33(
+    value?.getMonth() ?? now.getMonth()
+  );
+  const initialEC = toEC(now.getFullYear(), now.getMonth() + 1, now.getDate());
+  const [ecViewYear, setEcViewYear] = useState33(initialEC[0]);
+  const [ecViewMonth, setEcViewMonth] = useState33(initialEC[1]);
+  const [timeH, setTimeH] = useState33(value ? pad2(value.getHours()) : "");
+  const [timeM, setTimeM] = useState33(value ? pad2(value.getMinutes()) : "");
+  const [timeS, setTimeS] = useState33(value ? pad2(value.getSeconds()) : "");
+  const [timeFocus, setTimeFocus] = useState33(null);
+  const triggerRef = useRef15(null);
+  const [contentSide, setContentSide] = useState33("bottom");
+  const updatePreferredSide = useCallback10(() => {
+    if (!triggerRef.current) {
+      return;
+    }
+    const rect = triggerRef.current.getBoundingClientRect();
+    setContentSide(rect.top > window.innerHeight / 2 ? "top" : "bottom");
+  }, []);
+  useEffect15(() => {
+    if (!value) {
+      return;
+    }
+    setGcViewYear(value.getFullYear());
+    setGcViewMonth(value.getMonth());
+    const [ecYear, ecMonth] = toEC(
+      value.getFullYear(),
+      value.getMonth() + 1,
+      value.getDate()
+    );
+    setEcViewYear(ecYear);
+    setEcViewMonth(ecMonth);
+  }, [value]);
+  const updateValue = useCallback10(
+    (date) => {
+      if (!isControlled) {
+        setInternalValue(date);
+      }
+      onChange?.(date);
+    },
+    [isControlled, onChange]
+  );
+  const activeViewYear = calendarType === "EC" ? ecViewYear : gcViewYear;
+  const decadeStart = getDecadeStart(activeViewYear);
+  const gcParams = { gcViewYear, gcViewMonth, value, now };
+  const ecParams = { ecViewYear, ecViewMonth, value, now };
+  const cells = buildCells(calendarType, gcParams, ecParams);
+  const years = buildYears(activeViewYear);
+  const headerLabel = () => {
+    const monthLabel = calendarType === "EC" ? EC_MONTHS[ecViewMonth - 1] : MONTHS[gcViewMonth];
+    if (view === "days") {
+      return `${monthLabel} ${activeViewYear}`;
+    }
+    if (view === "months") {
+      return String(activeViewYear);
+    }
+    return `${decadeStart} \u2013 ${decadeStart + 9}`;
+  };
+  const formatDisplay = useCallback10(
+    (d) => formatDateTimeDisplay(d, calendarType, withSeconds),
+    [calendarType, withSeconds]
+  );
+  function handleDayClick(cell) {
+    const h = timeH ? Math.min(Number.parseInt(timeH, 10) || 0, 23) : 0;
+    const m = timeM ? Math.min(Number.parseInt(timeM, 10) || 0, 59) : 0;
+    const s = withSeconds && timeS ? Math.min(Number.parseInt(timeS, 10) || 0, 59) : 0;
+    const selected = new Date(
+      cell.gcDate.getFullYear(),
+      cell.gcDate.getMonth(),
+      cell.gcDate.getDate(),
+      h,
+      m,
+      s
+    );
+    updateValue(selected);
+    setGcViewMonth(selected.getMonth());
+    setGcViewYear(selected.getFullYear());
+    const [ecYear, ecMonth] = toEC(
+      selected.getFullYear(),
+      selected.getMonth() + 1,
+      selected.getDate()
+    );
+    setEcViewYear(ecYear);
+    setEcViewMonth(ecMonth);
+    if (!timeH) {
+      setTimeH("00");
+    }
+    if (!timeM) {
+      setTimeM("00");
+    }
+    if (withSeconds && !timeS) {
+      setTimeS("00");
+    }
+  }
+  function handleMonthSelect(i) {
+    if (calendarType === "EC") {
+      setEcViewMonth(i + 1);
+    } else {
+      setGcViewMonth(i);
+    }
+    setView("days");
+  }
+  function handleYearSelect(y) {
+    if (calendarType === "EC") {
+      setEcViewYear(y);
+    } else {
+      setGcViewYear(y);
+    }
+    setView("months");
+  }
+  function handlePrev() {
+    if (view === "days") {
+      if (calendarType === "EC") {
+        if (ecViewMonth === 1) {
+          setEcViewMonth(13);
+          setEcViewYear((y) => y - 1);
+        } else {
+          setEcViewMonth((m) => m - 1);
+        }
+      } else if (gcViewMonth === 0) {
+        setGcViewMonth(11);
+        setGcViewYear((y) => y - 1);
+      } else {
+        setGcViewMonth((m) => m - 1);
+      }
+    } else if (view === "months") {
+      if (calendarType === "EC") {
+        setEcViewYear((y) => y - 1);
+      } else {
+        setGcViewYear((y) => y - 1);
+      }
+    } else if (calendarType === "EC") {
+      setEcViewYear((y) => y - 10);
+    } else {
+      setGcViewYear((y) => y - 10);
+    }
+  }
+  function handleNext() {
+    if (view === "days") {
+      if (calendarType === "EC") {
+        if (ecViewMonth === 13) {
+          setEcViewMonth(1);
+          setEcViewYear((y) => y + 1);
+        } else {
+          setEcViewMonth((m) => m + 1);
+        }
+      } else if (gcViewMonth === 11) {
+        setGcViewMonth(0);
+        setGcViewYear((y) => y + 1);
+      } else {
+        setGcViewMonth((m) => m + 1);
+      }
+    } else if (view === "months") {
+      if (calendarType === "EC") {
+        setEcViewYear((y) => y + 1);
+      } else {
+        setGcViewYear((y) => y + 1);
+      }
+    } else if (calendarType === "EC") {
+      setEcViewYear((y) => y + 10);
+    } else {
+      setGcViewYear((y) => y + 10);
+    }
+  }
+  function handleHeaderClick() {
+    if (view === "days") {
+      setView("months");
+    } else if (view === "months") {
+      setView("years");
+    }
+  }
+  function handleCalendarTypeChange(nextType) {
+    if (nextType === calendarType) {
+      return;
+    }
+    if (nextType === "EC") {
+      const source = value ?? new Date(gcViewYear, gcViewMonth, 1);
+      const [year, month] = toEC(
+        source.getFullYear(),
+        source.getMonth() + 1,
+        source.getDate()
+      );
+      setEcViewYear(year);
+      setEcViewMonth(month);
+    } else {
+      const source = value ?? (() => {
+        const [year, month, day] = toGC(ecViewYear, ecViewMonth, 1);
+        return new Date(year, month - 1, day);
+      })();
+      setGcViewYear(source.getFullYear());
+      setGcViewMonth(source.getMonth());
+    }
+    setCalendarType(nextType);
+    setView("days");
+  }
+  function handleTimeBlur(field) {
+    setTimeFocus(null);
+    const raw = { h: timeH, m: timeM, s: timeS }[field];
+    const max = field === "h" ? 23 : 59;
+    const padded = clampAndPad(raw, max);
+    if (field === "h") {
+      setTimeH(padded);
+    } else if (field === "m") {
+      setTimeM(padded);
+    } else {
+      setTimeS(padded);
+    }
+    if (value && padded) {
+      const d = new Date(value);
+      if (field === "h") {
+        d.setHours(Number.parseInt(padded, 10));
+      } else if (field === "m") {
+        d.setMinutes(Number.parseInt(padded, 10));
+      } else {
+        d.setSeconds(Number.parseInt(padded, 10));
+      }
+      updateValue(d);
+    }
+  }
+  function handleConfirm() {
+    if (value) {
+      const h = clampAndPad(timeH, 23);
+      const m = clampAndPad(timeM, 59);
+      const s = clampAndPad(timeS, 59);
+      if (h) {
+        setTimeH(h);
+      }
+      if (m) {
+        setTimeM(m);
+      }
+      if (withSeconds && s) {
+        setTimeS(s);
+      }
+      const d = new Date(value);
+      const secNum = withSeconds && s ? Number.parseInt(s, 10) : 0;
+      d.setHours(
+        h ? Number.parseInt(h, 10) : 0,
+        m ? Number.parseInt(m, 10) : 0,
+        withSeconds ? secNum : 0,
+        0
+      );
+      updateValue(d);
+    }
+    setOpen(false);
+    setView("days");
+    setTimeFocus(null);
+  }
+  const handleOpenChange = useCallback10(
+    (nextOpen) => {
+      if (nextOpen) {
+        const source = value ?? now;
+        setGcViewYear(source.getFullYear());
+        setGcViewMonth(source.getMonth());
+        const [ecYear, ecMonth] = toEC(
+          source.getFullYear(),
+          source.getMonth() + 1,
+          source.getDate()
+        );
+        setEcViewYear(ecYear);
+        setEcViewMonth(ecMonth);
+        setView("days");
+        updatePreferredSide();
+      } else {
+        setView("days");
+        setTimeFocus(null);
+      }
+      setOpen(nextOpen);
+    },
+    [now, updatePreferredSide, value]
+  );
+  function handlePresetClick(preset) {
+    const d = preset.value;
+    updateValue(d);
+    setTimeH(pad2(d.getHours()));
+    setTimeM(pad2(d.getMinutes()));
+    setTimeS(pad2(d.getSeconds()));
+    setGcViewYear(d.getFullYear());
+    setGcViewMonth(d.getMonth());
+    const [ecY, ecM] = toEC(d.getFullYear(), d.getMonth() + 1, d.getDate());
+    setEcViewYear(ecY);
+    setEcViewMonth(ecM);
+    setView("days");
+  }
+  function handleClear() {
+    updateValue(null);
+    setTimeH("");
+    setTimeM("");
+    setTimeS("");
+  }
+  return {
+    value,
+    open,
+    view,
+    calendarType,
+    gcViewYear,
+    gcViewMonth,
+    ecViewYear,
+    ecViewMonth,
+    timeH,
+    timeM,
+    timeS,
+    timeFocus,
+    contentSide,
+    triggerRef,
+    updateValue,
+    formatDisplay,
+    cells,
+    years,
+    decadeStart,
+    activeViewYear,
+    headerLabel,
+    handleDayClick,
+    handleMonthSelect,
+    handleYearSelect,
+    handlePrev,
+    handleNext,
+    handleHeaderClick,
+    handleCalendarTypeChange,
+    handleTimeBlur,
+    handleConfirm,
+    handleOpenChange,
+    handlePresetClick,
+    handleClear,
+    setTimeFocus,
+    setTimeH,
+    setTimeM,
+    setTimeS
+  };
+}
+
+// src/components/ui/date-time/datetime-picker.tsx
+import { jsx as jsx130, jsxs as jsxs81 } from "react/jsx-runtime";
+var DateTimePicker = forwardRef6(function DateTimePicker2(props, ref) {
+  const {
+    label,
+    placeholder = "Pick date and time",
+    disabled = false,
+    clearable = false,
+    withSeconds = false,
+    presets,
+    valueFormat,
+    description,
+    error,
+    required = false,
+    size = "md",
+    radius = "md",
+    dropdownType = "popover",
+    "aria-label": ariaLabel,
+    className
+  } = props;
+  const state = useDateTimePicker(props);
+  const {
+    value,
+    open,
+    view,
+    calendarType,
+    timeH,
+    timeM,
+    timeS,
+    timeFocus,
+    contentSide,
+    triggerRef,
+    formatDisplay,
+    cells,
+    years,
+    decadeStart,
+    ecViewYear,
+    gcViewYear,
+    headerLabel,
+    handleDayClick,
+    handleMonthSelect,
+    handleYearSelect,
+    handlePrev,
+    handleNext,
+    handleHeaderClick,
+    handleCalendarTypeChange,
+    handleTimeBlur,
+    handleConfirm,
+    handleOpenChange,
+    handlePresetClick,
+    handleClear,
+    setTimeFocus,
+    setTimeH,
+    setTimeM,
+    setTimeS
+  } = state;
+  const dropdownContent = /* @__PURE__ */ jsx130(
+    DateTimeDropdownContent,
+    {
+      hasPresets: Boolean(presets?.length),
+      presets,
+      onPresetClick: handlePresetClick,
+      view,
+      calendarType,
+      value,
+      headerLabel: headerLabel(),
+      cells,
+      years,
+      decadeStart,
+      ecViewYear,
+      gcViewYear,
+      onPrev: handlePrev,
+      onNext: handleNext,
+      onHeaderClick: handleHeaderClick,
+      onDayClick: handleDayClick,
+      onMonthSelect: handleMonthSelect,
+      onYearSelect: handleYearSelect,
+      onCalendarTypeChange: handleCalendarTypeChange,
+      timeH,
+      timeM,
+      timeS,
+      timeFocus,
+      withSeconds,
+      onTimeFocus: setTimeFocus,
+      onTimeBlur: handleTimeBlur,
+      onTimeHChange: setTimeH,
+      onTimeMChange: setTimeM,
+      onTimeSChange: setTimeS,
+      onConfirm: handleConfirm
+    }
+  );
+  const triggerButton = /* @__PURE__ */ jsx130(
+    DateTimeTriggerButton,
+    {
+      ref,
+      value,
+      placeholder,
+      valueFormat,
+      formatDisplay,
+      disabled,
+      error,
+      open,
+      size,
+      radius,
+      "aria-label": ariaLabel
+    }
+  );
+  const wrapper = /* @__PURE__ */ jsxs81("div", { className: cn("relative inline-block w-full", className), children: [
+    label ? /* @__PURE__ */ jsxs81("label", { className: "mb-1.5 block text-sm font-semibold text-foreground", children: [
+      label,
+      required ? /* @__PURE__ */ jsx130("span", { className: "ml-0.5 text-destructive", "aria-hidden": true, children: "*" }) : null
+    ] }) : null,
+    description ? /* @__PURE__ */ jsx130("p", { className: "mb-1.5 text-xs text-muted-foreground", children: description }) : null,
+    /* @__PURE__ */ jsxs81("div", { ref: triggerRef, className: "relative", children: [
+      dropdownType === "modal" ? /* @__PURE__ */ jsx130(DialogTrigger, { children: triggerButton }) : /* @__PURE__ */ jsx130(PopoverTrigger, { className: "block w-full", children: triggerButton }),
+      clearable && value && !disabled && /* @__PURE__ */ jsx130(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            e.stopPropagation();
+            handleClear();
+          },
+          className: "absolute right-2.5 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-muted-foreground hover:text-foreground",
+          "aria-label": "Clear",
+          children: /* @__PURE__ */ jsxs81(
+            "svg",
+            {
+              className: "size-3.5",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              "aria-hidden": true,
+              children: [
+                /* @__PURE__ */ jsx130("title", { children: "Clear" }),
+                /* @__PURE__ */ jsx130(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M6 18L18 6M6 6l12 12"
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    error ? /* @__PURE__ */ jsx130("p", { className: "mt-1.5 text-xs text-destructive", children: error }) : null,
+    dropdownType === "modal" ? /* @__PURE__ */ jsxs81(
+      DialogContent,
+      {
+        className: cn(
+          "max-w-[calc(100vw-1rem)] rounded-md border border-border bg-background p-0 shadow-xl",
+          presets?.length ? "flex w-[460px]" : "w-[340px]"
+        ),
+        showCloseButton: true,
+        children: [
+          /* @__PURE__ */ jsx130(DialogTitle, { className: "sr-only", children: label || placeholder }),
+          dropdownContent
+        ]
+      }
+    ) : /* @__PURE__ */ jsx130(
+      PopoverContent,
+      {
+        anchor: triggerRef,
+        side: contentSide,
+        sideOffset: 8,
+        align: "center",
+        alignOffset: 0,
+        className: cn(
+          "max-w-[calc(100vw-1rem)] rounded-md border border-border bg-background p-0 shadow-xl",
+          presets?.length ? "flex w-[460px]" : "w-[340px]"
+        ),
+        children: dropdownContent
+      }
+    )
+  ] });
+  return dropdownType === "modal" ? /* @__PURE__ */ jsx130(Dialog, { open, onOpenChange: handleOpenChange, children: wrapper }) : /* @__PURE__ */ jsx130(Popover, { open, onOpenChange: handleOpenChange, children: wrapper });
+});
+
 // src/components/ui/direction.tsx
 import {
   DirectionProvider,
@@ -13295,32 +14471,32 @@ import {
 
 // src/components/ui/drawer.tsx
 import { Dialog as DrawerPrimitive } from "@base-ui/react/dialog";
-import { jsx as jsx128, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs82 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx131(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx131(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx131(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx131(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx131(
     DrawerPrimitive.Backdrop,
     {
       "data-slot": "drawer-overlay",
@@ -13335,9 +14511,9 @@ function DrawerContent({
   side = "bottom",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs80(DrawerPortal, { "data-slot": "drawer-portal", keepMounted: true, children: [
-    /* @__PURE__ */ jsx128(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs82(DrawerPortal, { "data-slot": "drawer-portal", keepMounted: true, children: [
+    /* @__PURE__ */ jsx131(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs82(
       DrawerPrimitive.Popup,
       {
         "data-slot": "drawer-content",
@@ -13348,7 +14524,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx128("div", { className: "cn-drawer-handle" }),
+          /* @__PURE__ */ jsx131("div", { className: "cn-drawer-handle" }),
           children
         ]
       }
@@ -13356,7 +14532,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx131(
     "div",
     {
       "data-slot": "drawer-header",
@@ -13366,7 +14542,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx131(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -13379,7 +14555,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx131(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -13392,7 +14568,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx131(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -13402,9 +14578,201 @@ function DrawerDescription({
   );
 }
 
+// src/components/ui/dropdown-button.tsx
+import { IconChevronDown as IconChevronDown10 } from "@tabler/icons-react";
+import { Fragment as Fragment23, jsx as jsx132, jsxs as jsxs83 } from "react/jsx-runtime";
+var DROPDOWN_BUTTON_TRIGGER_SIZE_CN = {
+  xs: "px-1.5",
+  sm: "px-2",
+  md: "px-2.5",
+  lg: "px-2.5",
+  xl: "px-3"
+};
+function getButtonVariant(variant) {
+  if (variant === "danger") {
+    return "default";
+  }
+  return variant;
+}
+function renderItemContent(item) {
+  return /* @__PURE__ */ jsxs83(Fragment23, { children: [
+    item.icon,
+    /* @__PURE__ */ jsx132("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+    item.shortcut ? /* @__PURE__ */ jsx132(DropdownMenuShortcut, { children: item.shortcut }) : null
+  ] });
+}
+function renderActionItem(item, key) {
+  if (item.items?.length) {
+    return /* @__PURE__ */ jsxs83(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsx132(DropdownMenuSubTrigger, { inset: item.inset, children: renderItemContent(item) }),
+      /* @__PURE__ */ jsx132(DropdownMenuSubContent, { children: renderDropdownButtonItems(item.items) })
+    ] }, key);
+  }
+  return /* @__PURE__ */ jsx132(
+    DropdownMenuItem,
+    {
+      disabled: item.disabled,
+      inset: item.inset,
+      variant: item.variant,
+      onClick: item.onSelect,
+      children: renderItemContent(item)
+    },
+    key
+  );
+}
+function collectGroupChildren(items, startIndex) {
+  const item = items[startIndex];
+  if (item.type !== "label") {
+    return { children: [], lastIndex: startIndex };
+  }
+  const key = item.key ?? `item-${startIndex}`;
+  const children = [
+    /* @__PURE__ */ jsx132(DropdownMenuLabel, { inset: item.inset, children: item.label }, `${key}-label`)
+  ];
+  let lastIndex = startIndex;
+  for (let nextIndex = startIndex + 1; nextIndex < items.length; nextIndex += 1) {
+    const nextItem = items[nextIndex];
+    if (nextItem.type === "separator" || nextItem.type === "label") {
+      break;
+    }
+    const nextKey = nextItem.key ?? `item-${nextIndex}`;
+    children.push(renderActionItem(nextItem, nextKey));
+    lastIndex = nextIndex;
+  }
+  return { children, lastIndex };
+}
+function renderDropdownButtonItems(items) {
+  const nodes = [];
+  for (let index = 0; index < items.length; index += 1) {
+    const item = items[index];
+    const key = item.key ?? `item-${index}`;
+    if (item.type === "separator") {
+      nodes.push(/* @__PURE__ */ jsx132(DropdownMenuSeparator, {}, key));
+      continue;
+    }
+    if (item.type === "label") {
+      const group = collectGroupChildren(items, index);
+      nodes.push(
+        /* @__PURE__ */ jsx132(DropdownMenuGroup, { children: group.children }, key)
+      );
+      index = group.lastIndex;
+      continue;
+    }
+    nodes.push(renderActionItem(item, key));
+  }
+  return nodes;
+}
+function DropdownButton({
+  children,
+  items,
+  split = true,
+  variant = "default",
+  size = "md",
+  color,
+  radius,
+  triggerIcon = /* @__PURE__ */ jsx132(IconChevronDown10, { className: "size-4" }),
+  triggerLabel = "Open menu",
+  mainButtonClassName,
+  triggerClassName,
+  contentClassName,
+  positionerProps,
+  contentProps,
+  className,
+  ...buttonProps
+}) {
+  const buttonVariant = getButtonVariant(variant);
+  const variantClass = variant === "danger" ? "cn-dropdown-button-variant-danger" : "";
+  const isDisabled = buttonProps.disabled || buttonProps.loading || items.length === 0;
+  if (!split) {
+    return /* @__PURE__ */ jsxs83(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx132(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ jsx132(
+            Button,
+            {
+              ...buttonProps,
+              "data-size": size,
+              className: cn(variantClass, className),
+              color,
+              disabled: isDisabled,
+              radius,
+              rightSection: triggerIcon,
+              size,
+              variant: buttonVariant
+            }
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx132(DropdownMenuPositioner, { ...positionerProps, children: /* @__PURE__ */ jsx132(
+        DropdownMenuContent,
+        {
+          ...contentProps,
+          className: cn("!w-auto min-w-48", contentClassName),
+          children: renderDropdownButtonItems(items)
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs83(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs83("div", { className: cn("cn-dropdown-button-shell", className), children: [
+      /* @__PURE__ */ jsx132(
+        Button,
+        {
+          ...buttonProps,
+          "data-size": size,
+          className: cn(
+            "cn-dropdown-button-main",
+            variantClass,
+            mainButtonClassName
+          ),
+          color,
+          radius,
+          size,
+          variant: buttonVariant,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx132(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ jsx132(
+            Button,
+            {
+              "aria-label": triggerLabel,
+              "data-size": size,
+              className: cn(
+                "cn-dropdown-button-trigger",
+                DROPDOWN_BUTTON_TRIGGER_SIZE_CN[size],
+                variantClass,
+                triggerClassName
+              ),
+              color,
+              disabled: isDisabled,
+              radius,
+              size,
+              variant: buttonVariant
+            }
+          ),
+          children: triggerIcon
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx132(DropdownMenuPositioner, { ...positionerProps, children: /* @__PURE__ */ jsx132(
+      DropdownMenuContent,
+      {
+        ...contentProps,
+        className: cn("!w-auto min-w-48", contentClassName),
+        children: renderDropdownButtonItems(items)
+      }
+    ) })
+  ] });
+}
+
 // src/components/ui/file-button.tsx
-import { useRef as useRef15 } from "react";
-import { Fragment as Fragment22, jsx as jsx129, jsxs as jsxs81 } from "react/jsx-runtime";
+import { useRef as useRef16 } from "react";
+import { Fragment as Fragment24, jsx as jsx133, jsxs as jsxs84 } from "react/jsx-runtime";
 function FileButton({
   onChange,
   accept,
@@ -13415,15 +14783,15 @@ function FileButton({
   className,
   ...props
 }) {
-  const inputRef = useRef15(null);
+  const inputRef = useRef16(null);
   const handleClick = () => {
     inputRef.current?.click();
   };
   const handleChange = (e) => {
     onChange(e.target.files);
   };
-  return /* @__PURE__ */ jsxs81(Fragment22, { children: [
-    /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsxs84(Fragment24, { children: [
+    /* @__PURE__ */ jsx133(
       "input",
       {
         ref: inputRef,
@@ -13436,7 +14804,7 @@ function FileButton({
         disabled
       }
     ),
-    /* @__PURE__ */ jsx129(
+    /* @__PURE__ */ jsx133(
       Button,
       {
         "data-slot": "file-button",
@@ -13452,7 +14820,7 @@ function FileButton({
 
 // src/components/ui/file-drop-input.tsx
 import { IconPencil as IconPencil2, IconPhoto as IconPhoto4, IconTrash as IconTrash6 } from "@tabler/icons-react";
-import { useId as useId5, useRef as useRef16, useState as useState34 } from "react";
+import { useId as useId5, useRef as useRef17, useState as useState35 } from "react";
 
 // src/components/files/file-preview.tsx
 import {
@@ -13462,8 +14830,8 @@ import {
   IconPhoto as IconPhoto3,
   IconVideo as IconVideo2
 } from "@tabler/icons-react";
-import { useEffect as useEffect15, useMemo as useMemo15, useState as useState33 } from "react";
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useMemo as useMemo15, useState as useState34 } from "react";
+import { jsx as jsx134 } from "react/jsx-runtime";
 function formatBytes2(size) {
   if (!size) {
     return null;
@@ -13498,12 +14866,12 @@ function buildPreviewKey(item) {
   return item.id ?? `${item.source}-${item.name}-${item.fileIndex ?? item.url}`;
 }
 function useResolvedPreviewItems(files, previewItems = []) {
-  const [localItems, setLocalItems] = useState33([]);
+  const [localItems, setLocalItems] = useState34([]);
   const remoteItems = useMemo15(
     () => previewItems.map((item) => ({ ...item, source: "remote" })),
     [previewItems]
   );
-  useEffect15(() => {
+  useEffect16(() => {
     let active = true;
     const objectUrls = [];
     async function resolveFiles() {
@@ -13550,7 +14918,7 @@ function FilePreviewSurface({
   className
 }) {
   if (item.url && item.type.startsWith("image/")) {
-    return /* @__PURE__ */ jsx130("div", { className, children: /* @__PURE__ */ jsx130(
+    return /* @__PURE__ */ jsx134("div", { className, children: /* @__PURE__ */ jsx134(
       Image,
       {
         src: item.url,
@@ -13560,7 +14928,7 @@ function FilePreviewSurface({
     ) });
   }
   if (item.url && item.type.includes("pdf")) {
-    return /* @__PURE__ */ jsx130("div", { className, children: /* @__PURE__ */ jsx130(
+    return /* @__PURE__ */ jsx134("div", { className, children: /* @__PURE__ */ jsx134(
       "iframe",
       {
         src: item.url,
@@ -13571,7 +14939,7 @@ function FilePreviewSurface({
     ) });
   }
   if (item.url && item.type.startsWith("video/")) {
-    return /* @__PURE__ */ jsx130("div", { className, children: /* @__PURE__ */ jsx130(
+    return /* @__PURE__ */ jsx134("div", { className, children: /* @__PURE__ */ jsx134(
       "video",
       {
         src: item.url,
@@ -13583,14 +14951,14 @@ function FilePreviewSurface({
     ) });
   }
   if (item.textPreview) {
-    return /* @__PURE__ */ jsx130("div", { className, children: /* @__PURE__ */ jsx130("pre", { className: "text-muted-foreground line-clamp-8 size-full overflow-hidden px-3 py-2 text-xs whitespace-pre-wrap", children: item.textPreview }) });
+    return /* @__PURE__ */ jsx134("div", { className, children: /* @__PURE__ */ jsx134("pre", { className: "text-muted-foreground line-clamp-8 size-full overflow-hidden px-3 py-2 text-xs whitespace-pre-wrap", children: item.textPreview }) });
   }
   const FileIcon = getFileIcon2(item.type);
-  return /* @__PURE__ */ jsx130("div", { className, children: /* @__PURE__ */ jsx130(FileIcon, { className: "text-muted-foreground size-8" }) });
+  return /* @__PURE__ */ jsx134("div", { className, children: /* @__PURE__ */ jsx134(FileIcon, { className: "text-muted-foreground size-8" }) });
 }
 
 // src/components/ui/file-drop-input.tsx
-import { Fragment as Fragment23, jsx as jsx131, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx135, jsxs as jsxs85 } from "react/jsx-runtime";
 function FileDropInput({
   className,
   onFilesChange,
@@ -13617,11 +14985,11 @@ function FileDropInput({
   ...props
 }) {
   const inputId = useId5();
-  const inputRef = useRef16(null);
-  const [internalFiles, setInternalFiles] = useState34(defaultFiles);
-  const [dragging, setDragging] = useState34(false);
-  const [pendingCropFile, setPendingCropFile] = useState34(null);
-  const [cropOpen, setCropOpen] = useState34(false);
+  const inputRef = useRef17(null);
+  const [internalFiles, setInternalFiles] = useState35(defaultFiles);
+  const [dragging, setDragging] = useState35(false);
+  const [pendingCropFile, setPendingCropFile] = useState35(null);
+  const [cropOpen, setCropOpen] = useState35(false);
   const files = filesProp ?? internalFiles;
   const items = useResolvedPreviewItems(files, previewItems);
   const singleItem = !multiple && items.length === 1 ? items[0] : null;
@@ -13667,14 +15035,14 @@ function FileDropInput({
     }
     setFiles(nextFiles);
   };
-  const fileDropInputElement = /* @__PURE__ */ jsxs82(Fragment23, { children: [
-    /* @__PURE__ */ jsxs82(
+  const fileDropInputElement = /* @__PURE__ */ jsxs85(Fragment25, { children: [
+    /* @__PURE__ */ jsxs85(
       "div",
       {
         "data-slot": "file-drop-input-wrapper",
         className: cn("cn-file-drop-input-wrapper", className),
         children: [
-          /* @__PURE__ */ jsxs82(
+          /* @__PURE__ */ jsxs85(
             "label",
             {
               htmlFor: inputId,
@@ -13690,7 +15058,7 @@ function FileDropInput({
               onDragLeave: () => setDragging(false),
               onDrop: handleDrop,
               children: [
-                /* @__PURE__ */ jsx131(
+                /* @__PURE__ */ jsx135(
                   "input",
                   {
                     ref: inputRef,
@@ -13704,18 +15072,18 @@ function FileDropInput({
                     ...props
                   }
                 ),
-                singleItem ? /* @__PURE__ */ jsxs82(
+                singleItem ? /* @__PURE__ */ jsxs85(
                   "div",
                   {
                     "data-slot": "file-drop-input-single-preview",
                     className: "cn-file-drop-input-single-preview",
                     children: [
-                      /* @__PURE__ */ jsx131(
+                      /* @__PURE__ */ jsx135(
                         "div",
                         {
                           "data-slot": "file-drop-input-preview",
                           className: "cn-file-drop-input-preview",
-                          children: /* @__PURE__ */ jsx131(
+                          children: /* @__PURE__ */ jsx135(
                             FilePreviewSurface,
                             {
                               item: singleItem,
@@ -13724,13 +15092,13 @@ function FileDropInput({
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsxs82(
+                      /* @__PURE__ */ jsxs85(
                         "div",
                         {
                           "data-slot": "file-drop-input-preview-actions",
                           className: "cn-file-drop-input-preview-actions",
                           children: [
-                            singleItem.source === "local" && singleItem.type.startsWith("image/") ? /* @__PURE__ */ jsx131(
+                            singleItem.source === "local" && singleItem.type.startsWith("image/") ? /* @__PURE__ */ jsx135(
                               Button,
                               {
                                 type: "button",
@@ -13744,11 +15112,11 @@ function FileDropInput({
                                   );
                                   setCropOpen(true);
                                 },
-                                leftSection: /* @__PURE__ */ jsx131(IconPencil2, { className: "size-4" }),
+                                leftSection: /* @__PURE__ */ jsx135(IconPencil2, { className: "size-4" }),
                                 children: "Edit"
                               }
                             ) : null,
-                            singleItem.source === "local" ? /* @__PURE__ */ jsx131(
+                            singleItem.source === "local" ? /* @__PURE__ */ jsx135(
                               Button,
                               {
                                 type: "button",
@@ -13762,7 +15130,7 @@ function FileDropInput({
                                     inputRef.current.value = "";
                                   }
                                 },
-                                leftSection: /* @__PURE__ */ jsx131(IconTrash6, { className: "size-4" }),
+                                leftSection: /* @__PURE__ */ jsx135(IconTrash6, { className: "size-4" }),
                                 children: "Remove"
                               }
                             ) : null
@@ -13771,16 +15139,16 @@ function FileDropInput({
                       )
                     ]
                   }
-                ) : /* @__PURE__ */ jsxs82(
+                ) : /* @__PURE__ */ jsxs85(
                   "div",
                   {
                     "data-slot": "file-drop-input-prompt",
                     className: "cn-file-drop-input-prompt",
                     children: [
-                      /* @__PURE__ */ jsx131(IconPhoto4, { className: "cn-file-drop-input-icon" }),
-                      /* @__PURE__ */ jsxs82("div", { children: [
-                        /* @__PURE__ */ jsx131("div", { className: "cn-file-drop-input-title", children: dropLabel }),
-                        /* @__PURE__ */ jsx131("div", { className: "cn-file-drop-input-description", children: dropDescription })
+                      /* @__PURE__ */ jsx135(IconPhoto4, { className: "cn-file-drop-input-icon" }),
+                      /* @__PURE__ */ jsxs85("div", { children: [
+                        /* @__PURE__ */ jsx135("div", { className: "cn-file-drop-input-title", children: dropLabel }),
+                        /* @__PURE__ */ jsx135("div", { className: "cn-file-drop-input-description", children: dropDescription })
                       ] })
                     ]
                   }
@@ -13788,25 +15156,25 @@ function FileDropInput({
               ]
             }
           ),
-          !singleItem && items.length > 0 ? /* @__PURE__ */ jsx131(
+          !singleItem && items.length > 0 ? /* @__PURE__ */ jsx135(
             "div",
             {
               "data-slot": "file-drop-input-list",
               className: "cn-file-drop-input-list",
               children: items.map((item) => {
                 const ItemIcon = getFileIcon2(item.type);
-                return /* @__PURE__ */ jsxs82(
+                return /* @__PURE__ */ jsxs85(
                   "div",
                   {
                     "data-slot": "file-drop-input-item",
                     className: "cn-file-drop-input-item",
                     children: [
-                      /* @__PURE__ */ jsxs82("div", { className: "cn-file-drop-input-item-left", children: [
-                        /* @__PURE__ */ jsx131(ItemIcon, { className: "cn-file-drop-input-item-icon" }),
-                        /* @__PURE__ */ jsx131("span", { className: "cn-file-drop-input-item-name", children: item.name }),
-                        formatBytes2(item.size) ? /* @__PURE__ */ jsx131("span", { className: "cn-file-drop-input-item-size", children: formatBytes2(item.size) }) : null
+                      /* @__PURE__ */ jsxs85("div", { className: "cn-file-drop-input-item-left", children: [
+                        /* @__PURE__ */ jsx135(ItemIcon, { className: "cn-file-drop-input-item-icon" }),
+                        /* @__PURE__ */ jsx135("span", { className: "cn-file-drop-input-item-name", children: item.name }),
+                        formatBytes2(item.size) ? /* @__PURE__ */ jsx135("span", { className: "cn-file-drop-input-item-size", children: formatBytes2(item.size) }) : null
                       ] }),
-                      item.source === "local" ? /* @__PURE__ */ jsx131(
+                      item.source === "local" ? /* @__PURE__ */ jsx135(
                         Button,
                         {
                           type: "button",
@@ -13818,7 +15186,7 @@ function FileDropInput({
                             );
                             setFiles(nextFiles);
                           },
-                          children: /* @__PURE__ */ jsx131(IconTrash6, { className: "size-4" })
+                          children: /* @__PURE__ */ jsx135(IconTrash6, { className: "size-4" })
                         }
                       ) : null
                     ]
@@ -13831,7 +15199,7 @@ function FileDropInput({
         ]
       }
     ),
-    /* @__PURE__ */ jsx131(
+    /* @__PURE__ */ jsx135(
       ImageCropDialog,
       {
         open: cropOpen,
@@ -13855,7 +15223,7 @@ function FileDropInput({
   if (!hasWrapper) {
     return fileDropInputElement;
   }
-  return /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx135(
     InputWrapper,
     {
       label,
@@ -13881,8 +15249,8 @@ import {
   IconUpload as IconUpload2,
   IconX as IconX11
 } from "@tabler/icons-react";
-import { useId as useId6, useRef as useRef17, useState as useState35 } from "react";
-import { Fragment as Fragment24, jsx as jsx132, jsxs as jsxs83 } from "react/jsx-runtime";
+import { useId as useId6, useRef as useRef18, useState as useState36 } from "react";
+import { Fragment as Fragment26, jsx as jsx136, jsxs as jsxs86 } from "react/jsx-runtime";
 function FileInput({
   className,
   onFilesChange,
@@ -13909,11 +15277,11 @@ function FileInput({
   disabled,
   ...props
 }) {
-  const inputRef = useRef17(null);
+  const inputRef = useRef18(null);
   const inputId = useId6();
-  const [internalFiles, setInternalFiles] = useState35(defaultFiles);
-  const [pendingCropFile, setPendingCropFile] = useState35(null);
-  const [cropOpen, setCropOpen] = useState35(false);
+  const [internalFiles, setInternalFiles] = useState36(defaultFiles);
+  const [pendingCropFile, setPendingCropFile] = useState36(null);
+  const [cropOpen, setCropOpen] = useState36(false);
   const files = filesProp ?? internalFiles;
   const items = useResolvedPreviewItems(files, previewItems);
   const singleItem = !multiple && items.length === 1 ? items[0] : null;
@@ -13963,25 +15331,25 @@ function FileInput({
   const RootIcon = singleItem ? getFileIcon2(singleItem.type) : IconPaperclip;
   let metaContent = null;
   if (items.length > 1) {
-    metaContent = /* @__PURE__ */ jsxs83("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: [
+    metaContent = /* @__PURE__ */ jsxs86("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: [
       items.length,
       " files selected"
     ] });
   } else if (props.accept) {
-    metaContent = /* @__PURE__ */ jsxs83("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: [
+    metaContent = /* @__PURE__ */ jsxs86("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: [
       "Accepts ",
       props.accept
     ] });
   }
-  const fileInputElement = /* @__PURE__ */ jsxs83(Fragment24, { children: [
-    /* @__PURE__ */ jsxs83(
+  const fileInputElement = /* @__PURE__ */ jsxs86(Fragment26, { children: [
+    /* @__PURE__ */ jsxs86(
       "div",
       {
         "data-slot": "file-input-wrapper",
         "data-disabled": disabled || void 0,
         className: cn("cn-file-input-wrapper", className),
         children: [
-          /* @__PURE__ */ jsx132(
+          /* @__PURE__ */ jsx136(
             "input",
             {
               ref: inputRef,
@@ -13995,7 +15363,7 @@ function FileInput({
               ...props
             }
           ),
-          /* @__PURE__ */ jsx132(
+          /* @__PURE__ */ jsx136(
             "button",
             {
               type: "button",
@@ -14003,13 +15371,13 @@ function FileInput({
               className: "cn-file-input-root",
               onClick: () => inputRef.current?.click(),
               disabled,
-              children: singleItem ? /* @__PURE__ */ jsxs83(Fragment24, { children: [
-                /* @__PURE__ */ jsx132(
+              children: singleItem ? /* @__PURE__ */ jsxs86(Fragment26, { children: [
+                /* @__PURE__ */ jsx136(
                   "div",
                   {
                     "data-slot": "file-input-preview",
                     className: "cn-file-input-preview",
-                    children: /* @__PURE__ */ jsx132(
+                    children: /* @__PURE__ */ jsx136(
                       FilePreviewSurface,
                       {
                         item: singleItem,
@@ -14018,8 +15386,8 @@ function FileInput({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs83("div", { "data-slot": "file-input-body", className: "cn-file-input-body", children: [
-                  /* @__PURE__ */ jsx132(
+                /* @__PURE__ */ jsxs86("div", { "data-slot": "file-input-body", className: "cn-file-input-body", children: [
+                  /* @__PURE__ */ jsx136(
                     "div",
                     {
                       "data-slot": "file-input-value",
@@ -14027,15 +15395,15 @@ function FileInput({
                       children: singleItem.name
                     }
                   ),
-                  /* @__PURE__ */ jsx132("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: formatBytes2(singleItem.size) ?? "uploaded file" })
+                  /* @__PURE__ */ jsx136("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: formatBytes2(singleItem.size) ?? "uploaded file" })
                 ] }),
-                /* @__PURE__ */ jsxs83(
+                /* @__PURE__ */ jsxs86(
                   "div",
                   {
                     "data-slot": "file-input-actions",
                     className: "cn-file-input-actions",
                     children: [
-                      singleItem.source === "local" && singleItem.type.startsWith("image/") ? /* @__PURE__ */ jsx132(
+                      singleItem.source === "local" && singleItem.type.startsWith("image/") ? /* @__PURE__ */ jsx136(
                         Button,
                         {
                           type: "button",
@@ -14047,10 +15415,10 @@ function FileInput({
                           },
                           "aria-label": "Edit image",
                           disabled,
-                          children: /* @__PURE__ */ jsx132(IconPencil3, { className: "size-4" })
+                          children: /* @__PURE__ */ jsx136(IconPencil3, { className: "size-4" })
                         }
                       ) : null,
-                      clearable && singleItem.source === "local" ? /* @__PURE__ */ jsx132(
+                      clearable && singleItem.source === "local" ? /* @__PURE__ */ jsx136(
                         Button,
                         {
                           type: "button",
@@ -14062,23 +15430,23 @@ function FileInput({
                           },
                           "aria-label": "Remove file",
                           disabled,
-                          children: /* @__PURE__ */ jsx132(IconX11, { className: "size-4" })
+                          children: /* @__PURE__ */ jsx136(IconX11, { className: "size-4" })
                         }
                       ) : null
                     ]
                   }
                 )
-              ] }) : /* @__PURE__ */ jsxs83(Fragment24, { children: [
-                /* @__PURE__ */ jsx132(
+              ] }) : /* @__PURE__ */ jsxs86(Fragment26, { children: [
+                /* @__PURE__ */ jsx136(
                   "div",
                   {
                     "data-slot": "file-input-section",
                     className: "cn-file-input-section",
-                    children: leftSection ?? /* @__PURE__ */ jsx132(RootIcon, { className: "size-4" })
+                    children: leftSection ?? /* @__PURE__ */ jsx136(RootIcon, { className: "size-4" })
                   }
                 ),
-                /* @__PURE__ */ jsxs83("div", { "data-slot": "file-input-body", className: "cn-file-input-body", children: [
-                  /* @__PURE__ */ jsx132(
+                /* @__PURE__ */ jsxs86("div", { "data-slot": "file-input-body", className: "cn-file-input-body", children: [
+                  /* @__PURE__ */ jsx136(
                     "div",
                     {
                       "data-slot": "file-input-placeholder",
@@ -14088,31 +15456,31 @@ function FileInput({
                   ),
                   metaContent
                 ] }),
-                /* @__PURE__ */ jsx132(
+                /* @__PURE__ */ jsx136(
                   "div",
                   {
                     "data-slot": "file-input-actions",
                     className: "cn-file-input-actions",
-                    children: /* @__PURE__ */ jsx132("div", { className: "cn-file-input-trigger", children: /* @__PURE__ */ jsx132(IconUpload2, { className: "size-4" }) })
+                    children: /* @__PURE__ */ jsx136("div", { className: "cn-file-input-trigger", children: /* @__PURE__ */ jsx136(IconUpload2, { className: "size-4" }) })
                   }
                 )
               ] })
             }
           ),
-          !singleItem && items.length > 1 ? /* @__PURE__ */ jsx132("div", { "data-slot": "file-input-list", className: "cn-file-input-list", children: items.map((item) => {
+          !singleItem && items.length > 1 ? /* @__PURE__ */ jsx136("div", { "data-slot": "file-input-list", className: "cn-file-input-list", children: items.map((item) => {
             const ItemIcon = getFileIcon2(item.type);
-            return /* @__PURE__ */ jsxs83(
+            return /* @__PURE__ */ jsxs86(
               "div",
               {
                 "data-slot": "file-input-item",
                 className: "cn-file-input-item",
                 children: [
-                  /* @__PURE__ */ jsxs83("div", { className: "cn-file-input-item-left", children: [
-                    /* @__PURE__ */ jsx132(ItemIcon, { className: "cn-file-input-item-icon" }),
-                    /* @__PURE__ */ jsx132("span", { className: "cn-file-input-item-name", children: item.name }),
-                    formatBytes2(item.size) ? /* @__PURE__ */ jsx132("span", { className: "cn-file-input-item-size", children: formatBytes2(item.size) }) : null
+                  /* @__PURE__ */ jsxs86("div", { className: "cn-file-input-item-left", children: [
+                    /* @__PURE__ */ jsx136(ItemIcon, { className: "cn-file-input-item-icon" }),
+                    /* @__PURE__ */ jsx136("span", { className: "cn-file-input-item-name", children: item.name }),
+                    formatBytes2(item.size) ? /* @__PURE__ */ jsx136("span", { className: "cn-file-input-item-size", children: formatBytes2(item.size) }) : null
                   ] }),
-                  clearable && item.source === "local" ? /* @__PURE__ */ jsx132(
+                  clearable && item.source === "local" ? /* @__PURE__ */ jsx136(
                     Button,
                     {
                       type: "button",
@@ -14125,7 +15493,7 @@ function FileInput({
                         setFiles(nextFiles);
                       },
                       "aria-label": `Remove ${item.name}`,
-                      children: /* @__PURE__ */ jsx132(IconX11, { className: "size-4" })
+                      children: /* @__PURE__ */ jsx136(IconX11, { className: "size-4" })
                     }
                   ) : null
                 ]
@@ -14136,7 +15504,7 @@ function FileInput({
         ]
       }
     ),
-    /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx136(
       ImageCropDialog,
       {
         open: cropOpen,
@@ -14159,7 +15527,7 @@ function FileInput({
   if (!hasWrapper) {
     return fileInputElement;
   }
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx136(
     InputWrapper,
     {
       label,
@@ -14179,7 +15547,7 @@ function FileInput({
 }
 
 // src/components/ui/flex.tsx
-import { jsx as jsx133 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 var gapClasses = {
   xs: "gap-1.5",
   sm: "gap-2",
@@ -14261,7 +15629,7 @@ function Flex({
   if (columnGap != null && typeof columnGap !== "number") {
     colGapClass = colGapClasses[columnGap];
   }
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx137(
     "div",
     {
       "data-slot": "flex",
@@ -14283,8 +15651,8 @@ function Flex({
 }
 
 // src/components/ui/floating-indicator.tsx
-import { useEffect as useEffect16, useState as useState36 } from "react";
-import { jsx as jsx134 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useState as useState37 } from "react";
+import { jsx as jsx138 } from "react/jsx-runtime";
 function FloatingIndicator({
   className,
   target,
@@ -14294,9 +15662,9 @@ function FloatingIndicator({
   style,
   ...props
 }) {
-  const [position, setPosition] = useState36({ x: 0, y: 0, width: 0, height: 0 });
-  const [isVisible, setIsVisible] = useState36(!displayAfterTransitionEnd);
-  useEffect16(() => {
+  const [position, setPosition] = useState37({ x: 0, y: 0, width: 0, height: 0 });
+  const [isVisible, setIsVisible] = useState37(!displayAfterTransitionEnd);
+  useEffect17(() => {
     const hasTargetAndParent2 = target && parent;
     if (!hasTargetAndParent2) {
       return;
@@ -14330,7 +15698,7 @@ function FloatingIndicator({
   if (!hasTargetAndParent || shouldHideAfterTransition) {
     return null;
   }
-  return /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx138(
     "div",
     {
       "data-slot": "floating-indicator",
@@ -14351,8 +15719,8 @@ function FloatingIndicator({
 }
 
 // src/components/ui/focus-trap.tsx
-import { cloneElement as cloneElement2, useEffect as useEffect17, useRef as useRef18 } from "react";
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { cloneElement as cloneElement2, useEffect as useEffect18, useRef as useRef19 } from "react";
+import { jsx as jsx139 } from "react/jsx-runtime";
 var FOCUSABLE = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function getFocusableElements(container) {
   return Array.from(container.querySelectorAll(FOCUSABLE)).filter(
@@ -14360,8 +15728,8 @@ function getFocusableElements(container) {
   );
 }
 function useFocusTrap(active) {
-  const ref = useRef18(null);
-  useEffect17(() => {
+  const ref = useRef19(null);
+  useEffect18(() => {
     if (!active) {
       return;
     }
@@ -14415,7 +15783,7 @@ function FocusTrap({
   return child;
 }
 function FocusTrapInitialFocus(props) {
-  return /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx139(
     "span",
     {
       tabIndex: -1,
@@ -14429,7 +15797,7 @@ FocusTrap.InitialFocus = FocusTrapInitialFocus;
 
 // src/components/ui/grid.tsx
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx140 } from "react/jsx-runtime";
 var gridVariants = cva16("grid w-full grid-cols-12", {
   variants: {
     gutter: {
@@ -14509,7 +15877,7 @@ var gridColVariants = cva16("", {
   }
 });
 function Grid({ className, gutter, children, ...props }) {
-  return /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx140(
     "div",
     {
       "data-slot": "grid",
@@ -14530,7 +15898,7 @@ function GridCol({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx140(
     "div",
     {
       "data-slot": "grid-col",
@@ -14547,7 +15915,7 @@ function GridCol({
 Grid.Col = GridCol;
 
 // src/components/ui/group.tsx
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx141 } from "react/jsx-runtime";
 function Group({
   className,
   gap = "md",
@@ -14578,7 +15946,7 @@ function Group({
     between: "justify-between",
     around: "justify-around"
   };
-  return /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx141(
     "div",
     {
       "data-slot": "group",
@@ -14598,7 +15966,7 @@ function Group({
 }
 
 // src/components/ui/highlight.tsx
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
 function Highlight2({
   children,
   highlight,
@@ -14607,44 +15975,44 @@ function Highlight2({
   ...props
 }) {
   if (!(children && highlight)) {
-    return /* @__PURE__ */ jsx138("span", { className, ...props, children });
+    return /* @__PURE__ */ jsx142("span", { className, ...props, children });
   }
   const highlights = Array.isArray(highlight) ? highlight : [highlight];
   const pattern = highlights.filter(Boolean).map((term) => term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
   if (!pattern) {
-    return /* @__PURE__ */ jsx138("span", { className, ...props, children });
+    return /* @__PURE__ */ jsx142("span", { className, ...props, children });
   }
   const regex = new RegExp(`(${pattern})`, "gi");
   const parts = children.split(regex);
-  return /* @__PURE__ */ jsx138("span", { "data-slot": "highlight", className, ...props, children: parts.map((part, i) => {
+  return /* @__PURE__ */ jsx142("span", { "data-slot": "highlight", className, ...props, children: parts.map((part, i) => {
     const isMatch = highlights.some(
       (term) => term.toLowerCase() === part.toLowerCase()
     );
     const key = `${part}-${i}`;
-    return isMatch ? /* @__PURE__ */ jsx138(
+    return isMatch ? /* @__PURE__ */ jsx142(
       "mark",
       {
         className: cn("cn-highlight-mark", highlightClassName),
         children: part
       },
       key
-    ) : /* @__PURE__ */ jsx138("span", { children: part }, key);
+    ) : /* @__PURE__ */ jsx142("span", { children: part }, key);
   }) });
 }
 
 // src/components/ui/hover-card.tsx
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-import { jsx as jsx139 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 var HOVER_CARD_POSITIONER_CN = "isolate z-50";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx139(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx143(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx139(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx143(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -14654,7 +16022,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx139(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx139(
+  return /* @__PURE__ */ jsx143(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx143(
     PreviewCardPrimitive.Positioner,
     {
       align,
@@ -14662,7 +16030,7 @@ function HoverCardContent({
       side,
       sideOffset,
       className: HOVER_CARD_POSITIONER_CN,
-      children: /* @__PURE__ */ jsx139(
+      children: /* @__PURE__ */ jsx143(
         PreviewCardPrimitive.Popup,
         {
           "data-slot": "hover-card-content",
@@ -14679,7 +16047,7 @@ function HoverCardContent({
 
 // src/components/ui/indicator.tsx
 import { cva as cva17 } from "class-variance-authority";
-import { jsx as jsx140, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs87 } from "react/jsx-runtime";
 var indicatorVariants = cva17(
   "cn-indicator absolute flex items-center justify-center rounded-full text-xs font-medium transition-colors",
   {
@@ -14740,16 +16108,16 @@ function Indicator({
   ...props
 }) {
   if (disabled) {
-    return /* @__PURE__ */ jsx140("div", { className: cn(inline && "inline-block"), children });
+    return /* @__PURE__ */ jsx144("div", { className: cn(inline && "inline-block"), children });
   }
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs87(
     "div",
     {
       "data-slot": "indicator-wrapper",
       className: cn("relative", inline && "inline-block"),
       children: [
         children,
-        /* @__PURE__ */ jsx140(
+        /* @__PURE__ */ jsx144(
           "span",
           {
             "data-slot": "indicator",
@@ -14773,9 +16141,9 @@ function Indicator({
 // src/components/ui/item.tsx
 import { useRender as useRender8 } from "@base-ui/react/use-render";
 import { cva as cva18 } from "class-variance-authority";
-import { jsx as jsx141 } from "react/jsx-runtime";
+import { jsx as jsx145 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "ul",
     {
       "data-slot": "item-group",
@@ -14791,7 +16159,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     Separator,
     {
       "data-slot": "item-separator",
@@ -14826,7 +16194,7 @@ function Item({
   className,
   variant = "default",
   size = "default",
-  render = /* @__PURE__ */ jsx141("div", {}),
+  render = /* @__PURE__ */ jsx145("div", {}),
   ...props
 }) {
   return useRender8({
@@ -14861,7 +16229,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "div",
     {
       "data-slot": "item-media",
@@ -14872,7 +16240,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "div",
     {
       "data-slot": "item-content",
@@ -14885,7 +16253,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "div",
     {
       "data-slot": "item-title",
@@ -14898,7 +16266,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "p",
     {
       "data-slot": "item-description",
@@ -14912,7 +16280,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "div",
     {
       "data-slot": "item-actions",
@@ -14922,7 +16290,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "div",
     {
       "data-slot": "item-header",
@@ -14935,7 +16303,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx145(
     "div",
     {
       "data-slot": "item-footer",
@@ -14949,8 +16317,8 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/ui/json-input.tsx
-import { useState as useState37 } from "react";
-import { jsx as jsx142, jsxs as jsxs85 } from "react/jsx-runtime";
+import { useState as useState38 } from "react";
+import { jsx as jsx146, jsxs as jsxs88 } from "react/jsx-runtime";
 function JsonInput({
   className,
   value,
@@ -14971,10 +16339,10 @@ function JsonInput({
     }
     return "";
   };
-  const [internalValue, setInternalValue] = useState37(
+  const [internalValue, setInternalValue] = useState38(
     stringifyValue(defaultValue) || "{}"
   );
-  const [error, setError] = useState37(null);
+  const [error, setError] = useState38(null);
   const currentValue = value !== void 0 ? stringifyValue(value) : internalValue;
   const handleChange = (e) => {
     const newValue = e.target.value;
@@ -15003,8 +16371,8 @@ function JsonInput({
     onBlur?.(e);
   };
   const errorMessage = validationError || error;
-  return /* @__PURE__ */ jsxs85("div", { "data-slot": "json-input", className: "cn-json-input relative w-full", children: [
-    /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsxs88("div", { "data-slot": "json-input", className: "cn-json-input relative w-full", children: [
+    /* @__PURE__ */ jsx146(
       Textarea,
       {
         value: currentValue,
@@ -15016,14 +16384,14 @@ function JsonInput({
         ...props
       }
     ),
-    errorMessage && /* @__PURE__ */ jsx142("p", { "data-slot": "json-input-error", className: "cn-json-input-error", children: errorMessage })
+    errorMessage && /* @__PURE__ */ jsx146("p", { "data-slot": "json-input-error", className: "cn-json-input-error", children: errorMessage })
   ] });
 }
 
 // src/components/ui/kbd.tsx
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx147(
     "kbd",
     {
       "data-slot": "kbd",
@@ -15036,7 +16404,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx147(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -15048,7 +16416,7 @@ function KbdGroup({ className, ...props }) {
 
 // src/components/ui/list.tsx
 import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx144 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 var listVariants = cva19("space-y-2", {
   variants: {
     listStyle: {
@@ -15083,7 +16451,7 @@ function List({
     className
   );
   if (ordered) {
-    return /* @__PURE__ */ jsx144(
+    return /* @__PURE__ */ jsx148(
       "ol",
       {
         "data-slot": "list",
@@ -15092,7 +16460,7 @@ function List({
       }
     );
   }
-  return /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx148(
     "ul",
     {
       "data-slot": "list",
@@ -15102,7 +16470,7 @@ function List({
   );
 }
 function ListItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx148(
     "li",
     {
       "data-slot": "list-item",
@@ -15113,12 +16481,12 @@ function ListItem({ className, ...props }) {
 }
 
 // src/components/ui/mark.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx149 } from "react/jsx-runtime";
 function Mark({ className, color, ...props }) {
   const colorStyle = color ? {
     "--mark-color": `var(--${color})`
   } : void 0;
-  return /* @__PURE__ */ jsx145(
+  return /* @__PURE__ */ jsx149(
     "mark",
     {
       "data-slot": "mark",
@@ -15137,7 +16505,7 @@ function Mark({ className, color, ...props }) {
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
 import { IconCheck as IconCheck7, IconChevronRight as IconChevronRight9 } from "@tabler/icons-react";
-import { jsx as jsx146, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs89 } from "react/jsx-runtime";
 var MENUBAR_POSITIONER_CN = "isolate z-50 outline-none";
 var MENUBAR_CONTENT_CN = cn(
   "cn-menubar-content cn-menubar-content-logical cn-menu-target",
@@ -15159,7 +16527,7 @@ function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     MenubarPrimitive,
     {
       "data-slot": "menubar",
@@ -15171,28 +16539,28 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.Root, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx150(MenuPrimitive.Root, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsx150(MenuPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+  return /* @__PURE__ */ jsx150(MenuPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx150(MenuPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     MenuPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -15208,7 +16576,7 @@ function MenubarContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     MenuPrimitive.Popup,
     {
       "data-slot": "menubar-content",
@@ -15225,7 +16593,7 @@ function MenubarPositioner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx150(
     MenuPrimitive.Positioner,
     {
       "data-slot": "menubar-positioner",
@@ -15244,7 +16612,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     MenuPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -15262,7 +16630,7 @@ function MenubarCheckboxItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs89(
     MenuPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
@@ -15275,7 +16643,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx146("span", { className: "cn-menubar-checkbox-item-indicator pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx146(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx146(IconCheck7, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx150("span", { className: "cn-menubar-checkbox-item-indicator pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx150(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx150(IconCheck7, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -15287,7 +16655,7 @@ function MenubarRadioItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs89(
     MenuPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
@@ -15295,7 +16663,7 @@ function MenubarRadioItem({
       "data-inset": inset,
       ...props,
       children: [
-        /* @__PURE__ */ jsx146("span", { className: "cn-menubar-radio-item-indicator pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx146(MenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx146(IconCheck7, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx150("span", { className: "cn-menubar-radio-item-indicator pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx150(MenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx150(IconCheck7, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -15306,7 +16674,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     MenuPrimitive.GroupLabel,
     {
       "data-slot": "menubar-label",
@@ -15320,7 +16688,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     MenuPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -15333,7 +16701,7 @@ function MenubarShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -15345,7 +16713,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.SubmenuRoot, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx150(MenuPrimitive.SubmenuRoot, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -15353,7 +16721,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs89(
     MenuPrimitive.SubmenuTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -15366,7 +16734,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx146(IconChevronRight9, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx150(IconChevronRight9, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -15379,7 +16747,7 @@ function MenubarSubContent({
   sideOffset = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx146(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx150(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx150(
     MenuPrimitive.Positioner,
     {
       className: MENUBAR_POSITIONER_CN,
@@ -15387,7 +16755,7 @@ function MenubarSubContent({
       alignOffset,
       side,
       sideOffset,
-      children: /* @__PURE__ */ jsx146(
+      children: /* @__PURE__ */ jsx150(
         MenuPrimitive.Popup,
         {
           "data-slot": "menubar-sub-content",
@@ -15405,8 +16773,8 @@ function MenubarSubContent({
 }
 
 // src/components/ui/money-input.tsx
-import { forwardRef as forwardRef5, useCallback as useCallback10, useState as useState38 } from "react";
-import { jsx as jsx147, jsxs as jsxs87 } from "react/jsx-runtime";
+import { forwardRef as forwardRef7, useCallback as useCallback11, useState as useState39 } from "react";
+import { jsx as jsx151, jsxs as jsxs90 } from "react/jsx-runtime";
 var defaultCurrencies = [
   { label: "ETB", value: "etb", symbol: "Br" },
   { label: "USD", value: "usd", symbol: "$" },
@@ -15441,7 +16809,7 @@ var sizeClasses4 = {
     select: "w-[90px] text-base"
   }
 };
-var MoneyInput = forwardRef5(
+var MoneyInput = forwardRef7(
   ({
     value = 0,
     currency = "etb",
@@ -15455,9 +16823,9 @@ var MoneyInput = forwardRef5(
     id
   }, ref) => {
     const placeholder = placeholderProp ?? (fractionDigits > 0 ? `0.${"0".repeat(fractionDigits)}` : "0");
-    const [internalValue, setInternalValue] = useState38(value);
-    const [internalCurrency, setInternalCurrency] = useState38(currency);
-    const [displayValue, setDisplayValue] = useState38(
+    const [internalValue, setInternalValue] = useState39(value);
+    const [internalCurrency, setInternalCurrency] = useState39(currency);
+    const [displayValue, setDisplayValue] = useState39(
       () => formatNumber(value, fractionDigits)
     );
     const currentCurrency = currencies.find(
@@ -15465,7 +16833,7 @@ var MoneyInput = forwardRef5(
     );
     const currencySymbol = currentCurrency?.symbol || currentCurrency?.label || "";
     const sizes = sizeClasses4[size];
-    const handleInputChange = useCallback10(
+    const handleInputChange = useCallback11(
       (e) => {
         const rawValue = e.target.value;
         setDisplayValue(rawValue);
@@ -15474,31 +16842,31 @@ var MoneyInput = forwardRef5(
       },
       []
     );
-    const handleBlur = useCallback10(() => {
+    const handleBlur = useCallback11(() => {
       const formatted = formatNumber(internalValue, fractionDigits);
       setDisplayValue(formatted);
       onValueChange?.(internalValue, internalCurrency);
     }, [internalValue, internalCurrency, onValueChange, fractionDigits]);
-    const handleFocus = useCallback10(() => {
+    const handleFocus = useCallback11(() => {
       setDisplayValue(
         internalValue % 1 === 0 ? internalValue.toString() : internalValue.toFixed(fractionDigits)
       );
     }, [internalValue, fractionDigits]);
-    const handleCurrencyChange = useCallback10(
+    const handleCurrencyChange = useCallback11(
       (newCurrency) => {
         setInternalCurrency(newCurrency);
         onValueChange?.(internalValue, newCurrency);
       },
       [internalValue, onValueChange]
     );
-    return /* @__PURE__ */ jsx147(
+    return /* @__PURE__ */ jsx151(
       "div",
       {
         ref,
         "data-slot": "money-input",
         className: cn("w-full", className),
-        children: /* @__PURE__ */ jsxs87(InputGroup, { disabled, className: cn(sizes.group), children: [
-          /* @__PURE__ */ jsx147(
+        children: /* @__PURE__ */ jsxs90(InputGroup, { disabled, className: cn(sizes.group), children: [
+          /* @__PURE__ */ jsx151(
             InputGroupAddon,
             {
               align: "inline-start",
@@ -15506,7 +16874,7 @@ var MoneyInput = forwardRef5(
               children: currencySymbol
             }
           ),
-          /* @__PURE__ */ jsx147(
+          /* @__PURE__ */ jsx151(
             InputGroupInput,
             {
               id,
@@ -15520,24 +16888,24 @@ var MoneyInput = forwardRef5(
               className: "tabular-nums !pl-2"
             }
           ),
-          /* @__PURE__ */ jsx147(InputGroupAddon, { align: "inline-end", className: "py-0 pr-0", children: /* @__PURE__ */ jsx147("div", { className: "cn-money-input-currency-divider flex h-full items-center", children: /* @__PURE__ */ jsxs87(
+          /* @__PURE__ */ jsx151(InputGroupAddon, { align: "inline-end", className: "py-0 pr-0", children: /* @__PURE__ */ jsx151("div", { className: "cn-money-input-currency-divider flex h-full items-center", children: /* @__PURE__ */ jsxs90(
             Select,
             {
               value: internalCurrency,
               onValueChange: (v) => handleCurrencyChange(v),
               disabled,
               children: [
-                /* @__PURE__ */ jsx147(
+                /* @__PURE__ */ jsx151(
                   SelectTrigger,
                   {
                     className: cn(
                       "cn-money-input-currency-trigger h-full min-h-0 w-auto uppercase",
                       sizes.select
                     ),
-                    children: /* @__PURE__ */ jsx147(SelectValue, { className: "uppercase" })
+                    children: /* @__PURE__ */ jsx151(SelectValue, { className: "uppercase" })
                   }
                 ),
-                /* @__PURE__ */ jsx147(SelectContent, { children: currencies.map((curr) => /* @__PURE__ */ jsx147(SelectItem, { value: curr.value, children: curr.label.toUpperCase() }, curr.value)) })
+                /* @__PURE__ */ jsx151(SelectContent, { children: currencies.map((curr) => /* @__PURE__ */ jsx151(SelectItem, { value: curr.value, children: curr.label.toUpperCase() }, curr.value)) })
               ]
             }
           ) }) })
@@ -15550,9 +16918,9 @@ MoneyInput.displayName = "MoneyInput";
 
 // src/components/ui/multi-select.tsx
 import { Autocomplete as AutocompletePrimitive2 } from "@base-ui/react/autocomplete";
-import { IconCheck as IconCheck8, IconChevronDown as IconChevronDown10, IconX as IconX12 } from "@tabler/icons-react";
-import { useState as useState39 } from "react";
-import { jsx as jsx148, jsxs as jsxs88 } from "react/jsx-runtime";
+import { IconCheck as IconCheck8, IconChevronDown as IconChevronDown11, IconX as IconX12 } from "@tabler/icons-react";
+import { useState as useState40 } from "react";
+import { jsx as jsx152, jsxs as jsxs91 } from "react/jsx-runtime";
 function MultiSelect({
   options,
   value = [],
@@ -15563,8 +16931,8 @@ function MultiSelect({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = useState39(false);
-  const [inputValue, setInputValue] = useState39("");
+  const [open, setOpen] = useState40(false);
+  const [inputValue, setInputValue] = useState40("");
   const selectedOptions = options.filter((opt) => value.includes(opt.value));
   const filteredOptions = inputValue === "" ? options : options.filter(
     (option) => option.label.toLowerCase().includes(inputValue.toLowerCase())
@@ -15576,7 +16944,7 @@ function MultiSelect({
   const handleRemove = (optionValue) => {
     onValueChange?.(value.filter((v) => v !== optionValue));
   };
-  return /* @__PURE__ */ jsx148(
+  return /* @__PURE__ */ jsx152(
     "div",
     {
       "data-slot": "multi-select",
@@ -15585,7 +16953,7 @@ function MultiSelect({
         "relative w-full data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
-      children: /* @__PURE__ */ jsxs88(
+      children: /* @__PURE__ */ jsxs91(
         AutocompletePrimitive2.Root,
         {
           open: disabled ? false : open,
@@ -15602,16 +16970,16 @@ function MultiSelect({
           inline: true,
           ...props,
           children: [
-            /* @__PURE__ */ jsxs88("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx148("div", { className: "cn-combobox-chips", children: /* @__PURE__ */ jsxs88("div", { className: "flex flex-wrap gap-1", children: [
-                selectedOptions.map((option) => /* @__PURE__ */ jsxs88(
+            /* @__PURE__ */ jsxs91("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx152("div", { className: "cn-combobox-chips", children: /* @__PURE__ */ jsxs91("div", { className: "flex flex-wrap gap-1", children: [
+                selectedOptions.map((option) => /* @__PURE__ */ jsxs91(
                   "span",
                   {
                     "data-slot": "multi-select-chip",
                     className: "cn-combobox-chip",
                     children: [
-                      /* @__PURE__ */ jsx148("span", { className: "flex-1", children: option.label }),
-                      /* @__PURE__ */ jsxs88(
+                      /* @__PURE__ */ jsx152("span", { className: "flex-1", children: option.label }),
+                      /* @__PURE__ */ jsxs91(
                         "button",
                         {
                           type: "button",
@@ -15622,8 +16990,8 @@ function MultiSelect({
                           },
                           className: "cn-combobox-chip-remove",
                           children: [
-                            /* @__PURE__ */ jsx148("span", { className: "sr-only", children: "Remove" }),
-                            /* @__PURE__ */ jsx148(IconX12, { className: "size-3" })
+                            /* @__PURE__ */ jsx152("span", { className: "sr-only", children: "Remove" }),
+                            /* @__PURE__ */ jsx152(IconX12, { className: "size-3" })
                           ]
                         }
                       )
@@ -15631,7 +16999,7 @@ function MultiSelect({
                   },
                   option.value
                 )),
-                /* @__PURE__ */ jsx148(
+                /* @__PURE__ */ jsx152(
                   AutocompletePrimitive2.Input,
                   {
                     "data-slot": "multi-select-input",
@@ -15644,14 +17012,14 @@ function MultiSelect({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx148(IconChevronDown10, { className: "cn-multi-select-trigger-icon" })
+              /* @__PURE__ */ jsx152(IconChevronDown11, { className: "cn-multi-select-trigger-icon" })
             ] }),
-            open && /* @__PURE__ */ jsx148(
+            open && /* @__PURE__ */ jsx152(
               AutocompletePrimitive2.List,
               {
                 "data-slot": "multi-select-content",
                 className: cn("cn-multi-select-content cn-combobox-content"),
-                children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx148("div", { className: "cn-multi-select-empty", children: emptyText }) : filteredOptions.map((option) => /* @__PURE__ */ jsxs88(
+                children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx152("div", { className: "cn-multi-select-empty", children: emptyText }) : filteredOptions.map((option) => /* @__PURE__ */ jsxs91(
                   AutocompletePrimitive2.Item,
                   {
                     value: option.value,
@@ -15664,8 +17032,8 @@ function MultiSelect({
                       "cn-combobox-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx148("span", { className: "flex-1", children: option.label }),
-                      value.includes(option.value) && /* @__PURE__ */ jsx148("span", { className: "cn-combobox-item-indicator", children: /* @__PURE__ */ jsx148(IconCheck8, { className: "size-4" }) })
+                      /* @__PURE__ */ jsx152("span", { className: "flex-1", children: option.label }),
+                      value.includes(option.value) && /* @__PURE__ */ jsx152("span", { className: "cn-combobox-item-indicator", children: /* @__PURE__ */ jsx152(IconCheck8, { className: "size-4" }) })
                     ]
                   },
                   option.value
@@ -15680,9 +17048,9 @@ function MultiSelect({
 }
 
 // src/components/ui/native-select.tsx
-import { IconChevronDown as IconChevronDown11 } from "@tabler/icons-react";
-import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx149, jsxs as jsxs89 } from "react/jsx-runtime";
+import { IconChevronDown as IconChevronDown12 } from "@tabler/icons-react";
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx153, jsxs as jsxs92 } from "react/jsx-runtime";
 function mapNativeSelectSize(size) {
   return size === "xs" || size === "sm" ? "sm" : "default";
 }
@@ -15691,11 +17059,11 @@ function parseOptions(data) {
     (item) => typeof item === "string" ? { value: item, label: item } : item
   );
 }
-var NativeSelectBase = forwardRef6(
+var NativeSelectBase = forwardRef8(
   ({ className, size = "md", data, children, rightSection, ...props }, ref) => {
     const options = data ? parseOptions(data) : null;
     const mappedSize = mapNativeSelectSize(size);
-    return /* @__PURE__ */ jsxs89(
+    return /* @__PURE__ */ jsxs92(
       "div",
       {
         "data-slot": "native-select-wrapper",
@@ -15705,7 +17073,7 @@ var NativeSelectBase = forwardRef6(
           className
         ),
         children: [
-          /* @__PURE__ */ jsx149(
+          /* @__PURE__ */ jsx153(
             "select",
             {
               ref,
@@ -15715,16 +17083,16 @@ var NativeSelectBase = forwardRef6(
                 "cn-native-select outline-none disabled:pointer-events-none disabled:cursor-not-allowed"
               ),
               ...props,
-              children: options ? options.map((opt) => /* @__PURE__ */ jsx149("option", { value: opt.value, children: opt.label }, opt.value)) : children
+              children: options ? options.map((opt) => /* @__PURE__ */ jsx153("option", { value: opt.value, children: opt.label }, opt.value)) : children
             }
           ),
-          /* @__PURE__ */ jsx149(
+          /* @__PURE__ */ jsx153(
             "span",
             {
               "data-slot": "native-select-icon",
               "aria-hidden": "true",
               className: "cn-native-select-icon pointer-events-none absolute select-none",
-              children: rightSection ?? /* @__PURE__ */ jsx149(IconChevronDown11, { className: "size-4" })
+              children: rightSection ?? /* @__PURE__ */ jsx153(IconChevronDown12, { className: "size-4" })
             }
           )
         ]
@@ -15733,7 +17101,7 @@ var NativeSelectBase = forwardRef6(
   }
 );
 NativeSelectBase.displayName = "NativeSelectBase";
-var NativeSelect = forwardRef6(
+var NativeSelect = forwardRef8(
   ({
     label,
     description,
@@ -15749,11 +17117,11 @@ var NativeSelect = forwardRef6(
     ...selectProps
   }, ref) => {
     const hasWrapper = label || description || error || required || withAsterisk;
-    const select = /* @__PURE__ */ jsx149(NativeSelectBase, { ref, disabled, ...selectProps });
+    const select = /* @__PURE__ */ jsx153(NativeSelectBase, { ref, disabled, ...selectProps });
     if (!hasWrapper) {
       return select;
     }
-    return /* @__PURE__ */ jsx149(
+    return /* @__PURE__ */ jsx153(
       InputWrapper,
       {
         label,
@@ -15777,7 +17145,7 @@ NativeSelect.displayName = "NativeSelect";
 // src/components/ui/nav-link.tsx
 import { useMesob as useMesob9 } from "@mesob/ui/providers";
 import { cva as cva20 } from "class-variance-authority";
-import { jsx as jsx150, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx154, jsxs as jsxs93 } from "react/jsx-runtime";
 var isExternal3 = (href) => !href || href.startsWith("http") || href.startsWith("//") || href.startsWith("mailto:") || href.startsWith("tel:");
 var navLinkVariants = cva20(
   "cn-nav-link flex items-center gap-3 px-3 py-2 text-sm font-medium transition-colors cursor-pointer",
@@ -15816,7 +17184,7 @@ function NavLink({
   const useLink = href && !isExternal3(href) && Link2;
   const Comp = useLink ? Link2 : "a";
   const linkProps = useLink ? { ...props, href, ...locale && { locale } } : { ...props, href };
-  return /* @__PURE__ */ jsxs90(
+  return /* @__PURE__ */ jsxs93(
     Comp,
     {
       "data-slot": "nav-link",
@@ -15830,9 +17198,9 @@ function NavLink({
       "aria-current": active ? "page" : void 0,
       ...linkProps,
       children: [
-        icon && /* @__PURE__ */ jsx150("span", { className: "shrink-0 [&>svg]:size-5", "data-slot": "nav-link-icon", children: icon }),
-        /* @__PURE__ */ jsx150("span", { className: "flex-1", "data-slot": "nav-link-label", children: label }),
-        rightSection && /* @__PURE__ */ jsx150(
+        icon && /* @__PURE__ */ jsx154("span", { className: "shrink-0 [&>svg]:size-5", "data-slot": "nav-link-icon", children: icon }),
+        /* @__PURE__ */ jsx154("span", { className: "flex-1", "data-slot": "nav-link-label", children: label }),
+        rightSection && /* @__PURE__ */ jsx154(
           "span",
           {
             className: "shrink-0 text-muted-foreground",
@@ -15848,16 +17216,16 @@ function NavLink({
 
 // src/components/ui/navigation-menu.tsx
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
-import { IconChevronDown as IconChevronDown12 } from "@tabler/icons-react";
+import { IconChevronDown as IconChevronDown13 } from "@tabler/icons-react";
 import { cva as cva21 } from "class-variance-authority";
-import { jsx as jsx151, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs94 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs94(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -15869,17 +17237,17 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx151(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx151(
+        viewport && /* @__PURE__ */ jsx155(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx155(
           NavigationMenuPrimitive.Positioner,
           {
             "data-slot": "navigation-menu-positioner",
             className: "cn-navigation-menu-positioner isolate z-50",
-            children: /* @__PURE__ */ jsx151(
+            children: /* @__PURE__ */ jsx155(
               NavigationMenuPrimitive.Popup,
               {
                 "data-slot": "navigation-menu-popup",
                 className: "cn-navigation-menu-popup outline-none",
-                children: /* @__PURE__ */ jsx151(NavigationMenuViewport, {})
+                children: /* @__PURE__ */ jsx155(NavigationMenuViewport, {})
               }
             )
           }
@@ -15892,7 +17260,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsx155(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -15908,7 +17276,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsx155(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -15923,7 +17291,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs94(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -15935,8 +17303,8 @@ function NavigationMenuTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx151(
-          IconChevronDown12,
+        /* @__PURE__ */ jsx155(
+          IconChevronDown13,
           {
             className: "cn-navigation-menu-trigger-icon",
             "aria-hidden": "true"
@@ -15950,7 +17318,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsx155(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -15966,7 +17334,7 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx151("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsx155("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ jsx155(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -15982,7 +17350,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsx155(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -15995,7 +17363,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsx155(
     "div",
     {
       "data-slot": "navigation-menu-indicator",
@@ -16004,13 +17372,13 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx151("div", { className: "cn-navigation-menu-indicator-arrow" })
+      children: /* @__PURE__ */ jsx155("div", { className: "cn-navigation-menu-indicator-arrow" })
     }
   );
 }
 
 // src/components/ui/number-formatter.tsx
-import { jsx as jsx152 } from "react/jsx-runtime";
+import { jsx as jsx156 } from "react/jsx-runtime";
 function NumberFormatter({
   className,
   value,
@@ -16041,7 +17409,7 @@ function NumberFormatter({
     }
     return `${prefix}${result}${suffix}`;
   };
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx156(
     "span",
     {
       "data-slot": "number-formatter",
@@ -16053,15 +17421,15 @@ function NumberFormatter({
 }
 
 // src/components/ui/number-input.tsx
-import { IconChevronDown as IconChevronDown13, IconChevronUp as IconChevronUp4 } from "@tabler/icons-react";
-import { forwardRef as forwardRef7, useCallback as useCallback11 } from "react";
+import { IconChevronDown as IconChevronDown14, IconChevronUp as IconChevronUp4 } from "@tabler/icons-react";
+import { forwardRef as forwardRef9, useCallback as useCallback12 } from "react";
 
 // src/components/ui/unstyled-button.tsx
 import { useRender as useRender9 } from "@base-ui/react/use-render";
-import { jsx as jsx153 } from "react/jsx-runtime";
+import { jsx as jsx157 } from "react/jsx-runtime";
 function UnstyledButton({
   className,
-  render = /* @__PURE__ */ jsx153("button", { type: "button" }),
+  render = /* @__PURE__ */ jsx157("button", { type: "button" }),
   ...props
 }) {
   return useRender9({
@@ -16079,7 +17447,7 @@ function UnstyledButton({
 }
 
 // src/components/ui/number-input.tsx
-import { jsx as jsx154, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs95 } from "react/jsx-runtime";
 var sizeClasses5 = {
   xs: "h-7",
   sm: "h-8",
@@ -16111,7 +17479,7 @@ function getDisplayValue({
   }
   return "";
 }
-var NumberInput = forwardRef7(
+var NumberInput = forwardRef9(
   ({
     value,
     defaultValue,
@@ -16139,7 +17507,7 @@ var NumberInput = forwardRef7(
   }, ref) => {
     const numValue = getNumberValue(value);
     const displayValue = getDisplayValue({ value, defaultValue });
-    const clamp = useCallback11(
+    const clamp = useCallback12(
       (n) => {
         let v = n;
         if (min !== void 0 && v < min) {
@@ -16152,7 +17520,7 @@ var NumberInput = forwardRef7(
       },
       [min, max]
     );
-    const handleStep = useCallback11(
+    const handleStep = useCallback12(
       (delta) => {
         let current;
         if (numValue !== void 0) {
@@ -16182,13 +17550,13 @@ var NumberInput = forwardRef7(
     };
     const hasWrapper = label || description || error || required || withAsterisk;
     const showControls = controls && !disabled;
-    const controlsEl = showControls ? /* @__PURE__ */ jsxs92(
+    const controlsEl = showControls ? /* @__PURE__ */ jsxs95(
       "div",
       {
         "data-slot": "number-input-controls",
         className: "cn-number-input-controls",
         children: [
-          /* @__PURE__ */ jsx154(
+          /* @__PURE__ */ jsx158(
             UnstyledButton,
             {
               type: "button",
@@ -16201,10 +17569,10 @@ var NumberInput = forwardRef7(
                 e.preventDefault();
                 handleStep(step ?? 1);
               },
-              children: /* @__PURE__ */ jsx154(IconChevronUp4, { className: "size-4" })
+              children: /* @__PURE__ */ jsx158(IconChevronUp4, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx154(
+          /* @__PURE__ */ jsx158(
             UnstyledButton,
             {
               type: "button",
@@ -16217,15 +17585,15 @@ var NumberInput = forwardRef7(
                 e.preventDefault();
                 handleStep(-(step ?? 1));
               },
-              children: /* @__PURE__ */ jsx154(IconChevronDown13, { className: "size-4" })
+              children: /* @__PURE__ */ jsx158(IconChevronDown14, { className: "size-4" })
             }
           )
         ]
       }
     ) : null;
-    const inputEl = /* @__PURE__ */ jsxs92(InputGroup, { disabled, className: cn(sizeClasses5[size]), children: [
-      leftSection && /* @__PURE__ */ jsx154(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
-      /* @__PURE__ */ jsx154(
+    const inputEl = /* @__PURE__ */ jsxs95(InputGroup, { disabled, className: cn(sizeClasses5[size]), children: [
+      leftSection && /* @__PURE__ */ jsx158(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
+      /* @__PURE__ */ jsx158(
         InputGroupInput,
         {
           ref,
@@ -16243,8 +17611,8 @@ var NumberInput = forwardRef7(
           ...inputProps
         }
       ),
-      rightSection && !showControls && /* @__PURE__ */ jsx154(InputGroupAddon, { align: "inline-end", children: rightSection }),
-      showControls && /* @__PURE__ */ jsx154(
+      rightSection && !showControls && /* @__PURE__ */ jsx158(InputGroupAddon, { align: "inline-end", children: rightSection }),
+      showControls && /* @__PURE__ */ jsx158(
         InputGroupAddon,
         {
           align: "inline-end",
@@ -16256,7 +17624,7 @@ var NumberInput = forwardRef7(
     if (!hasWrapper) {
       return inputEl;
     }
-    return /* @__PURE__ */ jsx154(
+    return /* @__PURE__ */ jsx158(
       InputWrapper,
       {
         label,
@@ -16283,9 +17651,9 @@ import {
   IconChevronRight as IconChevronRight10,
   IconDots as IconDots2
 } from "@tabler/icons-react";
-import { jsx as jsx155, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs96 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx155(
+  return /* @__PURE__ */ jsx159(
     "nav",
     {
       "aria-label": "pagination",
@@ -16299,7 +17667,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx155(
+  return /* @__PURE__ */ jsx159(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -16309,7 +17677,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx155("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx159("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -16317,7 +17685,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx155(
+  return /* @__PURE__ */ jsx159(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -16339,7 +17707,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs96(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -16347,8 +17715,8 @@ function PaginationPrevious({
       className: cn("cn-pagination-previous gap-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx155(IconChevronLeft4, {}),
-        /* @__PURE__ */ jsx155("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx159(IconChevronLeft4, {}),
+        /* @__PURE__ */ jsx159("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -16357,7 +17725,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs96(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -16365,8 +17733,8 @@ function PaginationNext({
       className: cn("cn-pagination-next gap-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx155("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx155(IconChevronRight10, {})
+        /* @__PURE__ */ jsx159("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx159(IconChevronRight10, {})
       ]
     }
   );
@@ -16375,7 +17743,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs96(
     "span",
     {
       "aria-hidden": true,
@@ -16383,15 +17751,15 @@ function PaginationEllipsis({
       className: cn("cn-pagination-ellipsis flex", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx155(IconDots2, { className: "size-4" }),
-        /* @__PURE__ */ jsx155("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx159(IconDots2, { className: "size-4" }),
+        /* @__PURE__ */ jsx159("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/ui/paper.tsx
-import { jsx as jsx156 } from "react/jsx-runtime";
+import { jsx as jsx160 } from "react/jsx-runtime";
 function Paper({
   className,
   padding = "md",
@@ -16424,7 +17792,7 @@ function Paper({
     lg: "shadow-lg",
     xl: "shadow-xl"
   };
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx160(
     "div",
     {
       "data-slot": "paper",
@@ -16443,11 +17811,11 @@ function Paper({
 
 // src/components/ui/password-input.tsx
 import { IconEye, IconEyeOff } from "@tabler/icons-react";
-import { forwardRef as forwardRef8, useState as useState40 } from "react";
-import { jsx as jsx157, jsxs as jsxs94 } from "react/jsx-runtime";
-var PasswordInput = forwardRef8(
+import { forwardRef as forwardRef10, useState as useState41 } from "react";
+import { jsx as jsx161, jsxs as jsxs97 } from "react/jsx-runtime";
+var PasswordInput = forwardRef10(
   ({ className, showToggle = true, size, ...props }, ref) => {
-    const [showPassword, setShowPassword] = useState40(false);
+    const [showPassword, setShowPassword] = useState41(false);
     const groupSizeClasses = {
       xs: "h-7",
       sm: "h-8",
@@ -16456,13 +17824,13 @@ var PasswordInput = forwardRef8(
       xl: "h-12"
     };
     const iconButtonSize = size === "xs" || size === "sm" ? "icon-xs" : "icon-sm";
-    return /* @__PURE__ */ jsxs94(
+    return /* @__PURE__ */ jsxs97(
       InputGroup,
       {
         disabled: props.disabled,
         className: cn(size && groupSizeClasses[size]),
         children: [
-          /* @__PURE__ */ jsx157(
+          /* @__PURE__ */ jsx161(
             InputGroupInput,
             {
               ref,
@@ -16471,7 +17839,7 @@ var PasswordInput = forwardRef8(
               ...props
             }
           ),
-          showToggle && /* @__PURE__ */ jsx157(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx157(
+          showToggle && /* @__PURE__ */ jsx161(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx161(
             InputGroupButton,
             {
               type: "button",
@@ -16482,7 +17850,7 @@ var PasswordInput = forwardRef8(
               "aria-label": showPassword ? "Hide password" : "Show password",
               tabIndex: -1,
               disabled: props.disabled,
-              children: showPassword ? /* @__PURE__ */ jsx157(IconEyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx157(IconEye, { className: "size-4" })
+              children: showPassword ? /* @__PURE__ */ jsx161(IconEyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx161(IconEye, { className: "size-4" })
             }
           ) })
         ]
@@ -16491,7 +17859,7 @@ var PasswordInput = forwardRef8(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var PasswordInputWithWrapper = forwardRef8(
+var PasswordInputWithWrapper = forwardRef10(
   ({
     label,
     description,
@@ -16507,11 +17875,11 @@ var PasswordInputWithWrapper = forwardRef8(
     ...passwordInputProps
   }, ref) => {
     const hasWrapper = label || description || error || required || withAsterisk;
-    const passwordInput = /* @__PURE__ */ jsx157(PasswordInput, { ref, disabled, ...passwordInputProps });
+    const passwordInput = /* @__PURE__ */ jsx161(PasswordInput, { ref, disabled, ...passwordInputProps });
     if (!hasWrapper) {
       return passwordInput;
     }
-    return /* @__PURE__ */ jsx157(
+    return /* @__PURE__ */ jsx161(
       InputWrapper,
       {
         label,
@@ -16534,7 +17902,7 @@ PasswordInputWithWrapper.displayName = "PasswordInputWithWrapper";
 
 // src/components/ui/pill.tsx
 import { cva as cva22 } from "class-variance-authority";
-import { jsx as jsx158, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs98 } from "react/jsx-runtime";
 var pillVariants = cva22(
   "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",
   {
@@ -16578,7 +17946,7 @@ function Pill({
   disabled,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs95(
+  return /* @__PURE__ */ jsxs98(
     "span",
     {
       "data-slot": "pill",
@@ -16591,8 +17959,8 @@ function Pill({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx158("span", { className: "truncate", children }),
-        withRemoveButton && !disabled && /* @__PURE__ */ jsx158(
+        /* @__PURE__ */ jsx162("span", { className: "truncate", children }),
+        withRemoveButton && !disabled && /* @__PURE__ */ jsx162(
           CloseButton,
           {
             size: "icon-xs",
@@ -16619,7 +17987,7 @@ function Pill({
 
 // src/components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx163 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
@@ -16636,7 +18004,7 @@ function Progress({
     xl: "rounded-[var(--radius-xl)]",
     full: "rounded-full"
   };
-  return /* @__PURE__ */ jsx159(
+  return /* @__PURE__ */ jsx163(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -16648,7 +18016,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx159(
+      children: /* @__PURE__ */ jsx163(
         ProgressPrimitive.Track,
         {
           "data-slot": "progress-track",
@@ -16657,7 +18025,7 @@ function Progress({
             "cn-progress-track h-full w-full",
             radius && radiusClasses2[radius]
           ),
-          children: /* @__PURE__ */ jsx159(
+          children: /* @__PURE__ */ jsx163(
             ProgressPrimitive.Indicator,
             {
               "data-slot": "progress-indicator",
@@ -16677,8 +18045,8 @@ import {
   IconStarFilled,
   IconStarHalfFilled
 } from "@tabler/icons-react";
-import { useState as useState41 } from "react";
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { useState as useState42 } from "react";
+import { jsx as jsx164 } from "react/jsx-runtime";
 function Rating({
   count = 5,
   value = 0,
@@ -16691,7 +18059,7 @@ function Rating({
   className,
   ...props
 }) {
-  const [hoverValue, setHoverValue] = useState41(null);
+  const [hoverValue, setHoverValue] = useState42(null);
   const isDisabled = readOnly || disabled;
   const sizeClasses6 = {
     sm: "size-4",
@@ -16715,16 +18083,16 @@ function Rating({
   };
   const renderIcon = (filled, half) => {
     if (filled) {
-      return /* @__PURE__ */ jsx160(IconStarFilled, { className: cn(sizeClasses6[size], color) });
+      return /* @__PURE__ */ jsx164(IconStarFilled, { className: cn(sizeClasses6[size], color) });
     }
     if (half) {
-      return /* @__PURE__ */ jsx160(IconStarHalfFilled, { className: cn(sizeClasses6[size], color) });
+      return /* @__PURE__ */ jsx164(IconStarHalfFilled, { className: cn(sizeClasses6[size], color) });
     }
-    return /* @__PURE__ */ jsx160(IconStar, { className: cn(sizeClasses6[size], "text-muted-foreground") });
+    return /* @__PURE__ */ jsx164(IconStar, { className: cn(sizeClasses6[size], "text-muted-foreground") });
   };
   return (
     // biome-ignore lint/a11y/useSemanticElements: fieldset would affect layout
-    /* @__PURE__ */ jsx160(
+    /* @__PURE__ */ jsx164(
       "div",
       {
         "data-slot": "rating",
@@ -16743,7 +18111,7 @@ function Rating({
           const isFilled = displayValue >= index + 1;
           const isHalf = displayValue >= index + 0.5 && displayValue < index + 1;
           const StarWrapper = isDisabled ? "div" : "button";
-          return /* @__PURE__ */ jsx160(
+          return /* @__PURE__ */ jsx164(
             StarWrapper,
             {
               type: isDisabled ? void 0 : "button",
@@ -16783,12 +18151,12 @@ function Rating({
 
 // src/components/ui/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx161 } from "react/jsx-runtime";
+import { jsx as jsx165 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx161(
+  return /* @__PURE__ */ jsx165(
     ResizablePrimitive.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
@@ -16803,26 +18171,26 @@ function ResizablePanelGroup({
 function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsx161(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx165(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx161(
+  return /* @__PURE__ */ jsx165(
     ResizablePrimitive.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
       className: cn("cn-resizable-handle", className),
       ...props,
-      children: withHandle && /* @__PURE__ */ jsx161("div", { "aria-hidden": true, className: "cn-resizable-handle-icon" })
+      children: withHandle && /* @__PURE__ */ jsx165("div", { "aria-hidden": true, className: "cn-resizable-handle-icon" })
     }
   );
 }
 
 // src/components/ui/ring-progress.tsx
-import { jsx as jsx162, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs99 } from "react/jsx-runtime";
 function RingProgress({
   value,
   size = 120,
@@ -16836,7 +18204,7 @@ function RingProgress({
   const radius = (size - thickness) / 2;
   const circumference = 2 * Math.PI * radius;
   const offset = circumference - normalizedValue / 100 * circumference;
-  return /* @__PURE__ */ jsxs96(
+  return /* @__PURE__ */ jsxs99(
     "div",
     {
       "data-slot": "ring-progress",
@@ -16847,13 +18215,13 @@ function RingProgress({
       style: { width: size, height: size },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs96("svg", { width: size, height: size, className: "-rotate-90", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsxs96("title", { children: [
+        /* @__PURE__ */ jsxs99("svg", { width: size, height: size, className: "-rotate-90", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxs99("title", { children: [
             "Progress: ",
             normalizedValue,
             "%"
           ] }),
-          /* @__PURE__ */ jsx162(
+          /* @__PURE__ */ jsx166(
             "circle",
             {
               cx: size / 2,
@@ -16865,7 +18233,7 @@ function RingProgress({
               className: "text-muted/40"
             }
           ),
-          /* @__PURE__ */ jsx162(
+          /* @__PURE__ */ jsx166(
             "circle",
             {
               cx: size / 2,
@@ -16881,14 +18249,14 @@ function RingProgress({
             }
           )
         ] }),
-        label && /* @__PURE__ */ jsx162("div", { className: "absolute inset-0 flex items-center justify-center", children: typeof label === "string" ? /* @__PURE__ */ jsx162("span", { className: "text-foreground text-sm font-semibold", children: label }) : label })
+        label && /* @__PURE__ */ jsx166("div", { className: "absolute inset-0 flex items-center justify-center", children: typeof label === "string" ? /* @__PURE__ */ jsx166("span", { className: "text-foreground text-sm font-semibold", children: label }) : label })
       ]
     }
   );
 }
 
 // src/components/ui/semi-circle-progress.tsx
-import { jsx as jsx163, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs100 } from "react/jsx-runtime";
 function SemiCircleProgress({
   className,
   value,
@@ -16902,7 +18270,7 @@ function SemiCircleProgress({
   const radius = (size - thickness) / 2;
   const circumference = Math.PI * radius;
   const strokeDashoffset = circumference - normalizedValue / 100 * circumference;
-  return /* @__PURE__ */ jsxs97(
+  return /* @__PURE__ */ jsxs100(
     "div",
     {
       "data-slot": "semi-circle-progress",
@@ -16912,7 +18280,7 @@ function SemiCircleProgress({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs97(
+        /* @__PURE__ */ jsxs100(
           "svg",
           {
             width: size,
@@ -16922,12 +18290,12 @@ function SemiCircleProgress({
             role: "img",
             "aria-label": `Progress: ${Math.round(normalizedValue)}%`,
             children: [
-              /* @__PURE__ */ jsxs97("title", { children: [
+              /* @__PURE__ */ jsxs100("title", { children: [
                 "Progress: ",
                 Math.round(normalizedValue),
                 "%"
               ] }),
-              /* @__PURE__ */ jsx163(
+              /* @__PURE__ */ jsx167(
                 "path",
                 {
                   d: `M ${thickness / 2},${size / 2} A ${radius},${radius} 0 0,1 ${size - thickness / 2},${size / 2}`,
@@ -16937,7 +18305,7 @@ function SemiCircleProgress({
                   strokeLinecap: "round"
                 }
               ),
-              /* @__PURE__ */ jsx163(
+              /* @__PURE__ */ jsx167(
                 "path",
                 {
                   d: `M ${thickness / 2},${size / 2} A ${radius},${radius} 0 0,1 ${size - thickness / 2},${size / 2}`,
@@ -16955,7 +18323,7 @@ function SemiCircleProgress({
             ]
           }
         ),
-        label && /* @__PURE__ */ jsx163("div", { className: "cn-semi-circle-progress-label text-center", children: label })
+        label && /* @__PURE__ */ jsx167("div", { className: "cn-semi-circle-progress-label text-center", children: label })
       ]
     }
   );
@@ -16963,7 +18331,7 @@ function SemiCircleProgress({
 
 // src/components/ui/simple-grid.tsx
 import { cva as cva23 } from "class-variance-authority";
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 var simpleGridVariants = cva23("grid w-full", {
   variants: {
     cols: {
@@ -17010,7 +18378,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__ */ jsx164(
+  return /* @__PURE__ */ jsx168(
     "div",
     {
       "data-slot": "simple-grid",
@@ -17031,7 +18399,7 @@ function SimpleGrid({
 }
 
 // src/components/ui/space.tsx
-import { jsx as jsx165 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 var sizeToRem = {
   xs: "0.25rem",
   sm: "0.5rem",
@@ -17063,7 +18431,7 @@ function Space({ className, h, w, style, ...props }) {
     styleOut.width = wVal;
     styleOut.minWidth = styleOut.minWidth ?? wVal;
   }
-  return /* @__PURE__ */ jsx165(
+  return /* @__PURE__ */ jsx169(
     "div",
     {
       "data-slot": "space",
@@ -17075,9 +18443,9 @@ function Space({ className, h, w, style, ...props }) {
 }
 
 // src/components/ui/spoiler.tsx
-import { IconChevronDown as IconChevronDown14 } from "@tabler/icons-react";
-import { useEffect as useEffect18, useRef as useRef19, useState as useState42 } from "react";
-import { jsx as jsx166, jsxs as jsxs98 } from "react/jsx-runtime";
+import { IconChevronDown as IconChevronDown15 } from "@tabler/icons-react";
+import { useEffect as useEffect19, useRef as useRef20, useState as useState43 } from "react";
+import { jsx as jsx170, jsxs as jsxs101 } from "react/jsx-runtime";
 function Spoiler({
   maxHeight = 100,
   showLabel = "Show more",
@@ -17087,10 +18455,10 @@ function Spoiler({
   className,
   ...props
 }) {
-  const [isExpanded, setIsExpanded] = useState42(initialState);
-  const [shouldShowButton, setShouldShowButton] = useState42(false);
-  const contentRef = useRef19(null);
-  useEffect18(() => {
+  const [isExpanded, setIsExpanded] = useState43(initialState);
+  const [shouldShowButton, setShouldShowButton] = useState43(false);
+  const contentRef = useRef20(null);
+  useEffect19(() => {
     const el = contentRef.current;
     if (!el) {
       return;
@@ -17107,14 +18475,14 @@ function Spoiler({
       window.removeEventListener("resize", update);
     };
   }, [maxHeight]);
-  return /* @__PURE__ */ jsxs98(
+  return /* @__PURE__ */ jsxs101(
     "div",
     {
       "data-slot": "spoiler",
       className: cn("cn-spoiler relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx166(
+        /* @__PURE__ */ jsx170(
           "div",
           {
             ref: contentRef,
@@ -17126,14 +18494,14 @@ function Spoiler({
             children
           }
         ),
-        !isExpanded && shouldShowButton && /* @__PURE__ */ jsx166(
+        !isExpanded && shouldShowButton && /* @__PURE__ */ jsx170(
           "div",
           {
             "data-slot": "spoiler-fade",
             className: "cn-spoiler-fade pointer-events-none absolute inset-x-0 bottom-0"
           }
         ),
-        shouldShowButton && /* @__PURE__ */ jsxs98(
+        shouldShowButton && /* @__PURE__ */ jsxs101(
           Button,
           {
             variant: "ghost",
@@ -17142,8 +18510,8 @@ function Spoiler({
             className: "mt-2 transition-colors",
             children: [
               isExpanded ? hideLabel : showLabel,
-              /* @__PURE__ */ jsx166(
-                IconChevronDown14,
+              /* @__PURE__ */ jsx170(
+                IconChevronDown15,
                 {
                   className: cn(
                     "size-4 transition-transform",
@@ -17160,7 +18528,7 @@ function Spoiler({
 }
 
 // src/components/ui/stack.tsx
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx171 } from "react/jsx-runtime";
 function Stack({
   className,
   gap = "md",
@@ -17189,7 +18557,7 @@ function Stack({
     between: "justify-between",
     around: "justify-around"
   };
-  return /* @__PURE__ */ jsx167(
+  return /* @__PURE__ */ jsx171(
     "div",
     {
       "data-slot": "stack",
@@ -17209,7 +18577,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 jsx168, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs102 } from "react/jsx-runtime";
 var StepperContext = createContext8({
   activeStep: 0,
   orientation: "horizontal"
@@ -17222,7 +18590,7 @@ function Stepper({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx168(StepperContext.Provider, { value: { activeStep, orientation }, children: /* @__PURE__ */ jsx168(
+  return /* @__PURE__ */ jsx172(StepperContext.Provider, { value: { activeStep, orientation }, children: /* @__PURE__ */ jsx172(
     "div",
     {
       "data-slot": "stepper",
@@ -17254,7 +18622,7 @@ function Step({
   } else if (isActive) {
     state = "active";
   }
-  return /* @__PURE__ */ jsxs99(
+  return /* @__PURE__ */ jsxs102(
     "div",
     {
       "data-slot": "step",
@@ -17266,7 +18634,7 @@ function Step({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs99(
+        /* @__PURE__ */ jsxs102(
           "div",
           {
             className: cn(
@@ -17274,16 +18642,16 @@ function Step({
               orientation === "horizontal" && "flex-col gap-2"
             ),
             children: [
-              /* @__PURE__ */ jsx168(
+              /* @__PURE__ */ jsx172(
                 "div",
                 {
                   "data-slot": "step-indicator",
                   "data-state": state,
                   className: cn("cn-step-indicator"),
-                  children: isCompleted ? /* @__PURE__ */ jsx168(IconCheck9, { className: "size-5" }) : /* @__PURE__ */ jsx168("span", { children: index + 1 })
+                  children: isCompleted ? /* @__PURE__ */ jsx172(IconCheck9, { className: "size-5" }) : /* @__PURE__ */ jsx172("span", { children: index + 1 })
                 }
               ),
-              (label || description) && /* @__PURE__ */ jsxs99(
+              (label || description) && /* @__PURE__ */ jsxs102(
                 "div",
                 {
                   className: cn(
@@ -17291,15 +18659,15 @@ function Step({
                     orientation === "vertical" && "text-left"
                   ),
                   children: [
-                    label && /* @__PURE__ */ jsx168("div", { className: cn("cn-step-label"), children: label }),
-                    description && /* @__PURE__ */ jsx168("div", { className: "cn-step-description", children: description })
+                    label && /* @__PURE__ */ jsx172("div", { className: cn("cn-step-label"), children: label }),
+                    description && /* @__PURE__ */ jsx172("div", { className: "cn-step-description", children: description })
                   ]
                 }
               )
             ]
           }
         ),
-        orientation === "horizontal" && !isLast && /* @__PURE__ */ jsx168(
+        orientation === "horizontal" && !isLast && /* @__PURE__ */ jsx172(
           "div",
           {
             "data-slot": "step-connector",
@@ -17307,7 +18675,7 @@ function Step({
             className: cn("cn-step-connector")
           }
         ),
-        orientation === "vertical" && /* @__PURE__ */ jsx168("div", { className: "flex flex-1 flex-col gap-2", children })
+        orientation === "vertical" && /* @__PURE__ */ jsx172("div", { className: "flex flex-1 flex-col gap-2", children })
       ]
     }
   );
@@ -17315,7 +18683,7 @@ function Step({
 
 // src/components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx173 } from "react/jsx-runtime";
 function mapSwitchSize(size) {
   return size === "xs" || size === "sm" ? "sm" : "default";
 }
@@ -17326,7 +18694,7 @@ function Switch({
   ...props
 }) {
   const mappedSize = mapSwitchSize(size);
-  return /* @__PURE__ */ jsx169(
+  return /* @__PURE__ */ jsx173(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -17338,7 +18706,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx169(
+      children: /* @__PURE__ */ jsx173(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -17350,7 +18718,7 @@ function Switch({
 }
 
 // src/components/ui/table-of-contents.tsx
-import { jsx as jsx170 } from "react/jsx-runtime";
+import { jsx as jsx174 } from "react/jsx-runtime";
 function TableOfContents({
   className,
   items,
@@ -17361,7 +18729,7 @@ function TableOfContents({
   minDepth = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx170(
+  return /* @__PURE__ */ jsx174(
     "nav",
     {
       "data-slot": "table-of-contents",
@@ -17372,7 +18740,7 @@ function TableOfContents({
         const depth = item.depth ?? 1;
         const paddingLeft = Math.max(0, depth - minDepth) * depthOffset;
         const isActive = activeId === item.id;
-        return /* @__PURE__ */ jsx170(
+        return /* @__PURE__ */ jsx174(
           UnstyledButton,
           {
             type: "button",
@@ -17394,8 +18762,8 @@ function TableOfContents({
 
 // src/components/ui/tags-input.tsx
 import { IconX as IconX13 } from "@tabler/icons-react";
-import { useState as useState43 } from "react";
-import { jsx as jsx171, jsxs as jsxs100 } from "react/jsx-runtime";
+import { useState as useState44 } from "react";
+import { jsx as jsx175, jsxs as jsxs103 } from "react/jsx-runtime";
 function TagsInput({
   className,
   value,
@@ -17408,8 +18776,8 @@ function TagsInput({
   disabled = false,
   ...props
 }) {
-  const [internalValue, setInternalValue] = useState43(defaultValue);
-  const [inputValue, setInputValue] = useState43("");
+  const [internalValue, setInternalValue] = useState44(defaultValue);
+  const [inputValue, setInputValue] = useState44("");
   const tags = value ?? internalValue;
   const addTag = (tag) => {
     const trimmed = tag.trim();
@@ -17453,21 +18821,21 @@ function TagsInput({
     }
     setInputValue(newValue);
   };
-  return /* @__PURE__ */ jsxs100(
+  return /* @__PURE__ */ jsxs103(
     "div",
     {
       "data-slot": "tags-input",
       className: cn("cn-tags-input cn-combobox-chips", className),
       ...props,
       children: [
-        tags.map((tag, index) => /* @__PURE__ */ jsxs100(
+        tags.map((tag, index) => /* @__PURE__ */ jsxs103(
           "span",
           {
             "data-slot": "tags-input-tag",
             className: "cn-combobox-chip",
             children: [
               tag,
-              /* @__PURE__ */ jsxs100(
+              /* @__PURE__ */ jsxs103(
                 "button",
                 {
                   type: "button",
@@ -17476,8 +18844,8 @@ function TagsInput({
                   disabled,
                   className: "cn-combobox-chip-remove",
                   children: [
-                    /* @__PURE__ */ jsx171("span", { className: "sr-only", children: "Remove" }),
-                    /* @__PURE__ */ jsx171(IconX13, { className: "size-3" })
+                    /* @__PURE__ */ jsx175("span", { className: "sr-only", children: "Remove" }),
+                    /* @__PURE__ */ jsx175(IconX13, { className: "size-3" })
                   ]
                 }
               )
@@ -17485,7 +18853,7 @@ function TagsInput({
           },
           allowDuplicates ? `${tag}-${index}` : tag
         )),
-        /* @__PURE__ */ jsx171(
+        /* @__PURE__ */ jsx175(
           "input",
           {
             type: "text",
@@ -17503,9 +18871,9 @@ function TagsInput({
 }
 
 // src/components/ui/text-input.tsx
-import { forwardRef as forwardRef9 } from "react";
-import { jsx as jsx172, jsxs as jsxs101 } from "react/jsx-runtime";
-var TextInput = forwardRef9(
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx176, jsxs as jsxs104 } from "react/jsx-runtime";
+var TextInput = forwardRef11(
   ({
     label,
     description,
@@ -17533,14 +18901,14 @@ var TextInput = forwardRef9(
       xl: "h-12"
     };
     const hasWrapper = label || description || error || required || withAsterisk;
-    const inputElement = /* @__PURE__ */ jsxs101(
+    const inputElement = /* @__PURE__ */ jsxs104(
       InputGroup,
       {
         disabled,
         className: cn(size && groupSizeClasses[size]),
         children: [
-          leftSection && /* @__PURE__ */ jsx172(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
-          /* @__PURE__ */ jsx172(
+          leftSection && /* @__PURE__ */ jsx176(InputGroupAddon, { align: "inline-start", className: "pointer-events-none", children: leftSection }),
+          /* @__PURE__ */ jsx176(
             InputGroupInput,
             {
               ref,
@@ -17551,7 +18919,7 @@ var TextInput = forwardRef9(
               ...inputProps
             }
           ),
-          rightSection && /* @__PURE__ */ jsx172(
+          rightSection && /* @__PURE__ */ jsx176(
             InputGroupAddon,
             {
               align: "inline-end",
@@ -17567,7 +18935,7 @@ var TextInput = forwardRef9(
     if (!hasWrapper) {
       return inputElement;
     }
-    return /* @__PURE__ */ jsx172(
+    return /* @__PURE__ */ jsx176(
       InputWrapper,
       {
         label,
@@ -17590,7 +18958,7 @@ TextInput.displayName = "TextInput";
 
 // src/components/ui/theme-icon.tsx
 import { cva as cva24 } from "class-variance-authority";
-import { jsx as jsx173 } from "react/jsx-runtime";
+import { jsx as jsx177 } from "react/jsx-runtime";
 var themeIconVariants = cva24(
   "cn-theme-icon inline-flex items-center justify-center shrink-0 transition-colors",
   {
@@ -17723,7 +19091,7 @@ function ThemeIcon({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx173(
+  return /* @__PURE__ */ jsx177(
     "div",
     {
       "data-slot": "theme-icon",
@@ -17738,9 +19106,9 @@ function ThemeIcon({
 }
 
 // src/components/ui/timeline.tsx
-import { jsx as jsx174 } from "react/jsx-runtime";
+import { jsx as jsx178 } from "react/jsx-runtime";
 function Timeline({ className, ...props }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "ol",
     {
       "data-slot": "timeline",
@@ -17750,7 +19118,7 @@ function Timeline({ className, ...props }) {
   );
 }
 function TimelineItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "li",
     {
       "data-slot": "timeline-item",
@@ -17764,7 +19132,7 @@ function TimelineDot({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "div",
     {
       "data-slot": "timeline-dot",
@@ -17775,7 +19143,7 @@ function TimelineDot({
   );
 }
 function TimelineContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "div",
     {
       "data-slot": "timeline-content",
@@ -17789,13 +19157,13 @@ function TimelineTitle({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "h3",
     {
       "data-slot": "timeline-title",
       className: cn("cn-timeline-title", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx174("span", { className: "sr-only", children: "Timeline item" })
+      children: children ?? /* @__PURE__ */ jsx178("span", { className: "sr-only", children: "Timeline item" })
     }
   );
 }
@@ -17803,7 +19171,7 @@ function TimelineDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "p",
     {
       "data-slot": "timeline-description",
@@ -17813,7 +19181,7 @@ function TimelineDescription({
   );
 }
 function TimelineTime({ className, ...props }) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx178(
     "time",
     {
       "data-slot": "timeline-time",
@@ -17825,7 +19193,7 @@ function TimelineTime({ className, ...props }) {
 
 // src/components/ui/title.tsx
 import { cva as cva25 } from "class-variance-authority";
-import { jsx as jsx175 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var titleVariants = cva25("font-semibold tracking-tight text-pretty", {
   variants: {
     order: {
@@ -17876,7 +19244,7 @@ function Title({
   ...props
 }) {
   const Component = `h${order}`;
-  return /* @__PURE__ */ jsx175(
+  return /* @__PURE__ */ jsx179(
     Component,
     {
       "data-slot": "title",
@@ -17893,7 +19261,7 @@ function Title({
 // src/components/ui/toggle.tsx
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
 import { cva as cva26 } from "class-variance-authority";
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 var toggleVariants = cva26(
   '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',
   {
@@ -17920,7 +19288,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx176(
+  return /* @__PURE__ */ jsx180(
     TogglePrimitive,
     {
       "data-slot": "toggle",
@@ -17934,7 +19302,7 @@ function Toggle({
 import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
 import * as React17 from "react";
-import { jsx as jsx177 } from "react/jsx-runtime";
+import { jsx as jsx181 } from "react/jsx-runtime";
 var ToggleGroupContext = React17.createContext({
   size: "default",
   variant: "default",
@@ -17948,7 +19316,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx177(
+  return /* @__PURE__ */ jsx181(
     ToggleGroupPrimitive,
     {
       "data-slot": "toggle-group",
@@ -17961,7 +19329,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx177(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx181(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     }
   );
 }
@@ -17973,7 +19341,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React17.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx177(
+  return /* @__PURE__ */ jsx181(
     TogglePrimitive2,
     {
       "data-slot": "toggle-group-item",
@@ -17995,8 +19363,8 @@ function ToggleGroupItem({
 }
 
 // src/components/ui/transition.tsx
-import { useEffect as useEffect19, useState as useState44 } from "react";
-import { Fragment as Fragment25, jsx as jsx178 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useState as useState45 } from "react";
+import { Fragment as Fragment27, jsx as jsx182 } from "react/jsx-runtime";
 var TRANSITIONS = {
   fade: {
     in: { opacity: 1 },
@@ -18050,11 +19418,11 @@ var TRANSITIONS = {
   }
 };
 function useTransitionState(mounted, duration, exitDuration, timingFunction, onEnter, onEntered, onExit, onExited, enterDelay, exitDelay) {
-  const [status, setStatus] = useState44(
+  const [status, setStatus] = useState45(
     mounted ? "entered" : "exited"
   );
-  const [displayDuration, setDisplayDuration] = useState44(duration);
-  useEffect19(() => {
+  const [displayDuration, setDisplayDuration] = useState45(duration);
+  useEffect20(() => {
     if (mounted) {
       setDisplayDuration(duration);
       const t12 = setTimeout(() => {
@@ -18136,7 +19504,7 @@ function Transition({
   const t = TRANSITIONS[transition];
   if (!t) {
     if (mounted) {
-      return /* @__PURE__ */ jsx178(Fragment25, { children: children({}) });
+      return /* @__PURE__ */ jsx182(Fragment27, { children: children({}) });
     }
     if (keepMounted) {
       return children({ display: "none" });
@@ -18162,13 +19530,13 @@ function Transition({
     transitionDuration: `${d}ms`,
     transitionTimingFunction: tf
   };
-  return /* @__PURE__ */ jsx178(Fragment25, { children: children(styles) });
+  return /* @__PURE__ */ jsx182(Fragment27, { children: children(styles) });
 }
 
 // src/components/ui/tree.tsx
 import { IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
-import { useState as useState45 } from "react";
-import { jsx as jsx179, jsxs as jsxs102 } from "react/jsx-runtime";
+import { useState as useState46 } from "react";
+import { jsx as jsx183, jsxs as jsxs105 } from "react/jsx-runtime";
 function Tree({
   className,
   data,
@@ -18182,7 +19550,7 @@ function Tree({
   renderNode,
   ...props
 }) {
-  const [internalExpanded, setInternalExpanded] = useState45(
+  const [internalExpanded, setInternalExpanded] = useState46(
     /* @__PURE__ */ new Set()
   );
   const expanded = expandedProp !== void 0 ? expandedProp : internalExpanded;
@@ -18204,14 +19572,14 @@ function Tree({
       onSelectedValueChange?.(node.value);
     }
   };
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "tree",
       role: "tree",
       className: cn("cn-tree", className),
       ...props,
-      children: data.map((node) => /* @__PURE__ */ jsx179(
+      children: data.map((node) => /* @__PURE__ */ jsx183(
         TreeNode,
         {
           node,
@@ -18249,14 +19617,14 @@ function TreeNode({
     hasChildren,
     selected
   }) ?? node.label;
-  return /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs105(
     "div",
     {
       role: "treeitem",
       tabIndex: 0,
       "aria-expanded": hasChildren ? expanded : void 0,
       children: [
-        /* @__PURE__ */ jsxs102(
+        /* @__PURE__ */ jsxs105(
           UnstyledButton,
           {
             type: "button",
@@ -18265,21 +19633,21 @@ function TreeNode({
             style: { paddingLeft: `${level * levelOffset + 4}px` },
             onClick: () => handleNodeClick(node, hasChildren),
             children: [
-              hasChildren ? /* @__PURE__ */ jsx179(
+              hasChildren ? /* @__PURE__ */ jsx183(
                 "span",
                 {
                   className: cn(
                     "cn-tree-node-chevron text-muted-foreground flex shrink-0 transition-transform",
                     expanded && "rotate-90"
                   ),
-                  children: /* @__PURE__ */ jsx179(IconChevronRight11, { className: "size-4" })
+                  children: /* @__PURE__ */ jsx183(IconChevronRight11, { className: "size-4" })
                 }
-              ) : /* @__PURE__ */ jsx179("span", { "aria-hidden": true, className: "cn-tree-node-spacer w-4 shrink-0" }),
-              /* @__PURE__ */ jsx179("span", { className: "cn-tree-node-label min-w-0 flex-1 truncate", children: label })
+              ) : /* @__PURE__ */ jsx183("span", { "aria-hidden": true, className: "cn-tree-node-spacer w-4 shrink-0" }),
+              /* @__PURE__ */ jsx183("span", { className: "cn-tree-node-label min-w-0 flex-1 truncate", children: label })
             ]
           }
         ),
-        hasChildren && expanded && node.children && /* @__PURE__ */ jsx179("fieldset", { className: "cn-tree-node-children list-none border-0 p-0 m-0 min-w-0", children: node.children.map((child) => /* @__PURE__ */ jsx179(
+        hasChildren && expanded && node.children && /* @__PURE__ */ jsx183("fieldset", { className: "cn-tree-node-children list-none border-0 p-0 m-0 min-w-0", children: node.children.map((child) => /* @__PURE__ */ jsx183(
           TreeNode,
           {
             node: child,
@@ -18412,6 +19780,7 @@ export {
   DataTableColumnHeader,
   DataTablePagination,
   DataTableViewOptions,
+  DateTimePicker,
   DeleteConfirmButton,
   Dialog,
   DialogClose,
@@ -18435,6 +19804,7 @@ export {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger,
+  DropdownButton,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,