@k3-universe/react-kit 0.0.27 → 0.0.29

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { forwardRef, createElement, memo as memo$1, useRef, useCallback, useEffect, useMemo, useLayoutEffect, useReducer, cloneElement, Component, useState, createContext, useContext, useImperativeHandle, Fragment as Fragment$1, use, isValidElement, PureComponent } from "react";
+import React__default, { forwardRef, createElement, Fragment as Fragment$1, memo as memo$1, useRef, useCallback, useEffect, useMemo, useLayoutEffect, useReducer, cloneElement, Component, useState, createContext, useContext, useImperativeHandle, use, isValidElement, PureComponent } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { useLocation, Link as Link$1 } from "@tanstack/react-router";
@@ -10135,128 +10135,6 @@ function useForm(props2 = {}) {
   _formControl.current.formState = getProxyFormState(formState, control);
   return _formControl.current;
 }
-function Card({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn$1(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border border-border py-6 shadow-sm",
-        className
-      ),
-      ...props2
-    }
-  );
-}
-function CardHeader({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn$1(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props2
-    }
-  );
-}
-function CardTitle({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: cn$1("leading-none font-semibold", className),
-      ...props2
-    }
-  );
-}
-function CardDescription({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-description",
-      className: cn$1("text-muted-foreground text-sm", className),
-      ...props2
-    }
-  );
-}
-function CardAction({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-action",
-      className: cn$1(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      ),
-      ...props2
-    }
-  );
-}
-function CardContent({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn$1("px-6", className),
-      ...props2
-    }
-  );
-}
-function CardFooter({ className, ...props2 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: cn$1("flex items-center px-6 [.border-t]:pt-6", className),
-      ...props2
-    }
-  );
-}
-var NAME$5 = "Separator";
-var DEFAULT_ORIENTATION = "horizontal";
-var ORIENTATIONS = ["horizontal", "vertical"];
-var Separator$3 = React.forwardRef((props2, forwardedRef) => {
-  const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props2;
-  const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
-  const ariaOrientation = orientation === "vertical" ? orientation : void 0;
-  const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
-  return /* @__PURE__ */ jsx(
-    Primitive.div,
-    {
-      "data-orientation": orientation,
-      ...semanticProps,
-      ...domProps,
-      ref: forwardedRef
-    }
-  );
-});
-Separator$3.displayName = NAME$5;
-function isValidOrientation(orientation) {
-  return ORIENTATIONS.includes(orientation);
-}
-var Root$e = Separator$3;
-function Separator$2({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props2
-}) {
-  return /* @__PURE__ */ jsx(
-    Root$e,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn$1(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props2
-    }
-  );
-}
 function useCallbackRef$2(callback) {
   const callbackRef = React.useRef(callback);
   React.useEffect(() => {
@@ -10474,7 +10352,7 @@ function focusFirst$3(candidates, preventScroll = false) {
 function wrapArray$3(array2, startIndex) {
   return array2.map((_2, index2) => array2[(startIndex + index2) % array2.length]);
 }
-var Root$d = RovingFocusGroup;
+var Root$e = RovingFocusGroup;
 var Item$2 = RovingFocusGroupItem;
 var TABS_NAME = "Tabs";
 var [createTabsContext] = createContextScope(TABS_NAME, [
@@ -10532,7 +10410,7 @@ var TabsList$1 = React.forwardRef(
     const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
     const rovingFocusGroupScope = useRovingFocusGroupScope$4(__scopeTabs);
     return /* @__PURE__ */ jsx(
-      Root$d,
+      Root$e,
       {
         asChild: true,
         ...rovingFocusGroupScope,
@@ -10708,6 +10586,169 @@ function TabsContent({
     }
   );
 }
+function Card({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn$1(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border border-border py-6 shadow-sm",
+        className
+      ),
+      ...props2
+    }
+  );
+}
+function CardHeader({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn$1(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props2
+    }
+  );
+}
+function CardTitle({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn$1("leading-none font-semibold", className),
+      ...props2
+    }
+  );
+}
+function CardDescription({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn$1("text-muted-foreground text-sm", className),
+      ...props2
+    }
+  );
+}
+function CardAction({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn$1(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props2
+    }
+  );
+}
+function CardContent({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn$1("px-6", className),
+      ...props2
+    }
+  );
+}
+function CardFooter({ className, ...props2 }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn$1("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props2
+    }
+  );
+}
+var NAME$5 = "Separator";
+var DEFAULT_ORIENTATION = "horizontal";
+var ORIENTATIONS = ["horizontal", "vertical"];
+var Separator$3 = React.forwardRef((props2, forwardedRef) => {
+  const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props2;
+  const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
+  const ariaOrientation = orientation === "vertical" ? orientation : void 0;
+  const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
+  return /* @__PURE__ */ jsx(
+    Primitive.div,
+    {
+      "data-orientation": orientation,
+      ...semanticProps,
+      ...domProps,
+      ref: forwardedRef
+    }
+  );
+});
+Separator$3.displayName = NAME$5;
+function isValidOrientation(orientation) {
+  return ORIENTATIONS.includes(orientation);
+}
+var Root$d = Separator$3;
+function Separator$2({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx(
+    Root$d,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn$1(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props2
+    }
+  );
+}
+const SectionContainer = ({
+  title,
+  description,
+  variant = "card",
+  className,
+  headerClassName,
+  contentClassName,
+  children
+}) => {
+  const renderHeader = () => {
+    if (!title && !description) return null;
+    return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-1", headerClassName), children: [
+      title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium leading-none", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+    ] });
+  };
+  const renderContent2 = () => /* @__PURE__ */ jsx("div", { className: cn$1("space-y-4", contentClassName), children });
+  switch (variant) {
+    case "card":
+      return /* @__PURE__ */ jsxs(Card, { className, children: [
+        (title || description) && /* @__PURE__ */ jsxs(CardHeader, { children: [
+          title && /* @__PURE__ */ jsx(CardTitle, { children: title }),
+          description && /* @__PURE__ */ jsx(CardDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: renderContent2() })
+      ] });
+    case "separator":
+      return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-6", className), children: [
+        (title || description) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          renderHeader(),
+          /* @__PURE__ */ jsx(Separator$2, {})
+        ] }),
+        renderContent2()
+      ] });
+    default:
+      return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-6", className), children: [
+        renderHeader(),
+        renderContent2()
+      ] });
+  }
+};
 const GRID_COLS = {
   base: {
     1: "grid-cols-1",
@@ -10902,7 +10943,10 @@ function shallowEqualLeaf(a2, b2) {
   return a2.key === b2.key && a2.hidden === b2.hidden && a2.className === b2.className && a2.labelLayout === b2.labelLayout && a2.labelClassName === b2.labelClassName && a2.valueClassName === b2.valueClassName && a2.inlineLabelWidthClass === b2.inlineLabelWidthClass && shallowEqualSpan(a2.span, b2.span) && renderKeyEqual;
 }
 const SectionLeafRenderer = memo$1(
-  function SectionLeafRenderer2({ leaf, renderLeaf }) {
+  function SectionLeafRenderer2({
+    leaf,
+    renderLeaf
+  }) {
     if (leaf.hidden) return null;
     const span = leafSpanClasses(leaf);
     if (renderLeaf) {
@@ -10933,67 +10977,93 @@ const SectionLeafRenderer = memo$1(
   },
   (prev, next) => shallowEqualLeaf(prev.leaf, next.leaf) && prev.renderLeaf === next.renderLeaf
 );
-function SectionNodeRenderer({ node, renderLeaf }) {
+function SectionNodeRenderer({
+  node,
+  renderLeaf
+}) {
   var _a;
   if (node.hidden) return null;
   const layout = node.layout ?? "grid";
   const containerClass = layout === "grid" ? gridClasses(node.grid) : layout === "flex" ? flexClasses(node.flex) : "";
-  const SectionContainer = ({ children }) => {
-    const title = node.title;
-    const description = node.subtitle;
-    const variant = node.variant ?? "card";
-    const className = node.className;
-    const headerClassName = node.headerClassName;
-    const contentClassName = node.contentClassName;
-    const renderHeader = () => {
-      if (!title && !description) return null;
-      return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-1", headerClassName), children: [
-        title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium leading-none", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
-      ] });
-    };
-    const renderContent2 = () => /* @__PURE__ */ jsx("div", { className: cn$1("space-y-4", contentClassName), children });
-    switch (variant) {
-      case "card":
-        return /* @__PURE__ */ jsxs(Card, { className, children: [
-          (title || description) && /* @__PURE__ */ jsxs(CardHeader, { children: [
-            title && /* @__PURE__ */ jsx(CardTitle, { children: title }),
-            description && /* @__PURE__ */ jsx(CardDescription, { children: description })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: renderContent2() })
-        ] });
-      case "separator":
-        return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-6", className), children: [
-          (title || description) && /* @__PURE__ */ jsxs(Fragment, { children: [
-            renderHeader(),
-            /* @__PURE__ */ jsx(Separator$2, {})
-          ] }),
-          renderContent2()
-        ] });
-      default:
-        return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-6", className), children: [
-          renderHeader(),
-          renderContent2()
-        ] });
-    }
-  };
   if (layout === "tabs" && node.tabs && node.tabs.length > 0) {
     const defaultTabId = node.defaultTabId ?? ((_a = node.tabs[0]) == null ? void 0 : _a.id);
-    return /* @__PURE__ */ jsx(SectionContainer, { children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTabId, className: cn$1("space-y-2"), children: [
-      /* @__PURE__ */ jsx(TabsList, { className: cn$1(node.tabsListClassName), children: node.tabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.id, className: cn$1(tab.className), children: tab.label }, tab.id)) }),
-      node.tabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.id, className: cn$1(node.tabsContentClassName, tab.contentClassName), children: /* @__PURE__ */ jsx(SectionNodeRenderer, { node: tab.node, renderLeaf }) }, tab.id))
-    ] }) });
+    return /* @__PURE__ */ jsx(
+      SectionContainer,
+      {
+        title: node.title,
+        description: node.subtitle,
+        variant: node.variant,
+        className: node.className,
+        headerClassName: node.headerClassName,
+        contentClassName: node.contentClassName,
+        children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTabId, className: cn$1("space-y-2"), children: [
+          /* @__PURE__ */ jsx(TabsList, { className: cn$1(node.tabsListClassName), children: node.tabs.map((tab) => /* @__PURE__ */ jsx(
+            TabsTrigger,
+            {
+              value: tab.id,
+              className: cn$1(tab.className),
+              children: tab.label
+            },
+            tab.id
+          )) }),
+          node.tabs.map((tab) => /* @__PURE__ */ jsx(
+            TabsContent,
+            {
+              value: tab.id,
+              className: cn$1(node.tabsContentClassName, tab.contentClassName),
+              children: /* @__PURE__ */ jsx(SectionNodeRenderer, { node: tab.node, renderLeaf })
+            },
+            tab.id
+          ))
+        ] })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx(SectionContainer, { children: /* @__PURE__ */ jsx("div", { className: containerClass, children: (node.children ?? []).map((child) => {
-    if (isLeaf(child)) {
-      return /* @__PURE__ */ jsx(SectionLeafRenderer, { leaf: child, renderLeaf }, child.key);
+  return /* @__PURE__ */ jsx(
+    SectionContainer,
+    {
+      title: node.title,
+      description: node.subtitle,
+      variant: node.variant,
+      className: node.className,
+      headerClassName: node.headerClassName,
+      contentClassName: node.contentClassName,
+      children: /* @__PURE__ */ jsx("div", { className: containerClass, children: (node.children ?? []).map((child) => {
+        if (isLeaf(child)) {
+          return /* @__PURE__ */ jsx(
+            SectionLeafRenderer,
+            {
+              leaf: child,
+              renderLeaf
+            },
+            child.key
+          );
+        }
+        if (child.hidden) return null;
+        return /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(
+          SectionNodeRenderer,
+          {
+            node: child,
+            renderLeaf
+          }
+        ) }, child.id);
+      }) })
     }
-    if (child.hidden) return null;
-    return /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(SectionNodeRenderer, { node: child, renderLeaf }) }, child.id);
-  }) }) });
+  );
 }
-function SectionBuilder({ sections, className, renderLeaf }) {
-  return /* @__PURE__ */ jsx("div", { className: cn$1("space-y-6", className), children: sections.map((section) => /* @__PURE__ */ jsx(SectionNodeRenderer, { node: section, renderLeaf }, section.id)) });
+function SectionBuilder({
+  sections,
+  className,
+  renderLeaf
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn$1("space-y-6", className), children: sections.map((section) => /* @__PURE__ */ jsx(
+    SectionNodeRenderer,
+    {
+      node: section,
+      renderLeaf
+    },
+    section.id
+  )) });
 }
 var NAME$4 = "Label";
 var Label$3 = React.forwardRef((props2, forwardedRef) => {
@@ -18464,7 +18534,9 @@ function Autocomplete({
             pageSize
           });
           res.items.forEach(storeOption);
-          setItems((prev) => pageNum === 1 ? res.items : [...prev, ...res.items]);
+          setItems(
+            (prev) => pageNum === 1 ? res.items : [...prev, ...res.items]
+          );
           setHasMore(!!res.hasMore);
         } catch (_error) {
           if (pageNum === 1) setItems([]);
@@ -18473,7 +18545,9 @@ function Autocomplete({
           setLoading(false);
         }
       } else {
-        const filtered = search ? options.filter((o2) => o2.label.toLowerCase().includes(search.toLowerCase())) : options;
+        const filtered = search ? options.filter(
+          (o2) => o2.label.toLowerCase().includes(search.toLowerCase())
+        ) : options;
         options.forEach(storeOption);
         const start = (pageNum - 1) * pageSize;
         const slice = filtered.slice(start, start + pageSize);
@@ -18487,11 +18561,11 @@ function Autocomplete({
     if (!isOpen) return;
     setPage(1);
     loadData(1, debouncedSearch);
-  }, [isOpen, debouncedSearch]);
+  }, [isOpen, debouncedSearch, loadData]);
   useEffect(() => {
     if (!isOpen || page <= 1) return;
     loadData(page, debouncedSearch);
-  }, [page]);
+  }, [isOpen, page, loadData, debouncedSearch]);
   useEffect(() => {
     if (initialSelectedOptions) {
       const arr = Array.isArray(initialSelectedOptions) ? initialSelectedOptions : [initialSelectedOptions];
@@ -18499,7 +18573,8 @@ function Autocomplete({
     }
   }, [initialSelectedOptions, storeOption]);
   useEffect(() => {
-    if (!currentValue || Array.isArray(currentValue) && currentValue.length === 0) return;
+    if (!currentValue || Array.isArray(currentValue) && currentValue.length === 0)
+      return;
     const values = Array.isArray(currentValue) ? currentValue : [currentValue];
     const missingValues = values.filter((v) => !labelMapRef.current.has(v));
     if (missingValues.length === 0) return;
@@ -18511,7 +18586,7 @@ function Autocomplete({
     });
   }, [currentValue, options, storeOption]);
   const hasLoadedInitial = useRef(false);
-  const [labelsLoadedCounter, setLabelsLoadedCounter] = useState(0);
+  const [, setLabelsLoadedCounter] = useState(0);
   useEffect(() => {
     if (!loadSelected || hasLoadedInitial.current) return;
     if (!currentValue) return;
@@ -18534,7 +18609,7 @@ function Autocomplete({
     return () => {
       cancelled = true;
     };
-  }, []);
+  }, [loadSelected, storeOption, currentValue]);
   useEffect(() => {
     if (!loadSelected || !isOpen) return;
     const values = Array.isArray(currentValue) ? currentValue : currentValue ? [currentValue] : [];
@@ -18554,12 +18629,23 @@ function Autocomplete({
   }, []);
   const selectedItems = useMemo(() => {
     if (!isMultiple) {
-      if (currentValue === null || currentValue === void 0 || Array.isArray(currentValue)) return [];
-      return [{ value: currentValue, label: getLabel2(currentValue), raw: rawMapRef.current.get(currentValue) }];
+      if (currentValue === null || currentValue === void 0 || Array.isArray(currentValue))
+        return [];
+      return [
+        {
+          value: currentValue,
+          label: getLabel2(currentValue),
+          raw: rawMapRef.current.get(currentValue)
+        }
+      ];
     }
     const values = Array.isArray(currentValue) ? currentValue : [];
-    return values.map((v) => ({ value: v, label: getLabel2(v), raw: rawMapRef.current.get(v) }));
-  }, [currentValue, isMultiple, getLabel2, labelsLoadedCounter]);
+    return values.map((v) => ({
+      value: v,
+      label: getLabel2(v),
+      raw: rawMapRef.current.get(v)
+    }));
+  }, [currentValue, isMultiple, getLabel2]);
   const handleSelect = useCallback(
     (item) => {
       if (!item) return;
@@ -18573,7 +18659,11 @@ function Autocomplete({
         }
         const newValues = [...values, item.value];
         if (!isControlled) setInternalValue(newValues);
-        const newOptions = newValues.map((v) => ({ value: v, label: getLabel2(v), raw: rawMapRef.current.get(v) }));
+        const newOptions = newValues.map((v) => ({
+          value: v,
+          label: getLabel2(v),
+          raw: rawMapRef.current.get(v)
+        }));
         const raws = newOptions.map((o2) => o2.raw).filter((r2) => r2 !== void 0);
         onChange == null ? void 0 : onChange(newValues, newOptions, raws);
         setClearCounter((c2) => c2 + 1);
@@ -18590,7 +18680,11 @@ function Autocomplete({
       const values = Array.isArray(currentValue) ? currentValue : [];
       const newValues = values.filter((v) => v !== valueToRemove);
       if (!isControlled) setInternalValue(newValues);
-      const newOptions = newValues.map((v) => ({ value: v, label: getLabel2(v), raw: rawMapRef.current.get(v) }));
+      const newOptions = newValues.map((v) => ({
+        value: v,
+        label: getLabel2(v),
+        raw: rawMapRef.current.get(v)
+      }));
       const raws = newOptions.map((o2) => o2.raw).filter((r2) => r2 !== void 0);
       onChange == null ? void 0 : onChange(newValues, newOptions, raws);
     },
@@ -18611,7 +18705,11 @@ function Autocomplete({
       if (values.includes(trimmed)) return;
       const newValues = [...values, trimmed];
       if (!isControlled) setInternalValue(newValues);
-      const newOptions = newValues.map((v) => ({ value: v, label: getLabel2(v), raw: rawMapRef.current.get(v) }));
+      const newOptions = newValues.map((v) => ({
+        value: v,
+        label: getLabel2(v),
+        raw: rawMapRef.current.get(v)
+      }));
       onChange == null ? void 0 : onChange(newValues, newOptions, []);
       setSearchInput("");
     } else {
@@ -18620,7 +18718,16 @@ function Autocomplete({
       setSearchInput("");
       setIsOpen(false);
     }
-  }, [searchInput, allowCustomValue, isMultiple, currentValue, isControlled, onChange, getLabel2, storeOption]);
+  }, [
+    searchInput,
+    allowCustomValue,
+    isMultiple,
+    currentValue,
+    isControlled,
+    onChange,
+    getLabel2,
+    storeOption
+  ]);
   const computedInputValue = useMemo(() => {
     if (isMultiple || isOpen) {
       return searchInput;
@@ -18630,12 +18737,7 @@ function Autocomplete({
     }
     return "";
   }, [isMultiple, isOpen, searchInput, selectedItems]);
-  const {
-    getInputProps,
-    getItemProps,
-    getMenuProps,
-    highlightedIndex
-  } = useCombobox({
+  const { getInputProps, getItemProps, getMenuProps, highlightedIndex } = useCombobox({
     items,
     itemToString: (item) => (item == null ? void 0 : item.label) ?? "",
     selectedItem: isMultiple ? null : selectedItems[0] ?? null,
@@ -18677,21 +18779,29 @@ function Autocomplete({
           className
         ),
         children: [
-          isMultiple && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedItems.map((item) => /* @__PURE__ */ jsxs(Badge, { variant: chipVariant, className: cn$1("gap-1", chipClassName), children: [
-            /* @__PURE__ */ jsx("span", { className: "max-w-[150px] truncate", children: item.label }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: (e2) => {
-                  e2.stopPropagation();
-                  handleRemove(item.value);
-                },
-                className: "rounded-sm opacity-70 hover:opacity-100",
-                children: /* @__PURE__ */ jsx(X$1, { className: "h-3 w-3" })
-              }
-            )
-          ] }, item.value)) }),
+          isMultiple && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedItems.map((item) => /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: chipVariant,
+              className: cn$1("gap-1", chipClassName),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "max-w-[150px] truncate", children: item.label }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      handleRemove(item.value);
+                    },
+                    className: "rounded-sm opacity-70 hover:opacity-100",
+                    children: /* @__PURE__ */ jsx(X$1, { className: "h-3 w-3" })
+                  }
+                )
+              ]
+            },
+            item.value
+          )) }),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -18752,7 +18862,7 @@ function Autocomplete({
                 'Press Enter to add "',
                 searchInput.trim(),
                 '"'
-              ] }) : emptyText }) : /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index2) => {
+              ] }) : emptyText }) : items.map((item, index2) => {
                 const isSelected = isMultiple ? Array.isArray(currentValue) && currentValue.includes(item.value) : currentValue === item.value;
                 const isHighlighted = highlightedIndex === index2;
                 return /* @__PURE__ */ jsxs(
@@ -18771,7 +18881,7 @@ function Autocomplete({
                   },
                   item.value
                 );
-              }) }),
+              }),
               hasMore && items.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center border-t py-2", children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(LoaderCircle, { className: "h-3 w-3 animate-spin mr-1" }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Loading more..." })
@@ -18783,13 +18893,26 @@ function Autocomplete({
     )
   ] });
 }
-function AutocompleteField({ field, value, onChange, className }) {
-  const options = (field.options ?? []).filter((o2) => o2.value !== null && o2.value !== void 0).map((o2) => ({ label: o2.label, value: o2.value, raw: o2.raw }));
-  let defaultValueShaped = void 0;
+function AutocompleteField({
+  field,
+  value,
+  onChange,
+  className
+}) {
+  const options = (field.options ?? []).filter(
+    (o2) => o2.value !== null && o2.value !== void 0
+  ).map((o2) => ({
+    label: o2.label,
+    value: o2.value,
+    raw: o2.raw
+  }));
+  let defaultValueShaped;
   if (field.defaultValue !== void 0) {
     if (field.multiple) {
       if (Array.isArray(field.defaultValue)) {
-        defaultValueShaped = field.defaultValue.filter((v) => typeof v === "string" || typeof v === "number");
+        defaultValueShaped = field.defaultValue.filter(
+          (v) => typeof v === "string" || typeof v === "number"
+        );
       } else if (field.defaultValue === null || field.defaultValue === void 0) {
         defaultValueShaped = [];
       } else if (typeof field.defaultValue === "string" || typeof field.defaultValue === "number") {
@@ -18842,7 +18965,13 @@ function Input({ className, type, ...props2 }) {
     }
   );
 }
-function TextField({ field, fieldPath, value, onChange, className }) {
+function TextField({
+  field,
+  fieldPath,
+  value,
+  onChange,
+  className
+}) {
   const type = field.type === "email" || field.type === "password" ? field.type : "text";
   return /* @__PURE__ */ jsx(
     Input,
@@ -18857,7 +18986,12 @@ function TextField({ field, fieldPath, value, onChange, className }) {
     }
   );
 }
-function NumberField({ field, value, onChange, className }) {
+function NumberField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   return /* @__PURE__ */ jsx(
     Input,
     {
@@ -18883,7 +19017,12 @@ function Textarea({ className, ...props2 }) {
     }
   );
 }
-function TextareaField({ field, value, onChange, className }) {
+function TextareaField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   return /* @__PURE__ */ jsx(
     Textarea,
     {
@@ -20223,7 +20362,12 @@ function SelectScrollDownButton({
   );
 }
 const NULL_SENTINEL$1 = "__NULL__";
-function SelectField({ field, value, onChange, className }) {
+function SelectField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   var _a;
   const toUiValue = (val) => val === null || val === void 0 ? NULL_SENTINEL$1 : String(val);
   const fromUiValue = (val) => {
@@ -20239,12 +20383,25 @@ function SelectField({ field, value, onChange, className }) {
       disabled: field.disabled,
       children: [
         /* @__PURE__ */ jsx(SelectTrigger, { className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.placeholder }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: (_a = field.options) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: toUiValue(option.value), children: option.label }, toUiValue(option.value))) })
+        /* @__PURE__ */ jsx(SelectContent, { children: (_a = field.options) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsx(
+          SelectItem,
+          {
+            value: toUiValue(option.value),
+            children: option.label
+          },
+          toUiValue(option.value)
+        )) })
       ]
     }
   );
 }
-function CheckboxField({ field, fieldPath, value, onChange, className }) {
+function CheckboxField({
+  field,
+  fieldPath,
+  value,
+  onChange,
+  className
+}) {
   const placement = field.labelPlacement ?? "inline";
   if (placement === "stacked") {
     const labelId = `${fieldPath}-label`;
@@ -20289,10 +20446,17 @@ function CheckboxField({ field, fieldPath, value, onChange, className }) {
         className: cn$1(className)
       }
     ),
-    /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
-      field.label,
-      field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-    ] })
+    /* @__PURE__ */ jsxs(
+      Label$2,
+      {
+        htmlFor: fieldPath,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      }
+    )
   ] });
 }
 var SWITCH_NAME = "Switch";
@@ -20460,7 +20624,13 @@ function Switch({
     }
   );
 }
-function SwitchField({ field, fieldPath, value, onChange, className }) {
+function SwitchField({
+  field,
+  fieldPath,
+  value,
+  onChange,
+  className
+}) {
   const placement = field.labelPlacement ?? "inline";
   if (placement === "stacked") {
     const labelId = `${fieldPath}-label`;
@@ -20505,10 +20675,17 @@ function SwitchField({ field, fieldPath, value, onChange, className }) {
         className: cn$1(className)
       }
     ),
-    /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
-      field.label,
-      field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-    ] })
+    /* @__PURE__ */ jsxs(
+      Label$2,
+      {
+        htmlFor: fieldPath,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      }
+    )
   ] });
 }
 var RADIO_NAME = "Radio";
@@ -20683,7 +20860,7 @@ var RadioGroup$2 = React.forwardRef(
         value,
         onValueChange: setValue,
         children: /* @__PURE__ */ jsx(
-          Root$d,
+          Root$e,
           {
             asChild: true,
             ...rovingFocusGroupScope,
@@ -20817,7 +20994,13 @@ function RadioGroupItem({
   );
 }
 const NULL_SENTINEL = "__NULL__";
-function RadioField({ field, value, onChange, className, fieldPath }) {
+function RadioField({
+  field,
+  value,
+  onChange,
+  className,
+  fieldPath
+}) {
   var _a;
   const toUiValue = (val) => val === null || val === void 0 ? NULL_SENTINEL : String(val);
   const fromUiValue = (val) => {
@@ -20832,14 +21015,32 @@ function RadioField({ field, value, onChange, className, fieldPath }) {
       onValueChange: (val) => onChange(fromUiValue(val)),
       disabled: field.disabled,
       className,
-      children: (_a = field.options) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx(RadioGroupItem, { value: toUiValue(option.value), id: `${fieldPath}-${toUiValue(option.value)}` }),
-        /* @__PURE__ */ jsx(Label$2, { htmlFor: `${fieldPath}-${toUiValue(option.value)}`, children: option.label })
-      ] }, toUiValue(option.value)))
+      children: (_a = field.options) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center space-x-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              RadioGroupItem,
+              {
+                value: toUiValue(option.value),
+                id: `${fieldPath}-${toUiValue(option.value)}`
+              }
+            ),
+            /* @__PURE__ */ jsx(Label$2, { htmlFor: `${fieldPath}-${toUiValue(option.value)}`, children: option.label })
+          ]
+        },
+        toUiValue(option.value)
+      ))
     }
   );
 }
-function DateField({ field, value, onChange, className }) {
+function DateField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   return /* @__PURE__ */ jsx(
     Input,
     {
@@ -24883,7 +25084,11 @@ function DatePicker({
     if (inDisabled$3(date2, disabledDates)) return true;
     return false;
   };
-  const label = value ? format2 ? format2(value) : value.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "2-digit" }) : placeholder;
+  const label = value ? format2 ? format2(value) : value.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit"
+  }) : placeholder;
   return /* @__PURE__ */ jsx("div", { className: cn$1("w-fit", className), ...props2, children: /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button$1,
@@ -24891,7 +25096,10 @@ function DatePicker({
         type: "button",
         disabled,
         variant: buttonVariant,
-        className: cn$1("w-[240px] justify-start text-left font-normal", !value && "text-muted-foreground"),
+        className: cn$1(
+          "w-[240px] justify-start text-left font-normal",
+          !value && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
           label
@@ -24947,7 +25155,12 @@ function DatePicker({
   ] }) });
 }
 DatePicker.displayName = "DatePicker";
-function DatePickerField({ field, value, onChange, className }) {
+function DatePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -25070,8 +25283,10 @@ function DateRangePicker({
     const lastDay = new Date(yyyy, mm, 0).getDate();
     if (dd < 1 || dd > lastDay) return void 0;
     const out = new Date(yyyy, mm - 1, dd);
-    if (minDate && out < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) return void 0;
-    if (maxDate && out > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate())) return void 0;
+    if (minDate && out < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()))
+      return void 0;
+    if (maxDate && out > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()))
+      return void 0;
     if (inDisabled$2(out, disabledDates)) return void 0;
     return out;
   };
@@ -25118,16 +25333,22 @@ function DateRangePicker({
     return out;
   };
   const defaultPresets = [
-    { label: "Today", getRange: () => {
-      const t2 = startOfDay2(/* @__PURE__ */ new Date());
-      return { from: clamp2(t2), to: clamp2(t2) };
-    } },
-    { label: "Yesterday", getRange: () => {
-      const t2 = startOfDay2(/* @__PURE__ */ new Date());
-      const y = new Date(t2);
-      y.setDate(t2.getDate() - 1);
-      return { from: clamp2(y), to: clamp2(y) };
-    } },
+    {
+      label: "Today",
+      getRange: () => {
+        const t2 = startOfDay2(/* @__PURE__ */ new Date());
+        return { from: clamp2(t2), to: clamp2(t2) };
+      }
+    },
+    {
+      label: "Yesterday",
+      getRange: () => {
+        const t2 = startOfDay2(/* @__PURE__ */ new Date());
+        const y = new Date(t2);
+        y.setDate(t2.getDate() - 1);
+        return { from: clamp2(y), to: clamp2(y) };
+      }
+    },
     {
       label: "Last 7 days",
       getRange: () => {
@@ -25202,139 +25423,160 @@ function DateRangePicker({
         type: "button",
         disabled,
         variant: buttonVariant,
-        className: cn$1("w-[280px] justify-start text-left font-normal", !(value == null ? void 0 : value.from) && "text-muted-foreground"),
+        className: cn$1(
+          "w-[280px] justify-start text-left font-normal",
+          !(value == null ? void 0 : value.from) && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
           label
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-auto p-4", align: "start", side: props2.popoverSide ?? "bottom", sideOffset: 8, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 min-w-[900px]", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 pr-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 mb-4 rounded-md border border-input bg-background/50 px-2 py-1 w-fit mx-auto", children: [
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        className: "w-auto p-4",
+        align: "start",
+        side: props2.popoverSide ?? "bottom",
+        sideOffset: 8,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-6 min-w-[900px]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 pr-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 mb-4 rounded-md border border-input bg-background/50 px-2 py-1 w-fit mx-auto", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    value: fromInput,
+                    onChange: (e2) => onFromChange(e2.target.value),
+                    onBlur: applyFromInput,
+                    placeholder: "dd/mm/yyyy",
+                    className: cn$1(
+                      "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden",
+                      fromInvalid ? "border-destructive ring-1 ring-destructive/50" : "border-input"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "–" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    value: toInput,
+                    onChange: (e2) => onToChange(e2.target.value),
+                    onBlur: applyToInput,
+                    placeholder: "dd/mm/yyyy",
+                    className: cn$1(
+                      "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden",
+                      toInvalid ? "border-destructive ring-1 ring-destructive/50" : "border-input"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                Calendar,
+                {
+                  mode: "range",
+                  numberOfMonths,
+                  selected: selectedRange,
+                  onSelect: (range) => {
+                    if (disabled) return;
+                    if (!range) {
+                      setDraft(null);
+                      return;
+                    }
+                    const { from, to } = range;
+                    if (from && isDisabled(from)) {
+                      setDraft(null);
+                      return;
+                    }
+                    if (to && isDisabled(to)) {
+                      setDraft({ from, to: void 0 });
+                      return;
+                    }
+                    if (from && to && rangeContainsDisabled$1(from, to, disabledDates)) {
+                      setDraft(null);
+                      setFromTouched(true);
+                      setToTouched(true);
+                      setFromInput("");
+                      setToInput("");
+                      return;
+                    }
+                    setDraft(range);
+                    setFromTouched(false);
+                    setToTouched(false);
+                    setFromInput(fmt(from));
+                    setToInput(fmt(to));
+                  },
+                  defaultMonth: (selectedRange == null ? void 0 : selectedRange.from) ?? (value == null ? void 0 : value.from) ?? /* @__PURE__ */ new Date(),
+                  disabled: isDisabled,
+                  buttonVariant: "ghost",
+                  showOutsideDays: true
+                }
+              )
+            ] }),
+            (props2.presetsPanel ?? true) && presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-64 border-l pl-4 max-h-[420px] overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: presets.map((p2) => {
+              const pr = p2.getRange();
+              const active = eqRange(draft, pr);
+              return /* @__PURE__ */ jsxs(
+                Button$1,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: active ? "secondary" : "ghost",
+                  className: "justify-between w-full",
+                  onClick: () => {
+                    if (rangeContainsDisabled$1(pr.from, pr.to, disabledDates))
+                      return;
+                    setDraft(pr);
+                    setFromTouched(false);
+                    setToTouched(false);
+                    setFromInput(fmt(pr.from));
+                    setToInput(fmt(pr.to));
+                  },
+                  children: [
+                    p2.label,
+                    active ? "✓" : ""
+                  ]
+                },
+                p2.label
+              );
+            }) }) })
+          ] }),
+          (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 pt-3 mt-3 border-t", children: [
             /* @__PURE__ */ jsx(
-              "input",
+              Button$1,
               {
-                type: "text",
-                inputMode: "numeric",
-                value: fromInput,
-                onChange: (e2) => onFromChange(e2.target.value),
-                onBlur: applyFromInput,
-                placeholder: "dd/mm/yyyy",
-                className: cn$1(
-                  "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden",
-                  fromInvalid ? "border-destructive ring-1 ring-destructive/50" : "border-input"
-                )
+                type: "button",
+                variant: "ghost",
+                onClick: () => {
+                  setDraft(value ?? null);
+                  setOpen(false);
+                },
+                children: props2.cancelLabel ?? "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "–" }),
             /* @__PURE__ */ jsx(
-              "input",
+              Button$1,
               {
-                type: "text",
-                inputMode: "numeric",
-                value: toInput,
-                onChange: (e2) => onToChange(e2.target.value),
-                onBlur: applyToInput,
-                placeholder: "dd/mm/yyyy",
-                className: cn$1(
-                  "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden",
-                  toInvalid ? "border-destructive ring-1 ring-destructive/50" : "border-input"
-                )
+                type: "button",
+                variant: "default",
+                onClick: () => {
+                  if (invalidRange || !mergedFrom || !mergedTo) return;
+                  onChange == null ? void 0 : onChange({ from: mergedFrom, to: mergedTo });
+                  setOpen(false);
+                },
+                disabled: disabled || invalidRange,
+                children: props2.applyLabel ?? "Update"
               }
             )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "range",
-              numberOfMonths,
-              selected: selectedRange,
-              onSelect: (range) => {
-                if (disabled) return;
-                if (!range) {
-                  setDraft(null);
-                  return;
-                }
-                const { from, to } = range;
-                if (from && isDisabled(from)) {
-                  setDraft(null);
-                  return;
-                }
-                if (to && isDisabled(to)) {
-                  setDraft({ from, to: void 0 });
-                  return;
-                }
-                if (from && to && rangeContainsDisabled$1(from, to, disabledDates)) {
-                  setDraft(null);
-                  setFromTouched(true);
-                  setToTouched(true);
-                  setFromInput("");
-                  setToInput("");
-                  return;
-                }
-                setDraft(range);
-                setFromTouched(false);
-                setToTouched(false);
-                setFromInput(fmt(from));
-                setToInput(fmt(to));
-              },
-              defaultMonth: (selectedRange == null ? void 0 : selectedRange.from) ?? (value == null ? void 0 : value.from) ?? /* @__PURE__ */ new Date(),
-              disabled: isDisabled,
-              buttonVariant: "ghost",
-              showOutsideDays: true
-            }
-          )
-        ] }),
-        (props2.presetsPanel ?? true) && presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-64 border-l pl-4 max-h-[420px] overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: presets.map((p2) => {
-          const pr = p2.getRange();
-          const active = eqRange(draft, pr);
-          return /* @__PURE__ */ jsxs(
-            Button$1,
-            {
-              type: "button",
-              size: "sm",
-              variant: active ? "secondary" : "ghost",
-              className: "justify-between w-full",
-              onClick: () => {
-                if (rangeContainsDisabled$1(pr.from, pr.to, disabledDates)) return;
-                setDraft(pr);
-                setFromTouched(false);
-                setToTouched(false);
-                setFromInput(fmt(pr.from));
-                setToInput(fmt(pr.to));
-              },
-              children: [
-                p2.label,
-                active ? "✓" : ""
-              ]
-            },
-            p2.label
-          );
-        }) }) })
-      ] }),
-      (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 pt-3 mt-3 border-t", children: [
-        /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "ghost", onClick: () => {
-          setDraft(value ?? null);
-          setOpen(false);
-        }, children: props2.cancelLabel ?? "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button$1,
-          {
-            type: "button",
-            variant: "default",
-            onClick: () => {
-              if (invalidRange || !mergedFrom || !mergedTo) return;
-              onChange == null ? void 0 : onChange({ from: mergedFrom, to: mergedTo });
-              setOpen(false);
-            },
-            disabled: disabled || invalidRange,
-            children: props2.applyLabel ?? "Update"
-          }
-        )
-      ] })
-    ] })
+          ] })
+        ]
+      }
+    )
   ] }) });
 }
 DateRangePicker.displayName = "DateRangePicker";
@@ -25344,7 +25586,12 @@ function coerceDate(input) {
   const d = new Date(input);
   return Number.isNaN(d.getTime()) ? void 0 : d;
 }
-function DateRangePickerField({ field, value, onChange, className }) {
+function DateRangePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
     if (!value) return null;
     if (typeof value === "object" && value !== null) {
@@ -25479,42 +25726,40 @@ function MonthCal({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx("table", { className: "w-full border-collapse space-y-1", children: /* @__PURE__ */ jsx("tbody", { children: MONTHS$1.map((monthRow, a2) => {
-      return (
-        // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-        /* @__PURE__ */ jsx("tr", { className: "flex w-full mt-2", children: monthRow.map((m2) => {
-          var _a, _b;
-          return /* @__PURE__ */ jsx(
-            "td",
-            {
-              className: "h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-              children: /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    setMonth2(m2.number);
-                    setYear2(menuYear);
-                    if (onMonthSelect)
-                      onMonthSelect(new Date(menuYear, m2.number));
-                  },
-                  disabled: (maxDate ? menuYear > (maxDate == null ? void 0 : maxDate.getFullYear()) || menuYear === (maxDate == null ? void 0 : maxDate.getFullYear()) && m2.number > maxDate.getMonth() : false) || (minDate ? menuYear < (minDate == null ? void 0 : minDate.getFullYear()) || menuYear === (minDate == null ? void 0 : minDate.getFullYear()) && m2.number < minDate.getMonth() : false) || (disabledDatesMapped ? disabledDatesMapped == null ? void 0 : disabledDatesMapped.some(
-                    (d) => d.year === menuYear && d.month === m2.number
-                  ) : false),
-                  className: cn$1(
-                    buttonVariants({
-                      variant: month === m2.number && menuYear === year ? ((_a = variant == null ? void 0 : variant.calendar) == null ? void 0 : _a.selected) ?? "default" : ((_b = variant == null ? void 0 : variant.calendar) == null ? void 0 : _b.main) ?? "ghost"
-                    }),
-                    "h-full w-full p-0 font-normal aria-selected:opacity-100"
-                  ),
-                  children: (callbacks == null ? void 0 : callbacks.monthLabel) ? callbacks.monthLabel(m2) : m2.name
-                }
-              )
-            },
-            `month-${m2.number}`
-          );
-        }) }, `row-${a2}`)
-      );
+    /* @__PURE__ */ jsx("table", { className: "w-full border-collapse space-y-1", children: /* @__PURE__ */ jsx("tbody", { children: MONTHS$1.map((monthRow) => {
+      const rowKey = monthRow.map((month2) => month2.number).join("-");
+      return /* @__PURE__ */ jsx("tr", { className: "flex w-full mt-2", children: monthRow.map((m2) => {
+        var _a, _b;
+        return /* @__PURE__ */ jsx(
+          "td",
+          {
+            className: "h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+            children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setMonth2(m2.number);
+                  setYear2(menuYear);
+                  if (onMonthSelect)
+                    onMonthSelect(new Date(menuYear, m2.number));
+                },
+                disabled: (maxDate ? menuYear > (maxDate == null ? void 0 : maxDate.getFullYear()) || menuYear === (maxDate == null ? void 0 : maxDate.getFullYear()) && m2.number > maxDate.getMonth() : false) || (minDate ? menuYear < (minDate == null ? void 0 : minDate.getFullYear()) || menuYear === (minDate == null ? void 0 : minDate.getFullYear()) && m2.number < minDate.getMonth() : false) || (disabledDatesMapped ? disabledDatesMapped == null ? void 0 : disabledDatesMapped.some(
+                  (d) => d.year === menuYear && d.month === m2.number
+                ) : false),
+                className: cn$1(
+                  buttonVariants({
+                    variant: month === m2.number && menuYear === year ? ((_a = variant == null ? void 0 : variant.calendar) == null ? void 0 : _a.selected) ?? "default" : ((_b = variant == null ? void 0 : variant.calendar) == null ? void 0 : _b.main) ?? "ghost"
+                  }),
+                  "h-full w-full p-0 font-normal aria-selected:opacity-100"
+                ),
+                children: (callbacks == null ? void 0 : callbacks.monthLabel) ? callbacks.monthLabel(m2) : m2.name
+              }
+            )
+          },
+          `month-${m2.number}`
+        );
+      }) }, rowKey);
     }) }) })
   ] });
 }
@@ -25549,7 +25794,10 @@ function MonthInput({
         type: "button",
         disabled,
         variant: buttonVariant,
-        className: cn$1("w-[240px] justify-start text-left font-normal", !value && "text-muted-foreground"),
+        className: cn$1(
+          "w-[240px] justify-start text-left font-normal",
+          !value && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
           label
@@ -25604,7 +25852,12 @@ function MonthInput({
   ] }) });
 }
 MonthInput.displayName = "MonthInput";
-function MonthPickerField({ field, value, onChange, className }) {
+function MonthPickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   var _a;
   const v = React.useMemo(() => {
     if (!value) return void 0;
@@ -25620,7 +25873,9 @@ function MonthPickerField({ field, value, onChange, className }) {
       onChange: (d) => onChange(d),
       minDate: field.minDate,
       maxDate: field.maxDate,
-      disabledDates: (_a = field.disabledDates) == null ? void 0 : _a.filter((it) => it instanceof Date),
+      disabledDates: (_a = field.disabledDates) == null ? void 0 : _a.filter(
+        (it) => it instanceof Date
+      ),
       showFooter: true,
       clearLabel: field.cancelLabel,
       closeLabel: field.applyLabel
@@ -25794,63 +26049,39 @@ function MonthRangeCal({
         ] }),
         /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: (callbacks == null ? void 0 : callbacks.yearLabel) ? callbacks == null ? void 0 : callbacks.yearLabel(menuYear + 1) : menuYear + 1 })
       ] }),
-      /* @__PURE__ */ jsx("table", { className: "w-full border-collapse space-y-1", children: /* @__PURE__ */ jsx("tbody", { children: MONTHS.map((monthRow, a2) => {
-        return (
-          // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-          /* @__PURE__ */ jsx("tr", { className: "flex w-full mt-2", children: monthRow.map((m2, i2) => {
-            var _a2, _b2;
-            return /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: cn$1(
+      /* @__PURE__ */ jsx("table", { className: "w-full border-collapse space-y-1", children: /* @__PURE__ */ jsx("tbody", { children: MONTHS.map((monthRow) => {
+        const rowKey = monthRow.map((month) => `${month.yearOffset}-${month.number}`).join("-");
+        return /* @__PURE__ */ jsx("tr", { className: "flex w-full mt-2", children: monthRow.map((m2, i2) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: cn$1(
+                cn$1(
                   cn$1(
                     cn$1(
-                      cn$1(
-                        "h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-                        (menuYear + m2.yearOffset > startYear || menuYear + m2.yearOffset === startYear && m2.number > startMonth) && (menuYear + m2.yearOffset < endYear || menuYear + m2.yearOffset === endYear && m2.number < endMonth) && (rangePending || endLocked) ? "text-accent-foreground bg-accent" : ""
-                      ),
-                      menuYear + m2.yearOffset === startYear && m2.number === startMonth && (rangePending || endLocked) ? "text-accent-foreground bg-accent rounded-l-md" : ""
+                      "h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+                      (menuYear + m2.yearOffset > startYear || menuYear + m2.yearOffset === startYear && m2.number > startMonth) && (menuYear + m2.yearOffset < endYear || menuYear + m2.yearOffset === endYear && m2.number < endMonth) && (rangePending || endLocked) ? "text-accent-foreground bg-accent" : ""
                     ),
-                    menuYear + m2.yearOffset === endYear && m2.number === endMonth && (rangePending || endLocked) && menuYear + m2.yearOffset >= startYear && m2.number >= startMonth ? "text-accent-foreground bg-accent rounded-r-md" : ""
+                    menuYear + m2.yearOffset === startYear && m2.number === startMonth && (rangePending || endLocked) ? "text-accent-foreground bg-accent rounded-l-md" : ""
                   ),
-                  i2 === 3 ? "mr-2" : i2 === 4 ? "ml-2" : ""
+                  menuYear + m2.yearOffset === endYear && m2.number === endMonth && (rangePending || endLocked) && menuYear + m2.yearOffset >= startYear && m2.number >= startMonth ? "text-accent-foreground bg-accent rounded-r-md" : ""
                 ),
-                onMouseEnter: () => {
-                  if (rangePending && !endLocked) {
-                    setEndYear(menuYear + m2.yearOffset);
-                    setEndMonth(m2.number);
-                  }
-                },
-                children: /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      if (rangePending) {
-                        if (menuYear + m2.yearOffset < startYear || menuYear + m2.yearOffset === startYear && m2.number < startMonth) {
-                          setRangePending(true);
-                          setEndLocked(false);
-                          setStartMonth(m2.number);
-                          setStartYear(menuYear + m2.yearOffset);
-                          setEndYear(menuYear + m2.yearOffset);
-                          setEndMonth(m2.number);
-                          if (onStartMonthSelect)
-                            onStartMonthSelect(
-                              new Date(menuYear + m2.yearOffset, m2.number)
-                            );
-                        } else {
-                          setRangePending(false);
-                          setEndLocked(true);
-                          if (onMonthRangeSelect)
-                            onMonthRangeSelect({
-                              start: new Date(startYear, startMonth),
-                              end: new Date(
-                                menuYear + m2.yearOffset,
-                                m2.number
-                              )
-                            });
-                        }
-                      } else {
+                i2 === 3 ? "mr-2" : i2 === 4 ? "ml-2" : ""
+              ),
+              onMouseEnter: () => {
+                if (rangePending && !endLocked) {
+                  setEndYear(menuYear + m2.yearOffset);
+                  setEndMonth(m2.number);
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    if (rangePending) {
+                      if (menuYear + m2.yearOffset < startYear || menuYear + m2.yearOffset === startYear && m2.number < startMonth) {
                         setRangePending(true);
                         setEndLocked(false);
                         setStartMonth(m2.number);
@@ -25861,23 +26092,45 @@ function MonthRangeCal({
                           onStartMonthSelect(
                             new Date(menuYear + m2.yearOffset, m2.number)
                           );
+                      } else {
+                        setRangePending(false);
+                        setEndLocked(true);
+                        if (onMonthRangeSelect)
+                          onMonthRangeSelect({
+                            start: new Date(startYear, startMonth),
+                            end: new Date(
+                              menuYear + m2.yearOffset,
+                              m2.number
+                            )
+                          });
                       }
-                    },
-                    disabled: (maxDate ? menuYear + m2.yearOffset > (maxDate == null ? void 0 : maxDate.getFullYear()) || menuYear + m2.yearOffset === (maxDate == null ? void 0 : maxDate.getFullYear()) && m2.number > maxDate.getMonth() : false) || (minDate ? menuYear + m2.yearOffset < (minDate == null ? void 0 : minDate.getFullYear()) || menuYear + m2.yearOffset === (minDate == null ? void 0 : minDate.getFullYear()) && m2.number < minDate.getMonth() : false),
-                    className: cn$1(
-                      buttonVariants({
-                        variant: startMonth === m2.number && menuYear + m2.yearOffset === startYear || endMonth === m2.number && menuYear + m2.yearOffset === endYear && !rangePending ? ((_a2 = variant == null ? void 0 : variant.calendar) == null ? void 0 : _a2.selected) ?? "default" : ((_b2 = variant == null ? void 0 : variant.calendar) == null ? void 0 : _b2.main) ?? "ghost"
-                      }),
-                      "h-full w-full p-0 font-normal aria-selected:opacity-100"
-                    ),
-                    children: (callbacks == null ? void 0 : callbacks.monthLabel) ? callbacks.monthLabel(m2) : m2.name
-                  }
-                )
-              },
-              `${m2.number}-${m2.yearOffset}`
-            );
-          }) }, `row-${a2}`)
-        );
+                    } else {
+                      setRangePending(true);
+                      setEndLocked(false);
+                      setStartMonth(m2.number);
+                      setStartYear(menuYear + m2.yearOffset);
+                      setEndYear(menuYear + m2.yearOffset);
+                      setEndMonth(m2.number);
+                      if (onStartMonthSelect)
+                        onStartMonthSelect(
+                          new Date(menuYear + m2.yearOffset, m2.number)
+                        );
+                    }
+                  },
+                  disabled: (maxDate ? menuYear + m2.yearOffset > (maxDate == null ? void 0 : maxDate.getFullYear()) || menuYear + m2.yearOffset === (maxDate == null ? void 0 : maxDate.getFullYear()) && m2.number > maxDate.getMonth() : false) || (minDate ? menuYear + m2.yearOffset < (minDate == null ? void 0 : minDate.getFullYear()) || menuYear + m2.yearOffset === (minDate == null ? void 0 : minDate.getFullYear()) && m2.number < minDate.getMonth() : false),
+                  className: cn$1(
+                    buttonVariants({
+                      variant: startMonth === m2.number && menuYear + m2.yearOffset === startYear || endMonth === m2.number && menuYear + m2.yearOffset === endYear && !rangePending ? ((_a2 = variant == null ? void 0 : variant.calendar) == null ? void 0 : _a2.selected) ?? "default" : ((_b2 = variant == null ? void 0 : variant.calendar) == null ? void 0 : _b2.main) ?? "ghost"
+                    }),
+                    "h-full w-full p-0 font-normal aria-selected:opacity-100"
+                  ),
+                  children: (callbacks == null ? void 0 : callbacks.monthLabel) ? callbacks.monthLabel(m2) : m2.name
+                }
+              )
+            },
+            `${m2.number}-${m2.yearOffset}`
+          );
+        }) }, rowKey);
       }) }) })
     ] }),
     showQuickSelectors ? /* @__PURE__ */ jsx("div", { className: " flex flex-col gap-1 justify-center", children: quickSelectors.map((s2) => {
@@ -25947,68 +26200,85 @@ function MonthRangeInput({
         type: "button",
         disabled,
         variant: buttonVariant,
-        className: cn$1("w-[280px] justify-start text-left font-normal", !value && "text-muted-foreground"),
+        className: cn$1(
+          "w-[280px] justify-start text-left font-normal",
+          !value && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
           label
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "p-2 w-auto max-w-none", align: "start", side: popoverSide, children: [
-      /* @__PURE__ */ jsx(
-        MonthRangePicker,
-        {
-          selectedMonthRange: (draft == null ? void 0 : draft.start) && (draft == null ? void 0 : draft.end) ? { start: draft.start, end: draft.end } : void 0,
-          onStartMonthSelect: (d) => {
-            if (disabled) return;
-            setDraft({ start: d, end: d });
-          },
-          onMonthRangeSelect: ({ start, end }) => {
-            if (disabled) return;
-            setDraft({ start, end });
-          },
-          minDate,
-          maxDate,
-          showQuickSelectors,
-          variant: {
-            calendar: { main: "ghost", selected: "default" },
-            chevrons: "outline"
-          }
-        }
-      ),
-      (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-2 border-t mt-3", children: [
-        /* @__PURE__ */ jsx(
-          Button$1,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            onClick: () => setOpen(false),
-            disabled,
-            children: props2.cancelLabel ?? "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button$1,
-          {
-            type: "button",
-            variant: "default",
-            size: "sm",
-            onClick: () => {
-              onChange == null ? void 0 : onChange(draft ?? null);
-              setOpen(false);
-            },
-            children: props2.applyLabel ?? "Apply"
-          }
-        )
-      ] })
-    ] })
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        className: "p-2 w-auto max-w-none",
+        align: "start",
+        side: popoverSide,
+        children: [
+          /* @__PURE__ */ jsx(
+            MonthRangePicker,
+            {
+              selectedMonthRange: (draft == null ? void 0 : draft.start) && (draft == null ? void 0 : draft.end) ? { start: draft.start, end: draft.end } : void 0,
+              onStartMonthSelect: (d) => {
+                if (disabled) return;
+                setDraft({ start: d, end: d });
+              },
+              onMonthRangeSelect: ({ start, end }) => {
+                if (disabled) return;
+                setDraft({ start, end });
+              },
+              minDate,
+              maxDate,
+              showQuickSelectors,
+              variant: {
+                calendar: { main: "ghost", selected: "default" },
+                chevrons: "outline"
+              }
+            }
+          ),
+          (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-2 border-t mt-3", children: [
+            /* @__PURE__ */ jsx(
+              Button$1,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => setOpen(false),
+                disabled,
+                children: props2.cancelLabel ?? "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button$1,
+              {
+                type: "button",
+                variant: "default",
+                size: "sm",
+                onClick: () => {
+                  onChange == null ? void 0 : onChange(draft ?? null);
+                  setOpen(false);
+                },
+                children: props2.applyLabel ?? "Apply"
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] }) });
 }
 MonthRangeInput.displayName = "MonthRangeInput";
-function MonthRangePickerField({ field, value, onChange, className }) {
+function MonthRangePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
-    if (!value || typeof value !== "object") return void 0;
+    if (!value || typeof value !== "object")
+      return void 0;
     const anyVal = value;
     const toDate2 = (x2) => {
       if (!x2) return void 0;
@@ -26264,7 +26534,12 @@ function TimePicker({
   ] }) });
 }
 TimePicker.displayName = "TimePicker";
-function TimePickerField({ field, value, onChange, className }) {
+function TimePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -26299,9 +26574,24 @@ function TimeUnitSelector({
   value,
   onChange
 }) {
-  const hours = React.useMemo(() => hourCycle === 12 ? Array.from({ length: 12 }, (_2, i2) => i2 + 1) : Array.from({ length: 24 }, (_2, i2) => i2), [hourCycle]);
-  const minutes = React.useMemo(() => Array.from({ length: Math.ceil(60 / minuteStep) }, (_2, i2) => i2 * minuteStep), [minuteStep]);
-  const seconds = React.useMemo(() => Array.from({ length: Math.ceil(60 / secondStep) }, (_2, i2) => i2 * secondStep), [secondStep]);
+  const hours = React.useMemo(
+    () => hourCycle === 12 ? Array.from({ length: 12 }, (_2, i2) => i2 + 1) : Array.from({ length: 24 }, (_2, i2) => i2),
+    [hourCycle]
+  );
+  const minutes = React.useMemo(
+    () => Array.from(
+      { length: Math.ceil(60 / minuteStep) },
+      (_2, i2) => i2 * minuteStep
+    ),
+    [minuteStep]
+  );
+  const seconds = React.useMemo(
+    () => Array.from(
+      { length: Math.ceil(60 / secondStep) },
+      (_2, i2) => i2 * secondStep
+    ),
+    [secondStep]
+  );
   const selectedHour = React.useMemo(() => {
     if (!value) return hourCycle === 12 ? 12 : 0;
     const h = value.getHours();
@@ -26313,7 +26603,15 @@ function TimeUnitSelector({
   const setPart = (part, v) => {
     const base = value ? new Date(value) : (() => {
       const n2 = /* @__PURE__ */ new Date();
-      return new Date(n2.getFullYear(), n2.getMonth(), n2.getDate(), 0, 0, 0, 0);
+      return new Date(
+        n2.getFullYear(),
+        n2.getMonth(),
+        n2.getDate(),
+        0,
+        0,
+        0,
+        0
+      );
     })();
     if (part === "hour") {
       let h = Number(v);
@@ -26342,34 +26640,66 @@ function TimeUnitSelector({
     /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
         /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Hour" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedHour), onValueChange: (v) => setPart("hour", Number(v)), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} hour`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: String(h), children: hourCycle === 12 ? h : pad2$2(h) }, h)) })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: String(selectedHour),
+            onValueChange: (v) => setPart("hour", Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} hour`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: String(h), children: hourCycle === 12 ? h : pad2$2(h) }, h)) })
+            ]
+          }
+        )
       ] }),
       (precision === "minute" || precision === "second") && /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
         /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Minute" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedMinute - selectedMinute % minuteStep), onValueChange: (v) => setPart("minute", Number(v)), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} minute`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m2) => /* @__PURE__ */ jsx(SelectItem, { value: String(m2), children: pad2$2(m2) }, m2)) })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: String(selectedMinute - selectedMinute % minuteStep),
+            onValueChange: (v) => setPart("minute", Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} minute`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m2) => /* @__PURE__ */ jsx(SelectItem, { value: String(m2), children: pad2$2(m2) }, m2)) })
+            ]
+          }
+        )
       ] }),
       precision === "second" && /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
         /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Second" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedSecond - selectedSecond % secondStep), onValueChange: (v) => setPart("second", Number(v)), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} second`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: seconds.map((s2) => /* @__PURE__ */ jsx(SelectItem, { value: String(s2), children: pad2$2(s2) }, s2)) })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: String(selectedSecond - selectedSecond % secondStep),
+            onValueChange: (v) => setPart("second", Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} second`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: seconds.map((s2) => /* @__PURE__ */ jsx(SelectItem, { value: String(s2), children: pad2$2(s2) }, s2)) })
+            ]
+          }
+        )
       ] }),
       hourCycle === 12 && /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
         /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Period" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: selectedPeriod, onValueChange: (v) => setPart("period", v), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} period`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
-          ] })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: selectedPeriod,
+            onValueChange: (v) => setPart("period", v),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} period`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
+              ] })
+            ]
+          }
+        )
       ] })
     ] })
   ] });
@@ -26391,7 +26721,9 @@ function TimeRangePicker({
   const [internalOpen, setInternalOpen] = React.useState(false);
   const isOpen = typeof props2.open === "boolean" ? props2.open : internalOpen;
   const setOpen = (o2) => props2.onOpenChange ? props2.onOpenChange(o2) : setInternalOpen(o2);
-  const [draft, setDraft] = React.useState(value ?? null);
+  const [draft, setDraft] = React.useState(
+    value ?? null
+  );
   React.useEffect(() => {
     if (isOpen) setDraft(value ?? null);
   }, [isOpen, value]);
@@ -26410,7 +26742,10 @@ function TimeRangePicker({
         type: "button",
         disabled,
         variant: buttonVariant,
-        className: cn$1("w-[280px] justify-start text-left font-normal", !value && "text-muted-foreground"),
+        className: cn$1(
+          "w-[280px] justify-start text-left font-normal",
+          !value && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(Clock, { className: "mr-2 h-4 w-4" }),
           label
@@ -26489,9 +26824,15 @@ function TimeRangePicker({
   ] }) });
 }
 TimeRangePicker.displayName = "TimeRangePicker";
-function TimeRangePickerField({ field, value, onChange, className }) {
+function TimeRangePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
-    if (!value || typeof value !== "object") return null;
+    if (!value || typeof value !== "object")
+      return null;
     const anyVal = value;
     const toDate2 = (x2) => {
       if (!x2) return void 0;
@@ -26550,9 +26891,24 @@ function TimeSelectors$1({
   secondStep,
   disabled
 }) {
-  const hours = React.useMemo(() => hourCycle === 12 ? Array.from({ length: 12 }, (_2, i2) => i2 + 1) : Array.from({ length: 24 }, (_2, i2) => i2), [hourCycle]);
-  const minutes = React.useMemo(() => Array.from({ length: Math.ceil(60 / minuteStep) }, (_2, i2) => i2 * minuteStep), [minuteStep]);
-  const seconds = React.useMemo(() => Array.from({ length: Math.ceil(60 / secondStep) }, (_2, i2) => i2 * secondStep), [secondStep]);
+  const hours = React.useMemo(
+    () => hourCycle === 12 ? Array.from({ length: 12 }, (_2, i2) => i2 + 1) : Array.from({ length: 24 }, (_2, i2) => i2),
+    [hourCycle]
+  );
+  const minutes = React.useMemo(
+    () => Array.from(
+      { length: Math.ceil(60 / minuteStep) },
+      (_2, i2) => i2 * minuteStep
+    ),
+    [minuteStep]
+  );
+  const seconds = React.useMemo(
+    () => Array.from(
+      { length: Math.ceil(60 / secondStep) },
+      (_2, i2) => i2 * secondStep
+    ),
+    [secondStep]
+  );
   const selectedHour = React.useMemo(() => {
     if (!value) return hourCycle === 12 ? 12 : 0;
     const h = value.getHours();
@@ -26564,7 +26920,15 @@ function TimeSelectors$1({
   const setPart = (part, v) => {
     const base = value ? new Date(value) : (() => {
       const n2 = /* @__PURE__ */ new Date();
-      return new Date(n2.getFullYear(), n2.getMonth(), n2.getDate(), 0, 0, 0, 0);
+      return new Date(
+        n2.getFullYear(),
+        n2.getMonth(),
+        n2.getDate(),
+        0,
+        0,
+        0,
+        0
+      );
     })();
     if (part === "hour") {
       let h = Number(v);
@@ -26591,34 +26955,66 @@ function TimeSelectors$1({
   return /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Hour" }),
-      /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedHour), onValueChange: (v) => setPart("hour", Number(v)), children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Hour", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: String(h), children: hourCycle === 12 ? h : pad2$1(h) }, h)) })
-      ] })
+      /* @__PURE__ */ jsxs(
+        Select$1,
+        {
+          disabled,
+          value: String(selectedHour),
+          onValueChange: (v) => setPart("hour", Number(v)),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Hour", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: String(h), children: hourCycle === 12 ? h : pad2$1(h) }, h)) })
+          ]
+        }
+      )
     ] }),
     (precision === "minute" || precision === "second") && /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Minute" }),
-      /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedMinute - selectedMinute % minuteStep), onValueChange: (v) => setPart("minute", Number(v)), children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Minute", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m2) => /* @__PURE__ */ jsx(SelectItem, { value: String(m2), children: pad2$1(m2) }, m2)) })
-      ] })
+      /* @__PURE__ */ jsxs(
+        Select$1,
+        {
+          disabled,
+          value: String(selectedMinute - selectedMinute % minuteStep),
+          onValueChange: (v) => setPart("minute", Number(v)),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Minute", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m2) => /* @__PURE__ */ jsx(SelectItem, { value: String(m2), children: pad2$1(m2) }, m2)) })
+          ]
+        }
+      )
     ] }),
     precision === "second" && /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Second" }),
-      /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedSecond - selectedSecond % secondStep), onValueChange: (v) => setPart("second", Number(v)), children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Second", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: seconds.map((s2) => /* @__PURE__ */ jsx(SelectItem, { value: String(s2), children: pad2$1(s2) }, s2)) })
-      ] })
+      /* @__PURE__ */ jsxs(
+        Select$1,
+        {
+          disabled,
+          value: String(selectedSecond - selectedSecond % secondStep),
+          onValueChange: (v) => setPart("second", Number(v)),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Second", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: seconds.map((s2) => /* @__PURE__ */ jsx(SelectItem, { value: String(s2), children: pad2$1(s2) }, s2)) })
+          ]
+        }
+      )
     ] }),
     hourCycle === 12 && /* @__PURE__ */ jsxs("div", { className: "w-24", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Period" }),
-      /* @__PURE__ */ jsxs(Select$1, { disabled, value: selectedPeriod, onValueChange: (v) => setPart("period", v), children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Period", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
-        ] })
-      ] })
+      /* @__PURE__ */ jsxs(
+        Select$1,
+        {
+          disabled,
+          value: selectedPeriod,
+          onValueChange: (v) => setPart("period", v),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Period", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
+            ] })
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -26652,7 +27048,11 @@ function DateTimePicker({
   };
   const fmtLabel = (d) => {
     if (!d) return placeholder;
-    const dateStr = d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "2-digit" });
+    const dateStr = d.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit"
+    });
     const h = d.getHours();
     const m2 = d.getMinutes();
     const s2 = d.getSeconds();
@@ -26667,7 +27067,10 @@ function DateTimePicker({
         type: "button",
         disabled,
         variant: buttonVariant,
-        className: cn$1("w-[280px] justify-start text-left font-normal", !value && "text-muted-foreground"),
+        className: cn$1(
+          "w-[280px] justify-start text-left font-normal",
+          !value && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
           label
@@ -26686,10 +27089,26 @@ function DateTimePicker({
               if (!d) return;
               if (isDisabled(d)) return;
               if (draft) {
-                const nd = new Date(d.getFullYear(), d.getMonth(), d.getDate(), draft.getHours(), draft.getMinutes(), draft.getSeconds());
+                const nd = new Date(
+                  d.getFullYear(),
+                  d.getMonth(),
+                  d.getDate(),
+                  draft.getHours(),
+                  draft.getMinutes(),
+                  draft.getSeconds()
+                );
                 setDraft(nd);
               } else {
-                setDraft(new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0));
+                setDraft(
+                  new Date(
+                    d.getFullYear(),
+                    d.getMonth(),
+                    d.getDate(),
+                    0,
+                    0,
+                    0
+                  )
+                );
               }
             },
             defaultMonth: draft ?? /* @__PURE__ */ new Date(),
@@ -26715,9 +27134,29 @@ function DateTimePicker({
         ] })
       ] }),
       (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 p-2 border-t", children: [
-        /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: () => setOpen(false), disabled, children: props2.cancelLabel ?? "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => setOpen(false),
+            disabled,
+            children: props2.cancelLabel ?? "Cancel"
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => onChange == null ? void 0 : onChange(null), disabled, children: props2.clearLabel ?? "Clear" }),
+          /* @__PURE__ */ jsx(
+            Button$1,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => onChange == null ? void 0 : onChange(null),
+              disabled,
+              children: props2.clearLabel ?? "Clear"
+            }
+          ),
           /* @__PURE__ */ jsx(
             Button$1,
             {
@@ -26737,7 +27176,12 @@ function DateTimePicker({
   ] }) });
 }
 DateTimePicker.displayName = "DateTimePicker";
-function DateTimePickerField({ field, value, onChange, className }) {
+function DateTimePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -26816,9 +27260,24 @@ function TimeSelectors({
   disabled,
   compact: compact2
 }) {
-  const hours = React.useMemo(() => hourCycle === 12 ? Array.from({ length: 12 }, (_2, i2) => i2 + 1) : Array.from({ length: 24 }, (_2, i2) => i2), [hourCycle]);
-  const minutes = React.useMemo(() => Array.from({ length: Math.ceil(60 / minuteStep) }, (_2, i2) => i2 * minuteStep), [minuteStep]);
-  const seconds = React.useMemo(() => Array.from({ length: Math.ceil(60 / secondStep) }, (_2, i2) => i2 * secondStep), [secondStep]);
+  const hours = React.useMemo(
+    () => hourCycle === 12 ? Array.from({ length: 12 }, (_2, i2) => i2 + 1) : Array.from({ length: 24 }, (_2, i2) => i2),
+    [hourCycle]
+  );
+  const minutes = React.useMemo(
+    () => Array.from(
+      { length: Math.ceil(60 / minuteStep) },
+      (_2, i2) => i2 * minuteStep
+    ),
+    [minuteStep]
+  );
+  const seconds = React.useMemo(
+    () => Array.from(
+      { length: Math.ceil(60 / secondStep) },
+      (_2, i2) => i2 * secondStep
+    ),
+    [secondStep]
+  );
   const selectedHour = React.useMemo(() => {
     if (!value) return hourCycle === 12 ? 12 : 0;
     const h = value.getHours();
@@ -26830,7 +27289,15 @@ function TimeSelectors({
   const setPart = (part, v) => {
     const base = value ? new Date(value) : (() => {
       const n2 = /* @__PURE__ */ new Date();
-      return new Date(n2.getFullYear(), n2.getMonth(), n2.getDate(), 0, 0, 0, 0);
+      return new Date(
+        n2.getFullYear(),
+        n2.getMonth(),
+        n2.getDate(),
+        0,
+        0,
+        0,
+        0
+      );
     })();
     if (part === "hour") {
       let h = Number(v);
@@ -26860,34 +27327,66 @@ function TimeSelectors({
     /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: widthClass, children: [
         !compact2 && /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Hour" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedHour), onValueChange: (v) => setPart("hour", Number(v)), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} hour`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: String(h), children: hourCycle === 12 ? h : pad2(h) }, h)) })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: String(selectedHour),
+            onValueChange: (v) => setPart("hour", Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} hour`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: String(h), children: hourCycle === 12 ? h : pad2(h) }, h)) })
+            ]
+          }
+        )
       ] }),
       (precision === "minute" || precision === "second") && /* @__PURE__ */ jsxs("div", { className: widthClass, children: [
         !compact2 && /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Minute" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedMinute - selectedMinute % minuteStep), onValueChange: (v) => setPart("minute", Number(v)), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} minute`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m2) => /* @__PURE__ */ jsx(SelectItem, { value: String(m2), children: pad2(m2) }, m2)) })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: String(selectedMinute - selectedMinute % minuteStep),
+            onValueChange: (v) => setPart("minute", Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} minute`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m2) => /* @__PURE__ */ jsx(SelectItem, { value: String(m2), children: pad2(m2) }, m2)) })
+            ]
+          }
+        )
       ] }),
       precision === "second" && /* @__PURE__ */ jsxs("div", { className: widthClass, children: [
         !compact2 && /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Second" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: String(selectedSecond - selectedSecond % secondStep), onValueChange: (v) => setPart("second", Number(v)), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} second`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: seconds.map((s2) => /* @__PURE__ */ jsx(SelectItem, { value: String(s2), children: pad2(s2) }, s2)) })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: String(selectedSecond - selectedSecond % secondStep),
+            onValueChange: (v) => setPart("second", Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} second`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: seconds.map((s2) => /* @__PURE__ */ jsx(SelectItem, { value: String(s2), children: pad2(s2) }, s2)) })
+            ]
+          }
+        )
       ] }),
       hourCycle === 12 && /* @__PURE__ */ jsxs("div", { className: widthClass, children: [
         !compact2 && /* @__PURE__ */ jsx("div", { className: "mb-1 block text-xs text-muted-foreground", children: "Period" }),
-        /* @__PURE__ */ jsxs(Select$1, { disabled, value: selectedPeriod, onValueChange: (v) => setPart("period", v), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} period`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
-          ] })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Select$1,
+          {
+            disabled,
+            value: selectedPeriod,
+            onValueChange: (v) => setPart("period", v),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${label} period`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
+              ] })
+            ]
+          }
+        )
       ] })
     ] })
   ] });
@@ -26914,23 +27413,36 @@ function DateTimeRangePicker({
   const [internalOpen, setInternalOpen] = React.useState(false);
   const isOpen = typeof props2.open === "boolean" ? props2.open : internalOpen;
   const setOpen = (o2) => props2.onOpenChange ? props2.onOpenChange(o2) : setInternalOpen(o2);
-  const [draft, setDraft] = React.useState(value ?? null);
+  const [draft, setDraft] = React.useState(
+    value ?? null
+  );
   React.useEffect(() => {
     if (isOpen) setDraft(value ?? null);
   }, [isOpen, value]);
-  const fmtTime = React.useCallback((d) => {
-    if (!d) return "";
-    const h = d.getHours();
-    const m2 = d.getMinutes();
-    const s2 = d.getSeconds();
-    return hourCycle === 12 ? `${h % 12 || 12}:${pad2(m2)}${timePrecision === "second" ? `:${pad2(s2)}` : ""} ${h >= 12 ? "PM" : "AM"}` : `${pad2(h)}:${pad2(m2)}${timePrecision === "second" ? `:${pad2(s2)}` : ""}`;
-  }, [hourCycle, timePrecision]);
+  const fmtTime = React.useCallback(
+    (d) => {
+      if (!d) return "";
+      const h = d.getHours();
+      const m2 = d.getMinutes();
+      const s2 = d.getSeconds();
+      return hourCycle === 12 ? `${h % 12 || 12}:${pad2(m2)}${timePrecision === "second" ? `:${pad2(s2)}` : ""} ${h >= 12 ? "PM" : "AM"}` : `${pad2(h)}:${pad2(m2)}${timePrecision === "second" ? `:${pad2(s2)}` : ""}`;
+    },
+    [hourCycle, timePrecision]
+  );
   const label = React.useMemo(() => {
     const f = (draft == null ? void 0 : draft.from) ?? (value == null ? void 0 : value.from) ?? null;
     const t2 = (draft == null ? void 0 : draft.to) ?? (value == null ? void 0 : value.to) ?? null;
     if (f && t2) {
-      const fd = f.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "2-digit" });
-      const td = t2.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "2-digit" });
+      const fd = f.toLocaleDateString(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "2-digit"
+      });
+      const td = t2.toLocaleDateString(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "2-digit"
+      });
       return `${fd} ${fmtTime(f)} – ${td} ${fmtTime(t2)}`;
     }
     return placeholder;
@@ -26942,8 +27454,12 @@ function DateTimeRangePicker({
     const yyyy = d.getFullYear();
     return `${dd} / ${mm} / ${yyyy}`;
   }, []);
-  const [fromInput, setFromInput] = React.useState(fmtDate((draft == null ? void 0 : draft.from) ?? (value == null ? void 0 : value.from) ?? null));
-  const [toInput, setToInput] = React.useState(fmtDate((draft == null ? void 0 : draft.to) ?? (value == null ? void 0 : value.to) ?? null));
+  const [fromInput, setFromInput] = React.useState(
+    fmtDate((draft == null ? void 0 : draft.from) ?? (value == null ? void 0 : value.from) ?? null)
+  );
+  const [toInput, setToInput] = React.useState(
+    fmtDate((draft == null ? void 0 : draft.to) ?? (value == null ? void 0 : value.to) ?? null)
+  );
   React.useEffect(() => {
     if (isOpen) {
       setFromInput(fmtDate((value == null ? void 0 : value.from) ?? null));
@@ -26971,7 +27487,8 @@ function DateTimeRangePicker({
     const lastDay = new Date(yyyy, mm, 0).getDate();
     if (dd < 1 || dd > lastDay) return void 0;
     const out = new Date(yyyy, mm - 1, dd);
-    if (isBefore(out, minDate) || isAfter(out, maxDate) || inDisabled(out, disabledDates)) return void 0;
+    if (isBefore(out, minDate) || isAfter(out, maxDate) || inDisabled(out, disabledDates))
+      return void 0;
     return out;
   };
   const fromParsed = parseMasked(fromInput);
@@ -27012,159 +27529,223 @@ function DateTimeRangePicker({
   }, [toParsed, draft, value]);
   const invalidRange = !mergedFrom || !mergedTo || isBefore(mergedFrom, minDate) || isAfter(mergedTo, maxDate) || mergedFrom > mergedTo || rangeContainsDisabled(mergedFrom, mergedTo, disabledDates);
   return /* @__PURE__ */ jsx("div", { className: cn$1("w-fit", className), ...props2, children: /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button$1, { type: "button", disabled, variant: buttonVariant, className: cn$1("w-[360px] justify-start text-left font-normal", !value && "text-muted-foreground"), children: [
-      /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
-      label
-    ] }) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-auto max-w-none p-4", align: "start", side: popoverSide ?? "bottom", sideOffset: 8, children: [
-      /* @__PURE__ */ jsxs("div", { className: cn$1("w-fit min-w-0", contentClassName), children: [
-        /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-md border border-input bg-background/50 px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        type: "button",
+        disabled,
+        variant: buttonVariant,
+        className: cn$1(
+          "w-[360px] justify-start text-left font-normal",
+          !value && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+          label
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        className: "w-auto max-w-none p-4",
+        align: "start",
+        side: popoverSide ?? "bottom",
+        sideOffset: 8,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: cn$1("w-fit min-w-0", contentClassName), children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-md border border-input bg-background/50 px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    value: fromInput,
+                    onChange: (e2) => setFromInput(maskDate(e2.target.value)),
+                    onBlur: () => {
+                      const p2 = parseMasked(fromInput);
+                      if (p2) {
+                        const prev = (draft == null ? void 0 : draft.from) ?? null;
+                        const withTime = new Date(
+                          p2.getFullYear(),
+                          p2.getMonth(),
+                          p2.getDate(),
+                          prev ? prev.getHours() : 0,
+                          prev ? prev.getMinutes() : 0,
+                          prev ? prev.getSeconds() : 0
+                        );
+                        setDraft((d) => ({ ...d ?? {}, from: withTime }));
+                      }
+                    },
+                    placeholder: "dd/mm/yyyy",
+                    className: "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TimeSelectors,
+                  {
+                    label: "From",
+                    compact: true,
+                    value: (draft == null ? void 0 : draft.from) ?? null,
+                    onChange: (d) => setDraft((prev) => ({ ...prev ?? {}, from: d })),
+                    precision: timePrecision,
+                    hourCycle,
+                    minuteStep,
+                    secondStep,
+                    disabled
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "–" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    value: toInput,
+                    onChange: (e2) => setToInput(maskDate(e2.target.value)),
+                    onBlur: () => {
+                      const p2 = parseMasked(toInput);
+                      if (p2) {
+                        const prev = (draft == null ? void 0 : draft.to) ?? null;
+                        const withTime = new Date(
+                          p2.getFullYear(),
+                          p2.getMonth(),
+                          p2.getDate(),
+                          prev ? prev.getHours() : 0,
+                          prev ? prev.getMinutes() : 0,
+                          prev ? prev.getSeconds() : 0
+                        );
+                        setDraft((d) => ({ ...d ?? {}, to: withTime }));
+                      }
+                    },
+                    placeholder: "dd/mm/yyyy",
+                    className: "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TimeSelectors,
+                  {
+                    label: "To",
+                    compact: true,
+                    value: (draft == null ? void 0 : draft.to) ?? null,
+                    onChange: (d) => setDraft((prev) => ({ ...prev ?? {}, to: d })),
+                    precision: timePrecision,
+                    hourCycle,
+                    minuteStep,
+                    secondStep,
+                    disabled
+                  }
+                )
+              ] })
+            ] }) }),
             /* @__PURE__ */ jsx(
-              "input",
+              Calendar,
               {
-                type: "text",
-                inputMode: "numeric",
-                value: fromInput,
-                onChange: (e2) => setFromInput(maskDate(e2.target.value)),
-                onBlur: () => {
-                  const p2 = parseMasked(fromInput);
-                  if (p2) {
-                    const prev = (draft == null ? void 0 : draft.from) ?? null;
-                    const withTime = new Date(
-                      p2.getFullYear(),
-                      p2.getMonth(),
-                      p2.getDate(),
-                      prev ? prev.getHours() : 0,
-                      prev ? prev.getMinutes() : 0,
-                      prev ? prev.getSeconds() : 0
-                    );
-                    setDraft((d) => ({ ...d ?? {}, from: withTime }));
+                mode: "range",
+                numberOfMonths,
+                selected: (draft == null ? void 0 : draft.from) && (draft == null ? void 0 : draft.to) ? { from: draft.from, to: draft.to } : void 0,
+                onSelect: (range) => {
+                  var _a, _b, _c, _d, _e2, _f;
+                  if (disabled) return;
+                  if (!range) {
+                    setDraft(null);
+                    return;
                   }
+                  const { from, to } = range;
+                  if (from && (isBefore(from, minDate) || isAfter(from, maxDate)))
+                    return;
+                  if (to && (isBefore(to, minDate) || isAfter(to, maxDate)))
+                    return;
+                  if (from && to && rangeContainsDisabled(from, to, disabledDates))
+                    return;
+                  const prevFrom = (draft == null ? void 0 : draft.from) ?? from;
+                  const prevTo = (draft == null ? void 0 : draft.to) ?? to;
+                  const nextFrom = from ? new Date(
+                    from.getFullYear(),
+                    from.getMonth(),
+                    from.getDate(),
+                    ((_a = prevFrom == null ? void 0 : prevFrom.getHours) == null ? void 0 : _a.call(prevFrom)) ?? 0,
+                    ((_b = prevFrom == null ? void 0 : prevFrom.getMinutes) == null ? void 0 : _b.call(prevFrom)) ?? 0,
+                    ((_c = prevFrom == null ? void 0 : prevFrom.getSeconds) == null ? void 0 : _c.call(prevFrom)) ?? 0
+                  ) : void 0;
+                  const nextTo = to ? new Date(
+                    to.getFullYear(),
+                    to.getMonth(),
+                    to.getDate(),
+                    ((_d = prevTo == null ? void 0 : prevTo.getHours) == null ? void 0 : _d.call(prevTo)) ?? 0,
+                    ((_e2 = prevTo == null ? void 0 : prevTo.getMinutes) == null ? void 0 : _e2.call(prevTo)) ?? 0,
+                    ((_f = prevTo == null ? void 0 : prevTo.getSeconds) == null ? void 0 : _f.call(prevTo)) ?? 0
+                  ) : void 0;
+                  setDraft({ from: nextFrom ?? null, to: nextTo ?? null });
+                  setFromInput(fmtDate(nextFrom ?? null));
+                  setToInput(fmtDate(nextTo ?? null));
                 },
-                placeholder: "dd/mm/yyyy",
-                className: "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TimeSelectors,
-              {
-                label: "From",
-                compact: true,
-                value: (draft == null ? void 0 : draft.from) ?? null,
-                onChange: (d) => setDraft((prev) => ({ ...prev ?? {}, from: d })),
-                precision: timePrecision,
-                hourCycle,
-                minuteStep,
-                secondStep,
-                disabled
+                defaultMonth: (draft == null ? void 0 : draft.from) ?? (value == null ? void 0 : value.from) ?? /* @__PURE__ */ new Date(),
+                disabled: (d) => isBefore(d, minDate) || isAfter(d, maxDate) || inDisabled(d, disabledDates),
+                buttonVariant: "ghost",
+                showOutsideDays: true
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "–" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+          (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-3 mt-3 border-t", children: [
             /* @__PURE__ */ jsx(
-              "input",
+              Button$1,
               {
-                type: "text",
-                inputMode: "numeric",
-                value: toInput,
-                onChange: (e2) => setToInput(maskDate(e2.target.value)),
-                onBlur: () => {
-                  const p2 = parseMasked(toInput);
-                  if (p2) {
-                    const prev = (draft == null ? void 0 : draft.to) ?? null;
-                    const withTime = new Date(
-                      p2.getFullYear(),
-                      p2.getMonth(),
-                      p2.getDate(),
-                      prev ? prev.getHours() : 0,
-                      prev ? prev.getMinutes() : 0,
-                      prev ? prev.getSeconds() : 0
-                    );
-                    setDraft((d) => ({ ...d ?? {}, to: withTime }));
-                  }
-                },
-                placeholder: "dd/mm/yyyy",
-                className: "h-9 w-40 rounded-md border bg-background px-3 text-sm shadow-xs outline-hidden"
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => setOpen(false),
+                disabled,
+                children: props2.cancelLabel ?? "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx(
-              TimeSelectors,
-              {
-                label: "To",
-                compact: true,
-                value: (draft == null ? void 0 : draft.to) ?? null,
-                onChange: (d) => setDraft((prev) => ({ ...prev ?? {}, to: d })),
-                precision: timePrecision,
-                hourCycle,
-                minuteStep,
-                secondStep,
-                disabled
-              }
-            )
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => onChange == null ? void 0 : onChange(null),
+                  disabled,
+                  children: props2.clearLabel ?? "Clear"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  type: "button",
+                  variant: "default",
+                  size: "sm",
+                  onClick: () => {
+                    if (invalidRange || !mergedFrom || !mergedTo) return;
+                    onChange == null ? void 0 : onChange({ from: mergedFrom, to: mergedTo });
+                    setOpen(false);
+                  },
+                  disabled: disabled || invalidRange,
+                  children: props2.applyLabel ?? "Apply"
+                }
+              )
+            ] })
           ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            mode: "range",
-            numberOfMonths,
-            selected: (draft == null ? void 0 : draft.from) && (draft == null ? void 0 : draft.to) ? { from: draft.from, to: draft.to } : void 0,
-            onSelect: (range) => {
-              var _a, _b, _c, _d, _e2, _f;
-              if (disabled) return;
-              if (!range) {
-                setDraft(null);
-                return;
-              }
-              const { from, to } = range;
-              if (from && (isBefore(from, minDate) || isAfter(from, maxDate))) return;
-              if (to && (isBefore(to, minDate) || isAfter(to, maxDate))) return;
-              if (from && to && rangeContainsDisabled(from, to, disabledDates)) return;
-              const prevFrom = (draft == null ? void 0 : draft.from) ?? from;
-              const prevTo = (draft == null ? void 0 : draft.to) ?? to;
-              const nextFrom = from ? new Date(from.getFullYear(), from.getMonth(), from.getDate(), ((_a = prevFrom == null ? void 0 : prevFrom.getHours) == null ? void 0 : _a.call(prevFrom)) ?? 0, ((_b = prevFrom == null ? void 0 : prevFrom.getMinutes) == null ? void 0 : _b.call(prevFrom)) ?? 0, ((_c = prevFrom == null ? void 0 : prevFrom.getSeconds) == null ? void 0 : _c.call(prevFrom)) ?? 0) : void 0;
-              const nextTo = to ? new Date(to.getFullYear(), to.getMonth(), to.getDate(), ((_d = prevTo == null ? void 0 : prevTo.getHours) == null ? void 0 : _d.call(prevTo)) ?? 0, ((_e2 = prevTo == null ? void 0 : prevTo.getMinutes) == null ? void 0 : _e2.call(prevTo)) ?? 0, ((_f = prevTo == null ? void 0 : prevTo.getSeconds) == null ? void 0 : _f.call(prevTo)) ?? 0) : void 0;
-              setDraft({ from: nextFrom ?? null, to: nextTo ?? null });
-              setFromInput(fmtDate(nextFrom ?? null));
-              setToInput(fmtDate(nextTo ?? null));
-            },
-            defaultMonth: (draft == null ? void 0 : draft.from) ?? (value == null ? void 0 : value.from) ?? /* @__PURE__ */ new Date(),
-            disabled: (d) => isBefore(d, minDate) || isAfter(d, maxDate) || inDisabled(d, disabledDates),
-            buttonVariant: "ghost",
-            showOutsideDays: true
-          }
-        )
-      ] }),
-      (props2.showFooter ?? true) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-3 mt-3 border-t", children: [
-        /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: () => setOpen(false), disabled, children: props2.cancelLabel ?? "Cancel" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => onChange == null ? void 0 : onChange(null), disabled, children: props2.clearLabel ?? "Clear" }),
-          /* @__PURE__ */ jsx(
-            Button$1,
-            {
-              type: "button",
-              variant: "default",
-              size: "sm",
-              onClick: () => {
-                if (invalidRange || !mergedFrom || !mergedTo) return;
-                onChange == null ? void 0 : onChange({ from: mergedFrom, to: mergedTo });
-                setOpen(false);
-              },
-              disabled: disabled || invalidRange,
-              children: props2.applyLabel ?? "Apply"
-            }
-          )
-        ] })
-      ] })
-    ] })
+        ]
+      }
+    )
   ] }) });
 }
 DateTimeRangePicker.displayName = "DateTimeRangePicker";
-function DateTimeRangePickerField({ field, value, onChange, className }) {
+function DateTimeRangePickerField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const v = React.useMemo(() => {
-    if (!value || typeof value !== "object") return null;
+    if (!value || typeof value !== "object")
+      return null;
     const anyVal = value;
     const toDate2 = (x2) => {
       if (!x2) return void 0;
@@ -30217,25 +30798,53 @@ function formatBytes(bytes) {
   const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
   if (bytes === 0) return "0 Byte";
   const i2 = Math.floor(Math.log(bytes) / Math.log(1024));
-  return `${(bytes / Math.pow(1024, i2)).toFixed(2)} ${sizes[i2]}`;
+  return `${(bytes / 1024 ** i2).toFixed(2)} ${sizes[i2]}`;
 }
 function isImageType(type, name) {
   if (!type && name) {
     const ext = name.toLowerCase().split(".").pop();
     if (!ext) return false;
-    return ["png", "jpg", "jpeg", "webp", "gif", "bmp", "svg", "heic", "heif"].includes(ext);
+    return [
+      "png",
+      "jpg",
+      "jpeg",
+      "webp",
+      "gif",
+      "bmp",
+      "svg",
+      "heic",
+      "heif"
+    ].includes(ext);
   }
   return !!(type == null ? void 0 : type.startsWith("image/"));
 }
 function pickIconByType(type, name) {
   const t2 = (type || "").toLowerCase();
   const ext = ((name == null ? void 0 : name.split(".").pop()) || "").toLowerCase();
-  if (t2.startsWith("image/") || ["png", "jpg", "jpeg", "webp", "gif", "bmp", "svg", "heic", "heif"].includes(ext)) return /* @__PURE__ */ jsx(Image$1, { className: "h-8 w-8" });
-  if (t2.startsWith("video/") || ["mp4", "mov", "webm", "mkv"].includes(ext)) return /* @__PURE__ */ jsx(Video, { className: "h-8 w-8" });
-  if (t2.startsWith("audio/") || ["mp3", "wav", "aac", "flac"].includes(ext)) return /* @__PURE__ */ jsx(Music, { className: "h-8 w-8" });
-  if (["zip", "rar", "7z", "tar", "gz"].includes(ext)) return /* @__PURE__ */ jsx(Archive, { className: "h-8 w-8" });
-  if (["txt", "md", "rtf"].includes(ext)) return /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8" });
-  if (["js", "ts", "tsx", "json", "yml", "yaml", "xml", "html", "css"].includes(ext)) return /* @__PURE__ */ jsx(FileCode, { className: "h-8 w-8" });
+  if (t2.startsWith("image/") || [
+    "png",
+    "jpg",
+    "jpeg",
+    "webp",
+    "gif",
+    "bmp",
+    "svg",
+    "heic",
+    "heif"
+  ].includes(ext))
+    return /* @__PURE__ */ jsx(Image$1, { className: "h-8 w-8" });
+  if (t2.startsWith("video/") || ["mp4", "mov", "webm", "mkv"].includes(ext))
+    return /* @__PURE__ */ jsx(Video, { className: "h-8 w-8" });
+  if (t2.startsWith("audio/") || ["mp3", "wav", "aac", "flac"].includes(ext))
+    return /* @__PURE__ */ jsx(Music, { className: "h-8 w-8" });
+  if (["zip", "rar", "7z", "tar", "gz"].includes(ext))
+    return /* @__PURE__ */ jsx(Archive, { className: "h-8 w-8" });
+  if (["txt", "md", "rtf"].includes(ext))
+    return /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8" });
+  if (["js", "ts", "tsx", "json", "yml", "yaml", "xml", "html", "css"].includes(
+    ext
+  ))
+    return /* @__PURE__ */ jsx(FileCode, { className: "h-8 w-8" });
   return /* @__PURE__ */ jsx(File, { className: "h-8 w-8" });
 }
 function getPreviewUrl(file) {
@@ -30275,7 +30884,9 @@ function FileUploader({
   const prevUrlsRef = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     return () => {
-      prevUrlsRef.current.forEach((url) => URL.revokeObjectURL(url));
+      prevUrlsRef.current.forEach((url) => {
+        URL.revokeObjectURL(url);
+      });
       prevUrlsRef.current.clear();
     };
   }, []);
@@ -30311,7 +30922,7 @@ function FileUploader({
       });
       return changed ? next : prev;
     });
-  }, [isControlled]);
+  }, []);
   const handleRemove = useCallback(
     async (idx) => {
       const target = files[idx];
@@ -30329,14 +30940,23 @@ function FileUploader({
       try {
         setFilesAndEmit((prev) => {
           const n2 = [...prev];
-          n2[index2] = { ...n2[index2], status: "uploading", progress: 0, errorMessage: void 0 };
+          n2[index2] = {
+            ...n2[index2],
+            status: "uploading",
+            progress: 0,
+            errorMessage: void 0
+          };
           return n2;
         });
         const result = await uploader(f, (pct) => {
           setFilesAndEmit((prev) => {
             const n2 = [...prev];
             if (!n2[index2]) return prev;
-            n2[index2] = { ...n2[index2], progress: Math.min(100, Math.max(0, Math.round(pct))), status: "uploading" };
+            n2[index2] = {
+              ...n2[index2],
+              progress: Math.min(100, Math.max(0, Math.round(pct))),
+              status: "uploading"
+            };
             return n2;
           });
         });
@@ -30365,7 +30985,15 @@ function FileUploader({
         if (failed) onUploadError == null ? void 0 : onUploadError(failed, err);
       }
     },
-    [files, isControlled, onUploadError, onUploadSuccess, setFilesAndEmit, uploader, value]
+    [
+      files,
+      isControlled,
+      onUploadError,
+      onUploadSuccess,
+      setFilesAndEmit,
+      uploader,
+      value
+    ]
   );
   const handleRetry = useCallback(
     (idx) => {
@@ -30412,14 +31040,26 @@ function FileUploader({
       });
       if (uploader) {
         const baseIndex = ((_a = isControlled ? value : files) == null ? void 0 : _a.length) ?? 0;
-        const capacity = typeof maxFiles === "number" ? Math.max(0, maxFiles - (((_b = isControlled ? value : files) == null ? void 0 : _b.length) ?? 0)) : acceptedFiles.length;
+        const capacity = typeof maxFiles === "number" ? Math.max(
+          0,
+          maxFiles - (((_b = isControlled ? value : files) == null ? void 0 : _b.length) ?? 0)
+        ) : acceptedFiles.length;
         acceptedFiles.slice(0, capacity).forEach((f, i2) => {
           const index2 = multiple ? baseIndex + i2 : 0;
           void startUpload(index2, f);
         });
       }
     },
-    [files, isControlled, maxFiles, multiple, startUpload, uploader, value, setFilesAndEmit]
+    [
+      files,
+      isControlled,
+      maxFiles,
+      multiple,
+      startUpload,
+      uploader,
+      value,
+      setFilesAndEmit
+    ]
   );
   const disabledBecauseFull = !!maxFiles && files.length >= maxFiles;
   const { getRootProps, getInputProps, isDragActive, isDragReject, open } = useDropzone({
@@ -30463,88 +31103,131 @@ function FileUploader({
   const onRetryAt = useCallback((i2) => {
     retryRef.current(i2);
   }, []);
-  const FileItem = memo$1(function FileItem2({ fr, idx, layout: layout2, withDownload: withDownload2, uploaderPresent, onRemove: onRemove2, onRetry: onRetry2 }) {
-    const name = fr.name;
-    const size2 = formatBytes(fr.size);
-    const error = fr.status === "error" ? fr.errorMessage : void 0;
-    const preview = getPreviewUrl(fr);
-    return /* @__PURE__ */ jsxs("div", { className: cn$1(
-      "flex items-center gap-3 border rounded-md p-2 bg-card",
-      layout2 === "grid" ? "flex-col items-stretch" : "flex-row"
-    ), children: [
-      /* @__PURE__ */ jsx("div", { className: cn$1(layout2 === "grid" ? "self-center" : ""), children: /* @__PURE__ */ jsxs("div", { className: cn$1(
-        "relative overflow-hidden bg-muted/40 border rounded-md flex items-center justify-center",
-        layout2 === "grid" ? "h-28 w-28" : "h-16 w-16"
-      ), children: [
-        preview ? /* @__PURE__ */ jsx("img", { src: preview, alt: fr.name, className: "object-cover w-full h-full" }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-muted-foreground", children: pickIconByType(fr.type, fr.name) }),
-        fr.status === "uploading" ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/40 flex items-center justify-center", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "h-6 w-6 text-white animate-spin" }) }) : null,
-        fr.status === "success" ? /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-green-500", children: /* @__PURE__ */ jsx(CircleCheck, { className: "h-5 w-5 drop-shadow" }) }) : null,
-        fr.status === "error" ? /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-red-500", children: /* @__PURE__ */ jsx(CircleX, { className: "h-5 w-5 drop-shadow" }) }) : null
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: cn$1("min-w-0 flex-1", layout2 === "grid" ? "mt-2" : ""), children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx("div", { className: "truncate font-medium", title: name, children: name }),
-            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: size2 })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            fr.status === "error" ? /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button$1,
-                {
-                  size: "icon",
-                  variant: "ghost",
-                  onClick: () => onRetry2(idx),
-                  "aria-label": "Retry upload",
-                  disabled: !uploaderPresent || !fr.file,
-                  children: /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(TooltipContent, { children: "Retry" })
-            ] }) : null,
-            withDownload2 && (fr.url || fr.thumbnailUrl) ? /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button$1,
-                {
-                  size: "icon",
-                  variant: "ghost",
-                  onClick: () => {
-                    const url = fr.url ?? fr.thumbnailUrl;
-                    if (url) {
-                      window.open(url, "_blank", "noopener,noreferrer");
+  const FileItem = memo$1(
+    function FileItem2({
+      fr,
+      idx,
+      layout: layout2,
+      withDownload: withDownload2,
+      uploaderPresent,
+      onRemove: onRemove2,
+      onRetry: onRetry2
+    }) {
+      const name = fr.name;
+      const size2 = formatBytes(fr.size);
+      const error = fr.status === "error" ? fr.errorMessage : void 0;
+      const preview = getPreviewUrl(fr);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn$1(
+            "flex items-center gap-3 border rounded-md p-2 bg-card",
+            layout2 === "grid" ? "flex-col items-stretch" : "flex-row"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: cn$1(layout2 === "grid" ? "self-center" : ""), children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn$1(
+                  "relative overflow-hidden bg-muted/40 border rounded-md flex items-center justify-center",
+                  layout2 === "grid" ? "h-28 w-28" : "h-16 w-16"
+                ),
+                children: [
+                  preview ? /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: preview,
+                      alt: fr.name,
+                      className: "object-cover w-full h-full"
                     }
-                  },
-                  "aria-label": "Download",
-                  children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(TooltipContent, { children: "Download" })
-            ] }) : null,
-            /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button$1,
-                {
-                  size: "icon",
-                  variant: "ghost",
-                  onClick: () => onRemove2(idx),
-                  "aria-label": "Remove",
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(TooltipContent, { children: "Remove" })
-            ] })
-          ] })
-        ] }),
-        fr.status === "uploading" ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(Progress, { value: fr.progress ?? 0 }) }) : null,
-        error ? /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-destructive", children: error }) : null
-      ] })
-    ] });
-  }, (prev, next) => prev.fr === next.fr && prev.layout === next.layout && prev.withDownload === next.withDownload && prev.uploaderPresent === next.uploaderPresent && prev.idx === next.idx);
+                  ) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-muted-foreground", children: pickIconByType(fr.type, fr.name) }),
+                  fr.status === "uploading" ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/40 flex items-center justify-center", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "h-6 w-6 text-white animate-spin" }) }) : null,
+                  fr.status === "success" ? /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-green-500", children: /* @__PURE__ */ jsx(CircleCheck, { className: "h-5 w-5 drop-shadow" }) }) : null,
+                  fr.status === "error" ? /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-red-500", children: /* @__PURE__ */ jsx(CircleX, { className: "h-5 w-5 drop-shadow" }) }) : null
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn$1("min-w-0 flex-1", layout2 === "grid" ? "mt-2" : ""),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx("div", { className: "truncate font-medium", title: name, children: name }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: size2 })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                      fr.status === "error" ? /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+                        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                          Button$1,
+                          {
+                            size: "icon",
+                            variant: "ghost",
+                            onClick: () => onRetry2(idx),
+                            "aria-label": "Retry upload",
+                            disabled: !uploaderPresent || !fr.file,
+                            children: /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" })
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx(TooltipContent, { children: "Retry" })
+                      ] }) : null,
+                      withDownload2 && (fr.url || fr.thumbnailUrl) ? /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+                        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                          Button$1,
+                          {
+                            size: "icon",
+                            variant: "ghost",
+                            onClick: () => {
+                              const url = fr.url ?? fr.thumbnailUrl;
+                              if (url) {
+                                window.open(url, "_blank", "noopener,noreferrer");
+                              }
+                            },
+                            "aria-label": "Download",
+                            children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx(TooltipContent, { children: "Download" })
+                      ] }) : null,
+                      /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+                        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                          Button$1,
+                          {
+                            size: "icon",
+                            variant: "ghost",
+                            onClick: () => onRemove2(idx),
+                            "aria-label": "Remove",
+                            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx(TooltipContent, { children: "Remove" })
+                      ] })
+                    ] })
+                  ] }),
+                  fr.status === "uploading" ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(Progress, { value: fr.progress ?? 0 }) }) : null,
+                  error ? /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-destructive", children: error }) : null
+                ]
+              }
+            )
+          ]
+        }
+      );
+    },
+    (prev, next) => prev.fr === next.fr && prev.layout === next.layout && prev.withDownload === next.withDownload && prev.uploaderPresent === next.uploaderPresent && prev.idx === next.idx
+  );
   return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-3", className), children: [
     /* @__PURE__ */ jsxs("div", { ...getRootProps({ className: rootClasses }), children: [
-      /* @__PURE__ */ jsx("input", { ...getInputProps({ onClick: (e2) => {
-        e2.target.value = "";
-      } }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...getInputProps({
+            onClick: (e2) => {
+              e2.target.value = "";
+            }
+          })
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
           /* @__PURE__ */ jsx(
@@ -30608,7 +31291,12 @@ function FileUploader({
     ) })
   ] });
 }
-function FileField({ field, value, onChange, className }) {
+function FileField({
+  field,
+  value,
+  onChange,
+  className
+}) {
   const files = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsx(
     FileUploader,
@@ -30650,7 +31338,13 @@ function ObjectField({ field, control, fieldPath }) {
     )) }) })
   ] });
 }
-function ArrayField({ field, control, fieldPath, value, onChange }) {
+function ArrayField({
+  field,
+  control,
+  fieldPath,
+  value,
+  onChange
+}) {
   var _a, _b, _c, _d;
   const { fields, append: append2, remove } = useFieldArray({
     control,
@@ -30676,13 +31370,25 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
   };
   const removeItem = (index2) => remove(index2);
   if (field.arrayLayout === "custom" && typeof field.arrayRender === "function") {
-    return /* @__PURE__ */ jsx(Fragment, { children: field.arrayRender({ field, control, fieldPath, value, onChange, addItem, removeItem, disabled: field.disabled, rows: fields }) });
+    return /* @__PURE__ */ jsx(Fragment, { children: field.arrayRender({
+      field,
+      control,
+      fieldPath,
+      value,
+      onChange,
+      addItem,
+      removeItem,
+      disabled: field.disabled,
+      rows: fields
+    }) });
   }
   if (field.arrayLayout === "table") {
     const hasNested = Array.isArray(field.fields) && field.fields.length > 0;
     const fFields = field.fields ?? [];
     const isSubFieldHidden = (subField) => Boolean(subField == null ? void 0 : subField.hidden) || (subField == null ? void 0 : subField.type) === "hidden";
-    const visibleSubFields = fFields.filter((subField) => !isSubFieldHidden(subField));
+    const visibleSubFields = fFields.filter(
+      (subField) => !isSubFieldHidden(subField)
+    );
     const singleNested = hasNested && visibleSubFields.length === 1;
     const headerBg = ((_a = field.arrayColors) == null ? void 0 : _a.headerBgClass) ?? "bg-primary";
     const headerText = ((_b = field.arrayColors) == null ? void 0 : _b.headerTextClass) ?? "text-primary-foreground";
@@ -30693,10 +31399,20 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
           /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: field.label }),
           field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description })
         ] }),
-        /* @__PURE__ */ jsxs(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addItem, disabled: field.disabled, children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-          "Add Item"
-        ] })
+        /* @__PURE__ */ jsxs(
+          Button$1,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: addItem,
+            disabled: field.disabled,
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+              "Add Item"
+            ]
+          }
+        )
       ] }) }),
       /* @__PURE__ */ jsx(CardContent, { className: "space-y-4", children: fields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-2", children: 'No items added yet. Click "Add Item" to get started.' }) : /* @__PURE__ */ jsxs(Table, { children: [
         /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: cn$1(headerBg, headerText), children: [
@@ -30705,37 +31421,60 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
         ] }) }),
         /* @__PURE__ */ jsx(TableBody, { children: fields.map((item, index2) => {
           var _a2, _b2;
-          return /* @__PURE__ */ jsxs(TableRow, { className: cn$1(index2 % 2 === 1 && altRow), children: [
-            hasNested ? singleNested ? /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-              FormBuilderField,
-              {
-                field: { ...visibleSubFields[0], name: (_a2 = visibleSubFields[0]) == null ? void 0 : _a2.name, label: ((_b2 = visibleSubFields[0]) == null ? void 0 : _b2.label) || "Value" },
-                control,
-                parentPath: `${fieldPath}.${index2}`
-              }
-            ) }) : visibleSubFields.map((subField) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-              FormBuilderField,
-              {
-                field: subField,
-                control,
-                parentPath: `${fieldPath}.${index2}`
-              }
-            ) }, subField.name)) : /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: String((value == null ? void 0 : value[index2]) ?? ""),
-                onChange: (e2) => {
-                  const current = value ?? [];
-                  const newArray = [...current];
-                  newArray[index2] = e2.target.value;
-                  onChange(newArray);
-                },
-                placeholder: `Item ${index2 + 1}`,
-                disabled: field.disabled
-              }
-            ) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "w-1 text-right", children: /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "destructive", size: "sm", onClick: () => remove(index2), disabled: field.disabled, children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) }) })
-          ] }, item.id);
+          return /* @__PURE__ */ jsxs(
+            TableRow,
+            {
+              className: cn$1(index2 % 2 === 1 && altRow),
+              children: [
+                hasNested ? singleNested ? /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                  FormBuilderField,
+                  {
+                    field: {
+                      ...visibleSubFields[0],
+                      name: (_a2 = visibleSubFields[0]) == null ? void 0 : _a2.name,
+                      label: ((_b2 = visibleSubFields[0]) == null ? void 0 : _b2.label) || "Value"
+                    },
+                    control,
+                    parentPath: `${fieldPath}.${index2}`
+                  }
+                ) }) : visibleSubFields.map((subField) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                  FormBuilderField,
+                  {
+                    field: subField,
+                    control,
+                    parentPath: `${fieldPath}.${index2}`
+                  }
+                ) }, subField.name)) : /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: String(
+                      (value == null ? void 0 : value[index2]) ?? ""
+                    ),
+                    onChange: (e2) => {
+                      const current = value ?? [];
+                      const newArray = [...current];
+                      newArray[index2] = e2.target.value;
+                      onChange(newArray);
+                    },
+                    placeholder: `Item ${index2 + 1}`,
+                    disabled: field.disabled
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TableCell, { className: "w-1 text-right", children: /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    type: "button",
+                    variant: "destructive",
+                    size: "sm",
+                    onClick: () => remove(index2),
+                    disabled: field.disabled,
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                  }
+                ) })
+              ]
+            },
+            item.id
+          );
         }) })
       ] }) })
     ] });
@@ -30746,10 +31485,20 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
         /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: field.label }),
         field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description })
       ] }),
-      /* @__PURE__ */ jsxs(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addItem, disabled: field.disabled, children: [
-        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-        "Add Item"
-      ] })
+      /* @__PURE__ */ jsxs(
+        Button$1,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: addItem,
+          disabled: field.disabled,
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+            "Add Item"
+          ]
+        }
+      )
     ] }) }),
     /* @__PURE__ */ jsx(CardContent, { className: "space-y-4", children: fields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-2", children: 'No items added yet. Click "Add Item" to get started.' }) : fields.map((item, index2) => /* @__PURE__ */ jsxs(Card, { className: "relative py-3 rounded-md gap-3", children: [
       /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -30760,12 +31509,26 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
             index2 + 1
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => remove(index2), disabled: field.disabled, children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: () => remove(index2),
+            disabled: field.disabled,
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+          }
+        )
       ] }) }),
       /* @__PURE__ */ jsx(CardContent, { children: field.fields && field.fields.length === 1 ? /* @__PURE__ */ jsx(
         FormBuilderField,
         {
-          field: { ...field.fields[0], name: field.fields[0].name, label: field.fields[0].label || "Value" },
+          field: {
+            ...field.fields[0],
+            name: field.fields[0].name,
+            label: field.fields[0].label || "Value"
+          },
           control,
           parentPath: `${fieldPath}.${index2}`
         }
@@ -30780,7 +31543,9 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
       )) }) : /* @__PURE__ */ jsx(
         Input,
         {
-          value: String((value == null ? void 0 : value[index2]) ?? ""),
+          value: String(
+            (value == null ? void 0 : value[index2]) ?? ""
+          ),
           onChange: (e2) => {
             const current = value ?? [];
             const newArray = [...current];
@@ -30794,7 +31559,12 @@ function ArrayField({ field, control, fieldPath, value, onChange }) {
     ] }, item.id)) })
   ] });
 }
-function FormBuilderField({ field, control, onChange, parentPath }) {
+function FormBuilderField({
+  field,
+  control,
+  onChange,
+  parentPath
+}) {
   const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name;
   const {
     field: controllerField,
@@ -30804,10 +31574,13 @@ function FormBuilderField({ field, control, onChange, parentPath }) {
     control,
     disabled: field.disabled
   });
-  const handleChange = useCallback((value, ...extras) => {
-    controllerField.onChange(value);
-    onChange == null ? void 0 : onChange(value, ...extras);
-  }, [controllerField, onChange]);
+  const handleChange = useCallback(
+    (value, ...extras) => {
+      controllerField.onChange(value);
+      onChange == null ? void 0 : onChange(value, ...extras);
+    },
+    [controllerField, onChange]
+  );
   const baseClassName = cn$1(
     error && "border-destructive focus-visible:ring-destructive",
     field.className
@@ -31096,42 +31869,110 @@ function FormBuilderField({ field, control, onChange, parentPath }) {
     return renderField();
   }
   if (field.type === "checkbox" || field.type === "switch") {
-    return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-2", field.gridCols && `md:col-span-${field.gridCols}`), children: [
-      renderField(),
-      field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", role: "alert", "aria-live": "polite", children: error.message })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn$1(
+          "space-y-2",
+          field.gridCols && `md:col-span-${field.gridCols}`
+        ),
+        children: [
+          renderField(),
+          field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-sm font-medium text-destructive",
+              role: "alert",
+              "aria-live": "polite",
+              children: error.message
+            }
+          )
+        ]
+      }
+    );
   }
   const placement = field.labelPlacement ?? "stacked";
   if (placement === "hidden" || field.type === "array") {
-    return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-2", field.gridCols && `md:col-span-${field.gridCols}`), children: [
-      renderField(),
-      field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", role: "alert", "aria-live": "polite", children: error.message })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn$1(
+          "space-y-2",
+          field.gridCols && `md:col-span-${field.gridCols}`
+        ),
+        children: [
+          renderField(),
+          field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-sm font-medium text-destructive",
+              role: "alert",
+              "aria-live": "polite",
+              children: error.message
+            }
+          )
+        ]
+      }
+    );
   }
   if (placement === "inline") {
-    return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-1", field.gridCols && `md:col-span-${field.gridCols}`), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn$1(
+          "space-y-1",
+          field.gridCols && `md:col-span-${field.gridCols}`
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium", children: [
+              field.label,
+              field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+            ] }),
+            renderField()
+          ] }),
+          field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-sm font-medium text-destructive",
+              role: "alert",
+              "aria-live": "polite",
+              children: error.message
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn$1(
+        "space-y-2",
+        field.gridCols && `md:col-span-${field.gridCols}`
+      ),
+      children: [
         /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium", children: [
           field.label,
           field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
         ] }),
-        renderField()
-      ] }),
-      field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", role: "alert", "aria-live": "polite", children: error.message })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-2", field.gridCols && `md:col-span-${field.gridCols}`), children: [
-    /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium", children: [
-      field.label,
-      field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    renderField(),
-    field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
-    error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", role: "alert", "aria-live": "polite", children: error.message })
-  ] });
+        renderField(),
+        field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
+        error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "text-sm font-medium text-destructive",
+            role: "alert",
+            "aria-live": "polite",
+            children: error.message
+          }
+        )
+      ]
+    }
+  );
 }
 function buildSectionNodes(options) {
   const {
@@ -31151,7 +31992,10 @@ function buildSectionNodes(options) {
     return {
       key: field.name,
       span: isHiddenType ? void 0 : { base: 1, md: spanMd },
-      className: cn$1(field.wrapperClassName, isHiddenType ? "hidden" : void 0),
+      className: cn$1(
+        field.wrapperClassName,
+        isHiddenType ? "hidden" : void 0
+      ),
       hidden: isHiddenType ? false : field.hidden,
       content: /* @__PURE__ */ jsx(
         FormBuilderField,
@@ -31163,7 +32007,11 @@ function buildSectionNodes(options) {
           control,
           onChange: (value, ...extras) => {
             handleFieldChange(field, value, ...extras);
-            onFieldChange == null ? void 0 : onFieldChange(field.name, value, getValues());
+            onFieldChange == null ? void 0 : onFieldChange(
+              field.name,
+              value,
+              getValues()
+            );
           },
           onFieldChange
         },
@@ -31189,7 +32037,9 @@ function buildSectionNodes(options) {
       baseNode.tabsListClassName = section.tabsListClassName;
       baseNode.tabsContentClassName = section.tabsContentClassName;
       baseNode.tabs = section.tabs.map((tab, _tabIdx) => {
-        const nestedNodes = tab.sections.map((subSection, subIdx) => buildSectionNode(subSection, subIdx));
+        const nestedNodes = tab.sections.map(
+          (subSection, subIdx) => buildSectionNode(subSection, subIdx)
+        );
         const containerNode = {
           id: `${baseNode.id}-tab-${tab.id}`,
           variant: "plain",
@@ -31210,7 +32060,9 @@ function buildSectionNodes(options) {
     baseNode.children = buildLeavesFromFields(section.fields);
     return baseNode;
   };
-  return sections.map((section, sectionIndex) => buildSectionNode(section, sectionIndex));
+  return sections.map(
+    (section, sectionIndex) => buildSectionNode(section, sectionIndex)
+  );
 }
 const FormBuilderContext = createContext(null);
 const r = (t2, r2, o2) => {
@@ -34726,9 +35578,16 @@ function useFormBuilder(options) {
           case "radio":
           case "autocomplete":
             if (field.multiple) {
-              baseSchema = array(union([string(), number(), boolean()]));
+              baseSchema = array(
+                union([string(), number(), boolean()])
+              );
             } else {
-              baseSchema = union([string(), number(), boolean(), _null()]);
+              baseSchema = union([
+                string(),
+                number(),
+                boolean(),
+                _null()
+              ]);
             }
             break;
           case "file":
@@ -34800,7 +35659,10 @@ function useFormBuilder(options) {
           return baseSchema.nullish();
         }
         if (baseSchema instanceof ZodString && !validationObj.minLength) {
-          baseSchema = baseSchema.min(1, `${field.label || field.name} is required`);
+          baseSchema = baseSchema.min(
+            1,
+            `${field.label || field.name} is required`
+          );
         }
         if (baseSchema instanceof ZodUnion) {
           baseSchema = baseSchema.refine(
@@ -34831,9 +35693,16 @@ function useFormBuilder(options) {
         case "radio":
         case "autocomplete":
           if (field.multiple) {
-            fieldSchema = array(union([string(), number(), boolean()]));
+            fieldSchema = array(
+              union([string(), number(), boolean()])
+            );
           } else {
-            fieldSchema = union([string(), number(), boolean(), _null()]);
+            fieldSchema = union([
+              string(),
+              number(),
+              boolean(),
+              _null()
+            ]);
           }
           break;
         case "file": {
@@ -34897,7 +35766,10 @@ function useFormBuilder(options) {
         fieldSchema = fieldSchema.min(1, `${fieldLabel} is required`);
       }
       if (fieldSchema instanceof ZodArray) {
-        fieldSchema = fieldSchema.min(1, `${fieldLabel} requires at least 1 selection`);
+        fieldSchema = fieldSchema.min(
+          1,
+          `${fieldLabel} requires at least 1 selection`
+        );
       }
       if (fieldSchema instanceof ZodUnion) {
         fieldSchema = fieldSchema.refine(
@@ -34924,7 +35796,9 @@ function useFormBuilder(options) {
     return object(schemaObject);
   }, [sections, providedSchema]);
   const generatedDefaultValues = useMemo(() => {
-    const values = { ...defaultValues ?? {} };
+    const values = {
+      ...defaultValues ?? {}
+    };
     const processFields = (fields) => {
       for (const field of fields) {
         if (values[field.name] !== void 0) {
@@ -35003,7 +35877,9 @@ function useFormBuilder(options) {
   }, [sections, defaultValues]);
   const form = useForm({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    resolver: a$1(generatedSchema),
+    resolver: a$1(
+      generatedSchema
+    ),
     defaultValues: generatedDefaultValues
   });
   return {
@@ -35247,7 +36123,7 @@ function FormBuilder({
 }
 const commonValidations = {
   email: string().email("Please enter a valid email address"),
-  phone: string().regex(/^[\+]?[1-9][\d]{0,15}$/, "Please enter a valid phone number"),
+  phone: string().regex(/^[+]?[1-9][\d]{0,15}$/, "Please enter a valid phone number"),
   url: string().url("Please enter a valid URL"),
   password: string().min(8, "Password must be at least 8 characters"),
   strongPassword: string().min(8, "Password must be at least 8 characters").regex(
@@ -35463,7 +36339,7 @@ const transformers = {
           result[key] = parseValue(obj[key], [...path, key]);
           if (numberFields.includes(currentPath) && typeof result[key] === "string") {
             const num = Number(result[key]);
-            if (!isNaN(num)) {
+            if (!Number.isNaN(num)) {
               result[key] = num;
             }
           }
@@ -35568,10 +36444,16 @@ const commonForms = {
     ])
   ]
 };
-function DataTablePagination({ table }) {
-  const pagination = table.getState().pagination ?? { pageIndex: 0, pageSize: 10 };
+function DataTablePagination({
+  table,
+  paginationVariant = "full"
+}) {
+  const pagination = table.getState().pagination ?? {
+    pageIndex: 0,
+    pageSize: 10
+  };
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+    paginationVariant === "full" && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
       table.getFilteredSelectedRowModel().rows.length,
       " of",
       " ",
@@ -35579,7 +36461,7 @@ function DataTablePagination({ table }) {
       " row(s) selected."
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+      paginationVariant === "full" && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
         /* @__PURE__ */ jsxs(
           Select$1,
@@ -35912,7 +36794,7 @@ var MenuContentImpl = React.forwardRef(
                 onInteractOutside,
                 onDismiss,
                 children: /* @__PURE__ */ jsx(
-                  Root$d,
+                  Root$e,
                   {
                     asChild: true,
                     ...rovingFocusGroupScope,
@@ -36951,12 +37833,22 @@ function DropdownMenuSubContent({
     }
   );
 }
-function DataTableViewOptions({ table }) {
+function DataTableViewOptions({
+  table
+}) {
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", children: [
-      /* @__PURE__ */ jsx(Settings2, { className: "mr-2 size-4" }),
-      " View"
-    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ jsx(Settings2, { className: "mr-2 size-4" }),
+          " View"
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[180px]", children: [
       /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
@@ -36988,6 +37880,7 @@ function DataTable({
   onColumnFiltersChange,
   rowCount,
   pagination,
+  paginationVariant = "full",
   onPaginationChange,
   paginationState,
   columnVisibility,
@@ -37024,31 +37917,34 @@ function DataTable({
   const isSortingEnabled = sorting;
   const isColumnFiltersEnabled = columnFilters;
   const isColumnVisibilityEnabled = columnVisibility;
-  const selectionColumn = React.useMemo(() => ({
-    id: "__select",
-    header: ({ table: table2 }) => /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
-        onCheckedChange: (val) => table2.toggleAllPageRowsSelected(!!val),
-        "aria-label": "Select all"
-      }
-    ),
-    cell: ({ row }) => /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        checked: row.getIsSelected(),
-        onCheckedChange: (val) => row.toggleSelected(!!val),
-        "aria-label": "Select row",
-        onClick: (e2) => e2.stopPropagation()
-      }
-    ),
-    enableSorting: false,
-    enableHiding: false,
-    size: 32,
-    minSize: 32,
-    maxSize: 32
-  }), []);
+  const selectionColumn = React.useMemo(
+    () => ({
+      id: "__select",
+      header: ({ table: table2 }) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+          onCheckedChange: (val) => table2.toggleAllPageRowsSelected(!!val),
+          "aria-label": "Select all"
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: row.getIsSelected(),
+          onCheckedChange: (val) => row.toggleSelected(!!val),
+          "aria-label": "Select row",
+          onClick: (e2) => e2.stopPropagation()
+        }
+      ),
+      enableSorting: false,
+      enableHiding: false,
+      size: 32,
+      minSize: 32,
+      maxSize: 32
+    }),
+    []
+  );
   const renderedColumns = React.useMemo(
     () => selectable ? [selectionColumn, ...columns] : columns,
     [selectable, selectionColumn, columns]
@@ -37073,22 +37969,30 @@ function DataTable({
     enableSorting: isSortingEnabled,
     enableColumnFilters: isColumnFiltersEnabled,
     onSortingChange: isSortingEnabled ? (updater) => {
-      const next = typeof updater === "function" ? updater(effectiveSortingState) : updater;
+      const next = typeof updater === "function" ? updater(
+        effectiveSortingState
+      ) : updater;
       setInternalSortingState(next);
       onSortingChange == null ? void 0 : onSortingChange(next);
     } : void 0,
     onColumnFiltersChange: isColumnFiltersEnabled ? (updater) => {
-      const next = typeof updater === "function" ? updater(effectiveFiltersState) : updater;
+      const next = typeof updater === "function" ? updater(
+        effectiveFiltersState
+      ) : updater;
       setInternalFiltersState(next);
       onColumnFiltersChange == null ? void 0 : onColumnFiltersChange(next);
     } : void 0,
     onPaginationChange: isPaginationEnabled ? (updater) => {
-      const next = typeof updater === "function" ? updater(effectivePaginationState) : updater;
+      const next = typeof updater === "function" ? updater(
+        effectivePaginationState
+      ) : updater;
       setInternalPaginationState(next);
       onPaginationChange == null ? void 0 : onPaginationChange(next);
     } : void 0,
     onColumnVisibilityChange: (updater) => {
-      const next = typeof updater === "function" ? updater(effectiveVisibilityState) : updater;
+      const next = typeof updater === "function" ? updater(
+        effectiveVisibilityState
+      ) : updater;
       setInternalVisibilityState(next);
       onColumnVisibilityChange == null ? void 0 : onColumnVisibilityChange(next);
     },
@@ -37102,9 +38006,15 @@ function DataTable({
   }, [onTable, table]);
   const selectedRows = table.getSelectedRowModel().rows.map((r2) => r2.original);
   const safeActions = React.useMemo(() => actions ?? [], [actions]);
-  const safeBatchActions = React.useMemo(() => batchActions ?? [], [batchActions]);
+  const safeBatchActions = React.useMemo(
+    () => batchActions ?? [],
+    [batchActions]
+  );
   const skeletonRowKeys = React.useMemo(
-    () => Array.from({ length: Math.max(3, effectivePaginationState.pageSize ?? 10) }, () => Math.random().toString(36).slice(2)),
+    () => Array.from(
+      { length: Math.max(3, effectivePaginationState.pageSize ?? 10) },
+      () => Math.random().toString(36).slice(2)
+    ),
     [effectivePaginationState.pageSize]
   );
   const handleRefresh = React.useCallback(async () => {
@@ -37112,9 +38022,16 @@ function DataTable({
     await onRefresh();
   }, [onRefresh]);
   const renderActionButton = (action, key) => {
-    if (action.element) return /* @__PURE__ */ jsx(React.Fragment, { children: action.element }, key);
+    if (action.element)
+      return /* @__PURE__ */ jsx(React.Fragment, { children: action.element }, key);
     const content = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-      action.icon && /* @__PURE__ */ jsx("span", { className: cn$1(action.iconPosition === "right" ? "order-last" : ""), children: action.icon }),
+      action.icon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn$1(action.iconPosition === "right" ? "order-last" : ""),
+          children: action.icon
+        }
+      ),
       action.label
     ] });
     return /* @__PURE__ */ jsx(
@@ -37131,13 +38048,23 @@ function DataTable({
     );
   };
   const renderBatchButton = (action, key) => {
-    if (action.element) return /* @__PURE__ */ jsx(React.Fragment, { children: action.element }, key);
+    if (action.element)
+      return /* @__PURE__ */ jsx(React.Fragment, { children: action.element }, key);
     const onClick = () => {
       var _a2;
-      return (_a2 = action.onClick) == null ? void 0 : _a2.call(action, { selectedRows, clearSelection: () => table.resetRowSelection() });
+      return (_a2 = action.onClick) == null ? void 0 : _a2.call(action, {
+        selectedRows,
+        clearSelection: () => table.resetRowSelection()
+      });
     };
     const content = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-      action.icon && /* @__PURE__ */ jsx("span", { className: cn$1(action.iconPosition === "right" ? "order-last" : ""), children: action.icon }),
+      action.icon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn$1(action.iconPosition === "right" ? "order-last" : ""),
+          children: action.icon
+        }
+      ),
       action.label
     ] });
     return /* @__PURE__ */ jsx(
@@ -37156,23 +38083,32 @@ function DataTable({
   const effectiveFilterWrapper = filterWrapper ?? "accordion";
   const effectiveFilterTitle = filterTitle ?? "Filters";
   return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-3", className), children: [
-    formFilters && formFilters.length ? effectiveFilterWrapper === "accordion" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border", children: /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", defaultValue: "filters", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "filters", children: [
-      /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-4 py-3 border-b border-border text-md", children: effectiveFilterTitle }),
-      /* @__PURE__ */ jsx(AccordionContent, { className: "px-4 pb-4 pt-5", children: /* @__PURE__ */ jsx(
-        FormBuilder,
-        {
-          sections: formFilters,
-          defaultValues: formFilterValues,
-          onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
-          onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
-          showActions: true,
-          submitLabel: "Apply",
-          resetLabel: "Clear",
-          showActionsSeparator: filterShowActionsSeparator
-        },
-        JSON.stringify(formFilterValues ?? {})
-      ) })
-    ] }) }) }) : effectiveFilterWrapper === "card" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border p-4", children: /* @__PURE__ */ jsx(
+    (formFilters == null ? void 0 : formFilters.length) ? effectiveFilterWrapper === "accordion" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border", children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        type: "single",
+        collapsible: true,
+        className: "w-full",
+        defaultValue: "filters",
+        children: /* @__PURE__ */ jsxs(AccordionItem, { value: "filters", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-4 py-3 border-b border-border text-md", children: effectiveFilterTitle }),
+          /* @__PURE__ */ jsx(AccordionContent, { className: "px-4 pb-4 pt-5", children: /* @__PURE__ */ jsx(
+            FormBuilder,
+            {
+              sections: formFilters,
+              defaultValues: formFilterValues,
+              onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
+              onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
+              showActions: true,
+              submitLabel: "Apply",
+              resetLabel: "Clear",
+              showActionsSeparator: filterShowActionsSeparator
+            },
+            JSON.stringify(formFilterValues ?? {})
+          ) })
+        ] })
+      }
+    ) }) : effectiveFilterWrapper === "card" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border p-4", children: /* @__PURE__ */ jsx(
       FormBuilder,
       {
         sections: formFilters,
@@ -37212,8 +38148,14 @@ function DataTable({
             className: "h-8",
             title: "Refresh",
             children: [
-              /* @__PURE__ */ jsx(RefreshCw, { className: cn$1("h-4 w-4", loading && "animate-spin") }),
-              " Refresh"
+              /* @__PURE__ */ jsx(
+                RefreshCw,
+                {
+                  className: cn$1("h-4 w-4", loading && "animate-spin")
+                }
+              ),
+              " ",
+              "Refresh"
             ]
           }
         ),
@@ -37221,26 +38163,54 @@ function DataTable({
         safeActions.map((a2) => renderActionButton(a2, a2.key))
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-md border border-border", "aria-busy": loading || void 0, children: [
-      loading && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-start justify-end p-2", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded bg-background/80 px-2 py-1 text-xs shadow-sm ring-1 ring-border", children: [
-        /* @__PURE__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }),
-        " Loading..."
-      ] }) }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
-        /* @__PURE__ */ jsx(TableBody, { children: loading ? skeletonRowKeys.map((rowKey) => /* @__PURE__ */ jsx(TableRow, { children: table.getVisibleLeafColumns().map((col) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, `skeleton-cell-${rowKey}-${col.id}`)) }, `skeleton-${rowKey}`)) : ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
-          TableRow,
-          {
-            "data-state": row.getIsSelected() && "selected",
-            className: cn$1(onRowClick && "cursor-pointer hover:bg-muted/50"),
-            onClick: onRowClick ? () => onRowClick(row.original) : void 0,
-            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
-          },
-          row.id
-        )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: table.getVisibleLeafColumns().length, className: "h-24 text-center", children: emptyText }) }) })
-      ] })
-    ] }),
-    isPaginationEnabled && /* @__PURE__ */ jsx(DataTablePagination, { table })
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "relative overflow-hidden rounded-md border border-border",
+        "aria-busy": loading || void 0,
+        children: [
+          loading && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-start justify-end p-2", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded bg-background/80 px-2 py-1 text-xs shadow-sm ring-1 ring-border", children: [
+            /* @__PURE__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }),
+            " Loading..."
+          ] }) }),
+          /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+              header.column.columnDef.header,
+              header.getContext()
+            ) }, header.id)) }, headerGroup.id)) }),
+            /* @__PURE__ */ jsx(TableBody, { children: loading ? skeletonRowKeys.map((rowKey) => /* @__PURE__ */ jsx(TableRow, { children: table.getVisibleLeafColumns().map((col) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, `skeleton-cell-${rowKey}-${col.id}`)) }, `skeleton-${rowKey}`)) : ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
+              TableRow,
+              {
+                "data-state": row.getIsSelected() && "selected",
+                className: cn$1(
+                  onRowClick && "cursor-pointer hover:bg-muted/50"
+                ),
+                onClick: onRowClick ? () => onRowClick(row.original) : void 0,
+                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(
+                  cell.column.columnDef.cell,
+                  cell.getContext()
+                ) }, cell.id))
+              },
+              row.id
+            )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                colSpan: table.getVisibleLeafColumns().length,
+                className: "h-24 text-center",
+                children: emptyText
+              }
+            ) }) })
+          ] })
+        ]
+      }
+    ),
+    isPaginationEnabled && /* @__PURE__ */ jsx(
+      DataTablePagination,
+      {
+        table,
+        paginationVariant
+      }
+    )
   ] });
 }
 function DataTableColumnHeader({
@@ -37254,10 +38224,18 @@ function DataTableColumnHeader({
     return /* @__PURE__ */ jsx("div", { className: cn$1(className), children: label });
   }
   return /* @__PURE__ */ jsx("div", { className: cn$1("flex items-center gap-2", className), children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button$1, { variant: "ghost", size: "sm", className: "data-[state=open]:bg-accent -ml-3 h-8", children: [
-      /* @__PURE__ */ jsx("span", { children: label }),
-      column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "ml-2 size-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "ml-2 size-4" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4" })
-    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "data-[state=open]:bg-accent -ml-3 h-8",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: label }),
+          column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "ml-2 size-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "ml-2 size-4" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4" })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(false), children: [
         /* @__PURE__ */ jsx(ArrowUp, { className: "mr-2 size-4" }),
@@ -43463,7 +44441,8 @@ function DialogDescription({
 const DialogContext = createContext(null);
 function useDialogController() {
   const ctx = use(DialogContext);
-  if (!ctx) throw new Error("useDialogController must be used within DialogProvider");
+  if (!ctx)
+    throw new Error("useDialogController must be used within DialogProvider");
   return ctx;
 }
 function DialogProvider({ children }) {
@@ -43472,7 +44451,9 @@ function DialogProvider({ children }) {
   const [mode, setMode] = useState(null);
   const [confirmOpts, setConfirmOpts] = useState({});
   const [customRender, setCustomRender] = useState(null);
-  const [customOpts, setCustomOpts] = useState(void 0);
+  const [customOpts, setCustomOpts] = useState(
+    void 0
+  );
   const confirm = useCallback((options) => {
     setConfirmOpts(options ?? {});
     setMode("confirm");
@@ -43481,15 +44462,18 @@ function DialogProvider({ children }) {
       resolverRef.current = resolve;
     });
   }, []);
-  const openCustom = useCallback((render, options) => {
-    setCustomRender(() => render);
-    setCustomOpts(options);
-    setMode("custom");
-    setOpen(true);
-    return new Promise((resolve) => {
-      resolverRef.current = resolve;
-    });
-  }, []);
+  const openCustom = useCallback(
+    (render, options) => {
+      setCustomRender(() => render);
+      setCustomOpts(options);
+      setMode("custom");
+      setOpen(true);
+      return new Promise((resolve) => {
+        resolverRef.current = resolve;
+      });
+    },
+    []
+  );
   const handleClose = useCallback((result) => {
     setOpen(false);
     if (resolverRef.current) {
@@ -43498,7 +44482,10 @@ function DialogProvider({ children }) {
     }
     setMode(null);
   }, []);
-  const value = useMemo(() => ({ confirm, open: openCustom }), [confirm, openCustom]);
+  const value = useMemo(
+    () => ({ confirm, open: openCustom }),
+    [confirm, openCustom]
+  );
   const {
     title: cTitle = "Are you sure?",
     description: cDesc = "This action cannot be undone.",
@@ -43515,29 +44502,36 @@ function DialogProvider({ children }) {
         cDesc ? /* @__PURE__ */ jsx(AlertDialogDescription, { className: "text-muted-foreground", children: cDesc }) : null
       ] }),
       /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx(AlertDialogCancel, { className: "text-foreground", onClick: () => handleClose(false), children: cCancelText }),
-        /* @__PURE__ */ jsx(AlertDialogAction, { className: actionClass, onClick: () => handleClose(true), children: cConfirmText })
-      ] })
-    ] }) }),
-    mode === "custom" && customRender && /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open,
-        onOpenChange: (o2) => !o2 && handleClose(void 0),
-        children: /* @__PURE__ */ jsx(
-          DialogContent,
+        /* @__PURE__ */ jsx(
+          AlertDialogCancel,
           {
-            onEscapeKeyDown: (e2) => {
-              if (customOpts == null ? void 0 : customOpts.preventCloseOnEscape) e2.preventDefault();
-            },
-            onInteractOutside: (e2) => {
-              if (customOpts == null ? void 0 : customOpts.preventCloseOnInteractOutside) e2.preventDefault();
-            },
-            children: customRender({ close: (v) => handleClose(v) })
+            className: "text-foreground",
+            onClick: () => handleClose(false),
+            children: cCancelText
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AlertDialogAction,
+          {
+            className: actionClass,
+            onClick: () => handleClose(true),
+            children: cConfirmText
           }
         )
+      ] })
+    ] }) }),
+    mode === "custom" && customRender && /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o2) => !o2 && handleClose(void 0), children: /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        onEscapeKeyDown: (e2) => {
+          if (customOpts == null ? void 0 : customOpts.preventCloseOnEscape) e2.preventDefault();
+        },
+        onInteractOutside: (e2) => {
+          if (customOpts == null ? void 0 : customOpts.preventCloseOnInteractOutside) e2.preventDefault();
+        },
+        children: customRender({ close: (v) => handleClose(v) })
       }
-    )
+    ) })
   ] });
 }
 const useDialog = useDialogController;
@@ -43550,7 +44544,16 @@ const widthToClass = {
 };
 function renderAction(action) {
   if (action.type === "button") {
-    const { label, onClick, variant, size: size2, leftIcon, rightIcon, disabled, className } = action;
+    const {
+      label,
+      onClick,
+      variant,
+      size: size2,
+      leftIcon,
+      rightIcon,
+      disabled,
+      className
+    } = action;
     return /* @__PURE__ */ jsxs(
       Button$1,
       {
@@ -43623,20 +44626,39 @@ function Page({
   footerRight,
   children
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn$1("w-full", className), children: /* @__PURE__ */ jsxs("div", { className: cn$1("px-4 sm:px-6 lg:px-8", widthToClass[containerWidth], "mx-auto"), children: [
-    /* @__PURE__ */ jsxs("header", { className: cn$1("flex items-start justify-between gap-3 py-6", headerClassName), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-none tracking-tight text-foreground", children: title }),
-        subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : null
-      ] }),
-      actions && actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-2", children: actions.map(renderAction) }) : null
-    ] }),
-    /* @__PURE__ */ jsx("main", { className: cn$1("pb-8", contentClassName), children }),
-    (footerLeft || footerRight) && /* @__PURE__ */ jsx("footer", { className: "border-t pt-4 pb-8", children: /* @__PURE__ */ jsx("div", { className: cn$1("px-0", widthToClass[containerWidth]), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: footerLeft }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: footerRight })
-    ] }) }) })
-  ] }) });
+  return /* @__PURE__ */ jsx("div", { className: cn$1("w-full", className), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn$1(
+        "px-4 sm:px-6 lg:px-8",
+        widthToClass[containerWidth],
+        "mx-auto"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "header",
+          {
+            className: cn$1(
+              "flex items-start justify-between gap-3 py-6",
+              headerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-none tracking-tight text-foreground", children: title }),
+                subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : null
+              ] }),
+              actions && actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-2", children: actions.map(renderAction) }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("main", { className: cn$1("pb-8", contentClassName), children }),
+        (footerLeft || footerRight) && /* @__PURE__ */ jsx("footer", { className: "border-t pt-4 pb-8", children: /* @__PURE__ */ jsx("div", { className: cn$1("px-0", widthToClass[containerWidth]), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: footerLeft }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: footerRight })
+        ] }) }) })
+      ]
+    }
+  ) });
 }
 const StackDialogContext = createContext({
   activeDialogs: [],
@@ -43691,7 +44713,7 @@ function StackDialogContextProvider(props2) {
       return clone2;
     });
     return dialogId;
-  }, [setActiveDialogs]);
+  }, []);
   const handleCloseDialog = useCallback((id) => {
     setActiveDialogs((prev) => {
       const clone2 = [...prev];
@@ -43699,10 +44721,10 @@ function StackDialogContextProvider(props2) {
       else clone2.splice(clone2.findIndex((d) => d.id === id));
       return clone2;
     });
-  }, [setActiveDialogs]);
+  }, []);
   const handleCloseAllDialog = useCallback(() => {
     setActiveDialogs([]);
-  }, [setActiveDialogs]);
+  }, []);
   return /* @__PURE__ */ jsxs(
     StackDialogContext.Provider,
     {
@@ -43748,40 +44770,53 @@ function Login({
   continueWith,
   children
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: ["grid min-h-dvh grid-cols-1 md:grid-cols-2", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-6 md:p-10", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold leading-tight tracking-tight", children: appTitle }),
-        subtitle ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: subtitle }) : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-6", children: [
-        children,
-        forgotPasswordHref ? /* @__PURE__ */ jsxs("div", { className: "text-center text-sm", children: [
-          forgotPasswordLabel,
-          " ",
-          /* @__PURE__ */ jsx("a", { href: forgotPasswordHref, className: "underline underline-offset-4", children: forgotPasswordLinkLabel })
-        ] }) : null,
-        continueWith ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t", children: /* @__PURE__ */ jsx("span", { className: "bg-background text-muted-foreground relative z-10 px-2", children: "Or continue with" }) }),
-          /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: continueWith })
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-6 text-center text-sm", children: [
-        signupLabel,
-        " ",
-        /* @__PURE__ */ jsx("a", { href: signupHref, className: "underline underline-offset-4", children: signupLinkLabel })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: rightImageSrc ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: rightImageSrc,
-        alt: rightImageAlt,
-        className: "h-full w-full object-cover",
-        loading: "lazy"
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-muted" }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ["grid min-h-dvh grid-cols-1 md:grid-cols-2", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-6 md:p-10", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center", children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold leading-tight tracking-tight", children: appTitle }),
+            subtitle ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: subtitle }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-6", children: [
+            children,
+            forgotPasswordHref ? /* @__PURE__ */ jsxs("div", { className: "text-center text-sm", children: [
+              forgotPasswordLabel,
+              " ",
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: forgotPasswordHref,
+                  className: "underline underline-offset-4",
+                  children: forgotPasswordLinkLabel
+                }
+              )
+            ] }) : null,
+            continueWith ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t", children: /* @__PURE__ */ jsx("span", { className: "bg-background text-muted-foreground relative z-10 px-2", children: "Or continue with" }) }),
+              /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: continueWith })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-6 text-center text-sm", children: [
+            signupLabel,
+            " ",
+            /* @__PURE__ */ jsx("a", { href: signupHref, className: "underline underline-offset-4", children: signupLinkLabel })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: rightImageSrc ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: rightImageSrc,
+            alt: rightImageAlt,
+            className: "h-full w-full object-cover",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-muted" }) })
+      ]
+    }
+  );
 }
 const alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
@@ -43872,7 +44907,9 @@ function collectMessages(errors, parentPath = []) {
         );
         if (nestedEntries.length > 0) {
           const nested = Object.fromEntries(nestedEntries);
-          messages.push(...collectMessages(nested, currentPath));
+          messages.push(
+            ...collectMessages(nested, currentPath)
+          );
         }
       }
     }
@@ -43886,10 +44923,19 @@ function FormInfoError({
   className,
   showFieldPath = true
 }) {
-  const messages = collectMessages(errors);
+  const messages = collectMessages(
+    errors
+  );
   if (messages.length === 0) {
     return null;
   }
+  const keyOccurrences = /* @__PURE__ */ new Map();
+  const getMessageKey = (path, message2) => {
+    const baseKey = [path, message2].filter(Boolean).join(":") || message2;
+    const occurrence = keyOccurrences.get(baseKey) ?? 0;
+    keyOccurrences.set(baseKey, occurrence + 1);
+    return occurrence === 0 ? baseKey : `${baseKey}:${occurrence}`;
+  };
   return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: cn$1("gap-2", className), children: [
     /* @__PURE__ */ jsx(CircleAlert, { className: "mt-1" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
@@ -43897,19 +44943,21 @@ function FormInfoError({
         /* @__PURE__ */ jsx(AlertTitle, { children: title ?? "Please review the following issues" }),
         /* @__PURE__ */ jsx(AlertDescription, { children: description ?? "Some fields need your attention before continuing." })
       ] }),
-      /* @__PURE__ */ jsx("ul", { className: "grid gap-1 text-sm text-destructive", children: messages.map(({ path, message: message2 }, index2) => /* @__PURE__ */ jsxs("li", { className: "leading-snug", children: [
+      /* @__PURE__ */ jsx("ul", { className: "grid gap-1 text-sm text-destructive", children: messages.map(({ path, message: message2 }) => /* @__PURE__ */ jsxs("li", { className: "leading-snug", children: [
         showFieldPath && path ? /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
           path,
           ": "
         ] }) : null,
         /* @__PURE__ */ jsx("span", { children: message2 })
-      ] }, `${path}-${index2}`)) })
+      ] }, getMessageKey(path, message2))) })
     ] })
   ] });
 }
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(void 0);
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
   React.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
@@ -44789,23 +45837,22 @@ function ThemeToggle({ className }) {
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("light"), children: [
         /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
-        " ",
-        "Light"
+        " Light"
       ] }),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("dark"), children: [
         /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
-        " ",
-        "Dark"
+        " Dark"
       ] }),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("system"), children: [
         /* @__PURE__ */ jsx(Laptop, { className: "mr-2 h-4 w-4" }),
-        " ",
-        "System"
+        " System"
       ] })
     ] })
   ] });
 }
-const AdminMenuContext = createContext(null);
+const AdminMenuContext = createContext(
+  null
+);
 function useAdminSidebarMenu() {
   const ctx = useContext(AdminMenuContext);
   if (!ctx) {
@@ -44825,44 +45872,59 @@ function useAdminSidebarMenuRegistration() {
   const { setGroups, registerGroup, registerItem, clear } = useAdminSidebarMenu();
   return { setGroups, registerGroup, registerItem, clear };
 }
-function AdminMenuProvider({ initialGroups = [], children }) {
+function AdminMenuProvider({
+  initialGroups = [],
+  children
+}) {
   const [groups, setGroups] = useState(initialGroups);
-  const registerGroup = useCallback((group) => {
-    setGroups((prev) => {
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AdminMenuProvider] registerGroup", group);
-      }
-      const exists = prev.some((g) => g.id === group.id);
-      if (exists) return prev;
-      return [...prev, { id: group.id, label: group.label, items: group.items ?? [] }];
-    });
-  }, []);
-  const registerItem = useCallback((groupId, item) => {
-    setGroups((prev) => {
-      if (process.env.NODE_ENV !== "production") {
-        console.log("[AdminMenuProvider] registerItem", groupId, item);
-      }
-      const idx = prev.findIndex((g) => g.id === groupId);
-      if (idx >= 0) {
-        const group = prev[idx];
-        const items = [...group.items];
-        const existingIdx = items.findIndex((it) => it.id === item.id);
-        if (existingIdx >= 0) items[existingIdx] = item;
-        else items.push(item);
-        const next = [...prev];
-        next[idx] = { ...group, items };
-        return next;
-      }
-      return [...prev, { id: groupId, label: groupId, items: [item] }];
-    });
-  }, []);
+  const registerGroup = useCallback(
+    (group) => {
+      setGroups((prev) => {
+        if (process.env.NODE_ENV !== "production") {
+          console.log("[AdminMenuProvider] registerGroup", group);
+        }
+        const exists = prev.some((g) => g.id === group.id);
+        if (exists) return prev;
+        return [
+          ...prev,
+          { id: group.id, label: group.label, items: group.items ?? [] }
+        ];
+      });
+    },
+    []
+  );
+  const registerItem = useCallback(
+    (groupId, item) => {
+      setGroups((prev) => {
+        if (process.env.NODE_ENV !== "production") {
+          console.log("[AdminMenuProvider] registerItem", groupId, item);
+        }
+        const idx = prev.findIndex((g) => g.id === groupId);
+        if (idx >= 0) {
+          const group = prev[idx];
+          const items = [...group.items];
+          const existingIdx = items.findIndex((it) => it.id === item.id);
+          if (existingIdx >= 0) items[existingIdx] = item;
+          else items.push(item);
+          const next = [...prev];
+          next[idx] = { ...group, items };
+          return next;
+        }
+        return [...prev, { id: groupId, label: groupId, items: [item] }];
+      });
+    },
+    []
+  );
   const clear = useCallback(() => {
     if (process.env.NODE_ENV !== "production") {
       console.log("[AdminMenuProvider] clear");
     }
     setGroups([]);
   }, []);
-  const value = useMemo(() => ({ groups, setGroups, registerGroup, registerItem, clear }), [groups, registerGroup, registerItem, clear]);
+  const value = useMemo(
+    () => ({ groups, setGroups, registerGroup, registerItem, clear }),
+    [groups, registerGroup, registerItem, clear]
+  );
   return /* @__PURE__ */ jsx(AdminMenuContext.Provider, { value, children });
 }
 function AdminLayoutContent({
@@ -44883,14 +45945,16 @@ function AdminLayoutContent({
   const sidebarTitle = sidebarHeaderTitle ?? "Application";
   const isMenuItemActive = (itemUrl) => {
     if (!itemUrl) return false;
-    return location.pathname === itemUrl || location.pathname.startsWith(itemUrl + "/");
+    return location.pathname === itemUrl || location.pathname.startsWith(`${itemUrl}/`);
   };
   const setOpen = useCallback((id, val) => {
     setOpenMap((prev) => ({ ...prev, [id]: val ?? !prev[id] }));
   }, []);
   const hasActiveDescendant = (item) => {
     if (!item.children || item.children.length === 0) return false;
-    return item.children.some((c2) => isMenuItemActive(c2.url) || hasActiveDescendant(c2));
+    return item.children.some(
+      (c2) => isMenuItemActive(c2.url) || hasActiveDescendant(c2)
+    );
   };
   const renderItem = (item, level = 0) => {
     const hasChildren = Array.isArray(item.children) && item.children.length > 0;
@@ -44898,64 +45962,92 @@ function AdminLayoutContent({
     const isOpen = openMap[item.id] ?? (hasChildren && hasActiveDescendant(item));
     const indentClassMap = ["", "pl-6", "pl-10", "pl-14"];
     const indent = indentClassMap[Math.min(level, 3)];
-    const content = /* @__PURE__ */ jsxs(SidebarMenuItem, { className: `mb-1 ${level > 0 ? "ml-1" : ""}`, children: [
-      /* @__PURE__ */ jsx(
-        SidebarMenuButton,
-        {
-          asChild: !!item.url && !hasChildren,
-          isActive,
-          tooltip: item.title,
-          onClick: () => {
-            if (hasChildren) setOpen(item.id);
-          },
-          disabled: item.disabled,
-          className: `group relative overflow-hidden rounded-lg transition-all duration-200 hover:bg-sidebar-accent/70 data-[active=true]:bg-primary data-[active=true]:text-primary-foreground ${indent}`,
-          children: item.url && !hasChildren ? /* @__PURE__ */ jsxs(Link$1, { to: item.url, className: "flex items-center gap-3 px-3", children: [
-            item.icon && /* @__PURE__ */ jsx(
-              item.icon,
-              {
-                className: `h-4 w-4 transition-colors ${isActive ? "text-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground"}`
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: `font-medium transition-colors ${isActive ? "text-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground"}`, children: item.title }),
-            item.badge && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: item.badge })
-          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5 w-full", children: [
-            hasChildren && (isOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })),
-            item.icon ? /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground" }) : /* @__PURE__ */ jsx(FallbackIcon, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-            item.url ? /* @__PURE__ */ jsx(Link$1, { to: item.url, className: "flex-1 text-left", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground", children: item.title }) }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground flex-1", children: item.title }),
-            item.badge && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: item.badge })
-          ] })
-        }
-      ),
-      hasChildren && isOpen && /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-col", children: (item.children ?? []).map((child) => renderItem(child, Math.min(level + 1, 3))) })
-    ] }, item.id);
+    const content = /* @__PURE__ */ jsxs(
+      SidebarMenuItem,
+      {
+        className: `mb-1 ${level > 0 ? "ml-1" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            SidebarMenuButton,
+            {
+              asChild: !!item.url && !hasChildren,
+              isActive,
+              tooltip: item.title,
+              onClick: () => {
+                if (hasChildren) setOpen(item.id);
+              },
+              disabled: item.disabled,
+              className: `group relative overflow-hidden rounded-lg transition-all duration-200 hover:bg-sidebar-accent/70 data-[active=true]:bg-primary data-[active=true]:text-primary-foreground ${indent}`,
+              children: item.url && !hasChildren ? /* @__PURE__ */ jsxs(Link$1, { to: item.url, className: "flex items-center gap-3 px-3", children: [
+                item.icon && /* @__PURE__ */ jsx(
+                  item.icon,
+                  {
+                    className: `h-4 w-4 transition-colors ${isActive ? "text-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground"}`
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `font-medium transition-colors ${isActive ? "text-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground"}`,
+                    children: item.title
+                  }
+                ),
+                item.badge && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: item.badge })
+              ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5 w-full", children: [
+                hasChildren && (isOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })),
+                item.icon ? /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground" }) : /* @__PURE__ */ jsx(FallbackIcon, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                item.url ? /* @__PURE__ */ jsx(Link$1, { to: item.url, className: "flex-1 text-left", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground", children: item.title }) }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground flex-1", children: item.title }),
+                item.badge && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: item.badge })
+              ] })
+            }
+          ),
+          hasChildren && isOpen && /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-col", children: (item.children ?? []).map(
+            (child) => renderItem(child, Math.min(level + 1, 3))
+          ) })
+        ]
+      },
+      item.id
+    );
     return content;
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-dvh w-full", children: [
-    /* @__PURE__ */ jsxs(Sidebar, { className: "bg-sidebar border-r border-sidebar-border", collapsible: sidebarCollapsible ? "icon" : "none", children: [
-      /* @__PURE__ */ jsx(SidebarHeader, { className: "bg-sidebar border-b border-sidebar-border", children: sidebarHeader ? sidebarHeader : /* @__PURE__ */ jsx("div", { className: "sidebar-header-content flex items-center justify-center px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx(SidebarHeaderIcon, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-sidebar-foreground", children: sidebarTitle })
-      ] }) }) }),
-      /* @__PURE__ */ jsx(SidebarContent, { className: "bg-sidebar px-2 py-4", children: sidebarGroups.map((group, idx) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsxs(SidebarGroup, { children: [
-          /* @__PURE__ */ jsx(SidebarGroupLabel, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-3 mb-2 group-data-[collapsible=icon]:hidden", children: group.label }),
-          /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { className: "group-data-[collapsible=icon]:items-center", children: group.items.map((item) => renderItem(item, 0)) }) })
-        ] }),
-        idx < sidebarGroups.length - 1 && /* @__PURE__ */ jsx(Separator$2, { orientation: "horizontal", className: "bg-sidebar-border group-data-[collapsible=icon]:hidden" })
-      ] }, group.id)) }),
-      /* @__PURE__ */ jsx(SidebarFooter, { className: "bg-sidebar border-t border-sidebar-border px-2 py-3", children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { className: "group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:justify-center", children: /* @__PURE__ */ jsx(
-        SidebarMenuButton,
-        {
-          tooltip: "Logout",
-          className: "group relative overflow-hidden rounded-lg mx-1 transition-all duration-200 hover:bg-sidebar-accent/70 hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0",
-          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5 group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!px-0", children: [
-            /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:mx-auto group-data-[collapsible=icon]:mr-0" }),
-            /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:hidden", children: "Logout" })
-          ] })
-        }
-      ) }) }) })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      Sidebar,
+      {
+        className: "bg-sidebar border-r border-sidebar-border",
+        collapsible: sidebarCollapsible ? "icon" : "none",
+        children: [
+          /* @__PURE__ */ jsx(SidebarHeader, { className: "bg-sidebar border-b border-sidebar-border", children: sidebarHeader ? sidebarHeader : /* @__PURE__ */ jsx("div", { className: "sidebar-header-content flex items-center justify-center px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx(SidebarHeaderIcon, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold text-sidebar-foreground", children: sidebarTitle })
+          ] }) }) }),
+          /* @__PURE__ */ jsx(SidebarContent, { className: "bg-sidebar px-2 py-4", children: sidebarGroups.map((group, idx) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsxs(SidebarGroup, { children: [
+              /* @__PURE__ */ jsx(SidebarGroupLabel, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-3 mb-2 group-data-[collapsible=icon]:hidden", children: group.label }),
+              /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { className: "group-data-[collapsible=icon]:items-center", children: group.items.map((item) => renderItem(item, 0)) }) })
+            ] }),
+            idx < sidebarGroups.length - 1 && /* @__PURE__ */ jsx(
+              Separator$2,
+              {
+                orientation: "horizontal",
+                className: "bg-sidebar-border group-data-[collapsible=icon]:hidden"
+              }
+            )
+          ] }, group.id)) }),
+          /* @__PURE__ */ jsx(SidebarFooter, { className: "bg-sidebar border-t border-sidebar-border px-2 py-3", children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { className: "group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:justify-center", children: /* @__PURE__ */ jsx(
+            SidebarMenuButton,
+            {
+              tooltip: "Logout",
+              className: "group relative overflow-hidden rounded-lg mx-1 transition-all duration-200 hover:bg-sidebar-accent/70 hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5 group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!px-0", children: [
+                /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:mx-auto group-data-[collapsible=icon]:mr-0" }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:hidden", children: "Logout" })
+              ] })
+            }
+          ) }) }) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs(SidebarInset, { children: [
       /* @__PURE__ */ jsxs("header", { className: "flex h-16 shrink-0 items-center justify-between gap-4 border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 px-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
@@ -57529,7 +58621,7 @@ var Menubar$1 = React.forwardRef(
         dir: direction,
         loop,
         children: /* @__PURE__ */ jsx(Collection$2.Provider, { scope: __scopeMenubar, children: /* @__PURE__ */ jsx(Collection$2.Slot, { scope: __scopeMenubar, children: /* @__PURE__ */ jsx(
-          Root$d,
+          Root$e,
           {
             asChild: true,
             ...rovingFocusGroupScope,
@@ -62798,7 +63890,7 @@ var ToggleGroupImpl = React__default.forwardRef(
     const direction = useDirection(dir);
     const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
     return /* @__PURE__ */ jsx(ToggleGroupContext$1, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsx(
-      Root$d,
+      Root$e,
       {
         asChild: true,
         ...rovingFocusGroupScope,