@umami/react-zen 0.220.0 → 0.221.0

package/dist/index.js

@@ -34,8 +34,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.3/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
 var require_use_sync_external_store_shim_production = __commonJS({
   "node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.3/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports) {
-    var import_react204 = __toESM(require("react"));
-    var React5 = import_react204.default;
+    var import_react205 = __toESM(require("react"));
+    var React5 = import_react205.default;
     function is2(x, y) {
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
@@ -87,7 +87,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
 // node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.3/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
 var require_use_sync_external_store_shim_development = __commonJS({
   "node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.3/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) {
-    var import_react204 = __toESM(require("react"));
+    var import_react205 = __toESM(require("react"));
     (function() {
       function is2(x, y) {
         return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
@@ -141,7 +141,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React5 = import_react204.default, objectIs = "function" === typeof Object.is ? Object.is : is2, useState18 = React5.useState, useEffect13 = React5.useEffect, useLayoutEffect3 = React5.useLayoutEffect, useDebugValue = React5.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React5 = import_react205.default, objectIs = "function" === typeof Object.is ? Object.is : is2, useState18 = React5.useState, useEffect13 = React5.useEffect, useLayoutEffect3 = React5.useLayoutEffect, useDebugValue = React5.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports.useSyncExternalStore = void 0 !== React5.useSyncExternalStore ? React5.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
@@ -32643,10 +32643,55 @@ function Container({
 }
 
 // src/components/DataCard.tsx
-var import_react168 = require("react");
+var import_react169 = require("react");
 
 // src/components/Grid.tsx
+var import_react168 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
+var PRESET_VALUES = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none", "subgrid"];
+var BREAKPOINT_QUERIES = {
+  base: "",
+  sm: "@media (min-width: 640px)",
+  md: "@media (min-width: 768px)",
+  lg: "@media (min-width: 1024px)",
+  xl: "@media (min-width: 1280px)",
+  "2xl": "@media (min-width: 1536px)"
+};
+function isPresetValue(value) {
+  return PRESET_VALUES.includes(value);
+}
+function isResponsiveObject(value) {
+  return value !== void 0 && typeof value !== "string" && typeof value === "object";
+}
+function hasCustomResponsiveValues(value) {
+  if (!isResponsiveObject(value)) return false;
+  return Object.values(value).some((v) => typeof v === "string" && !isPresetValue(v));
+}
+function generateResponsiveStyles(id, columns, rows) {
+  const styles = [];
+  const breakpoints2 = ["base", "sm", "md", "lg", "xl", "2xl"];
+  for (const bp of breakpoints2) {
+    const rules = [];
+    if (isResponsiveObject(columns)) {
+      const colValue = columns[bp];
+      if (colValue && !isPresetValue(colValue)) {
+        rules.push(`grid-template-columns: ${colValue}`);
+      }
+    }
+    if (isResponsiveObject(rows)) {
+      const rowValue = rows[bp];
+      if (rowValue && !isPresetValue(rowValue)) {
+        rules.push(`grid-template-rows: ${rowValue}`);
+      }
+    }
+    if (rules.length > 0) {
+      const query = BREAKPOINT_QUERIES[bp];
+      const ruleBlock = `.${id} { ${rules.join("; ")}; }`;
+      styles.push(query ? `${query} { ${ruleBlock} }` : ruleBlock);
+    }
+  }
+  return styles.join(" ");
+}
 function Grid({
   display = "grid",
   justifyContent,
@@ -32665,12 +32710,13 @@ function Grid({
   children,
   ...props
 }) {
-  const isCustomColumns = typeof columns === "string" && !["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none", "subgrid"].includes(
-    columns
-  );
-  const isCustomRows = typeof rows === "string" && !["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none", "subgrid"].includes(
-    rows
-  );
+  const reactId = (0, import_react168.useId)();
+  const id = `zen-grid-${reactId.replace(/:/g, "")}`;
+  const isCustomColumns = typeof columns === "string" && !isPresetValue(columns);
+  const isCustomRows = typeof rows === "string" && !isPresetValue(rows);
+  const hasResponsiveCustomColumns = hasCustomResponsiveValues(columns);
+  const hasResponsiveCustomRows = hasCustomResponsiveValues(rows);
+  const needsStyleTag = hasResponsiveCustomColumns || hasResponsiveCustomRows;
   const classes = cn(
     mapDisplay(display),
     mapJustifyContent(justifyContent),
@@ -32681,8 +32727,9 @@ function Grid({
     mapGap(gapX, "x"),
     mapGap(gapY, "y"),
     mapGridAutoFlow(autoFlow),
-    !isCustomColumns && mapGridColumns(columns),
-    !isCustomRows && mapGridRows(rows),
+    !isCustomColumns && !hasResponsiveCustomColumns && mapGridColumns(columns),
+    !isCustomRows && !hasResponsiveCustomRows && mapGridRows(rows),
+    needsStyleTag && id,
     className
   );
   const inlineStyles = {
@@ -32692,7 +32739,10 @@ function Grid({
     ...areas && { gridTemplateAreas: areas }
   };
   const hasInlineStyles = isCustomColumns || isCustomRows || areas || style && Object.keys(style).length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Box, { ...props, className: classes, style: hasInlineStyles ? inlineStyles : void 0, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    needsStyleTag && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("style", { children: generateResponsiveStyles(id, columns, rows) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Box, { ...props, className: classes, style: hasInlineStyles ? inlineStyles : void 0, children })
+  ] });
 }
 
 // src/lib/utils.ts
@@ -32723,7 +32773,7 @@ function DataCard({ data = [], labelWidth = "auto", ...props }) {
       padding: "6",
       ...props,
       children: rows.map((row, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react168.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react169.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Row, { paddingY: "3", border: "bottom", borderColor: "muted", paddingRight: "6", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { weight: "bold", children: row?.label }) }),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Row, { paddingY: "3", border: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { children: row?.value }) })
         ] }, index);
@@ -32733,7 +32783,7 @@ function DataCard({ data = [], labelWidth = "auto", ...props }) {
 }
 
 // src/components/DataTable.tsx
-var import_react169 = require("react");
+var import_react170 = require("react");
 
 // src/components/Table.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -32817,7 +32867,7 @@ function TableCell({ children, className, align, ...props }) {
 
 // src/components/DataTable.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var import_react170 = require("react");
+var import_react171 = require("react");
 function DataTable({
   data = [],
   displayMode = "table",
@@ -32827,7 +32877,7 @@ function DataTable({
 }) {
   const rows = mapIdProperty(data);
   const widths = [];
-  const columns = import_react169.Children.map(children, (child) => {
+  const columns = import_react170.Children.map(children, (child) => {
     if (child) {
       widths.push(child?.props?.width || "1fr");
       return { ...child?.props };
@@ -32849,7 +32899,7 @@ function DataTable({
       if (hidden) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_react170.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
+      return /* @__PURE__ */ (0, import_react171.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableBody, { children: rows.map((row, index) => {
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
@@ -32857,14 +32907,14 @@ function DataTable({
           return null;
         }
         const value = typeof children2 === "function" ? children2(row, index) : children2 || row[id];
-        return /* @__PURE__ */ (0, import_react170.createElement)(
+        return /* @__PURE__ */ (0, import_react171.createElement)(
           TableCell,
           {
             ...cellProps,
             key: id,
             className: cn("items-center", className2)
           },
-          as ? (0, import_react169.createElement)(as, {}, value) : value
+          as ? (0, import_react170.createElement)(as, {}, value) : value
         );
       }) }, index);
     }) })
@@ -32898,7 +32948,7 @@ function Dots({ size = "md", className, color: _color, ...props }) {
 }
 
 // src/components/FloatingTooltip.tsx
-var import_react171 = require("react");
+var import_react172 = require("react");
 
 // src/components/Tooltip.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -32928,8 +32978,8 @@ function TooltipBubble({ children, className, color: _color, ...props }) {
 // src/components/FloatingTooltip.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function FloatingTooltip({ className, style, children, ...props }) {
-  const [position, setPosition] = (0, import_react171.useState)({ x: -1e3, y: -1e3 });
-  (0, import_react171.useEffect)(() => {
+  const [position, setPosition] = (0, import_react172.useState)({ x: -1e3, y: -1e3 });
+  (0, import_react172.useEffect)(() => {
     const handler = (e) => {
       setPosition({ x: e.clientX, y: e.clientY });
     };
@@ -32950,10 +33000,10 @@ function FloatingTooltip({ className, style, children, ...props }) {
 }
 
 // src/components/forms/Form.tsx
-var import_react173 = require("react");
+var import_react174 = require("react");
 
 // node_modules/.pnpm/react-hook-form@7.68.0_react@19.2.3/node_modules/react-hook-form/dist/index.esm.mjs
-var import_react172 = __toESM(require("react"), 1);
+var import_react173 = __toESM(require("react"), 1);
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
 var isNullOrUndefined = (value) => value == null;
@@ -33041,12 +33091,12 @@ var INPUT_VALIDATION_RULES = {
   required: "required",
   validate: "validate"
 };
-var HookFormContext = import_react172.default.createContext(null);
+var HookFormContext = import_react173.default.createContext(null);
 HookFormContext.displayName = "HookFormContext";
-var useFormContext = () => import_react172.default.useContext(HookFormContext);
+var useFormContext = () => import_react173.default.useContext(HookFormContext);
 var FormProvider = (props) => {
   const { children, ...data } = props;
-  return import_react172.default.createElement(HookFormContext.Provider, { value: data }, children);
+  return import_react173.default.createElement(HookFormContext.Provider, { value: data }, children);
 };
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
   const result = {
@@ -33066,12 +33116,12 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
   }
   return result;
 };
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react172.default.useLayoutEffect : import_react172.default.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react173.default.useLayoutEffect : import_react173.default.useEffect;
 function useFormState(props) {
   const methods = useFormContext();
   const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = import_react172.default.useState(control._formState);
-  const _localProxyFormState = import_react172.default.useRef({
+  const [formState, updateFormState] = import_react173.default.useState(control._formState);
+  const _localProxyFormState = import_react173.default.useRef({
     isDirty: false,
     isLoading: false,
     dirtyFields: false,
@@ -33092,10 +33142,10 @@ function useFormState(props) {
       });
     }
   }), [name, disabled, exact]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     _localProxyFormState.current.isValid && control._setValid(true);
   }, [control]);
-  return import_react172.default.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
+  return import_react173.default.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
 }
 var isString = (value) => typeof value === "string";
 var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
@@ -33144,21 +33194,21 @@ function deepEqual(object1, object2, _internal_visited = /* @__PURE__ */ new Wea
 function useWatch(props) {
   const methods = useFormContext();
   const { control = methods.control, name, defaultValue, disabled, exact, compute } = props || {};
-  const _defaultValue = import_react172.default.useRef(defaultValue);
-  const _compute = import_react172.default.useRef(compute);
-  const _computeFormValues = import_react172.default.useRef(void 0);
-  const _prevControl = import_react172.default.useRef(control);
-  const _prevName = import_react172.default.useRef(name);
+  const _defaultValue = import_react173.default.useRef(defaultValue);
+  const _compute = import_react173.default.useRef(compute);
+  const _computeFormValues = import_react173.default.useRef(void 0);
+  const _prevControl = import_react173.default.useRef(control);
+  const _prevName = import_react173.default.useRef(name);
   _compute.current = compute;
-  const [value, updateValue] = import_react172.default.useState(() => {
+  const [value, updateValue] = import_react173.default.useState(() => {
     const defaultValue2 = control._getWatch(name, _defaultValue.current);
     return _compute.current ? _compute.current(defaultValue2) : defaultValue2;
   });
-  const getCurrentOutput = import_react172.default.useCallback((values) => {
+  const getCurrentOutput = import_react173.default.useCallback((values) => {
     const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);
     return _compute.current ? _compute.current(formValues) : formValues;
   }, [control._formValues, control._names, name]);
-  const refreshValue = import_react172.default.useCallback((values) => {
+  const refreshValue = import_react173.default.useCallback((values) => {
     if (!disabled) {
       const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);
       if (_compute.current) {
@@ -33189,10 +33239,10 @@ function useWatch(props) {
       }
     });
   }, [control, exact, name, refreshValue]);
-  import_react172.default.useEffect(() => control._removeUnmounted());
+  import_react173.default.useEffect(() => control._removeUnmounted());
   const controlChanged = _prevControl.current !== control;
   const prevName = _prevName.current;
-  const computedOutput = import_react172.default.useMemo(() => {
+  const computedOutput = import_react173.default.useMemo(() => {
     if (disabled) {
       return null;
     }
@@ -33206,7 +33256,7 @@ function useController(props) {
   const methods = useFormContext();
   const { name, disabled, control = methods.control, shouldUnregister, defaultValue, exact = true } = props;
   const isArrayField = isNameInFieldArray(control._names.array, name);
-  const defaultValueMemo = import_react172.default.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
+  const defaultValueMemo = import_react173.default.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
   const value = useWatch({
     control,
     name,
@@ -33218,15 +33268,15 @@ function useController(props) {
     name,
     exact
   });
-  const _props = import_react172.default.useRef(props);
-  const _previousNameRef = import_react172.default.useRef(void 0);
-  const _registerProps = import_react172.default.useRef(control.register(name, {
+  const _props = import_react173.default.useRef(props);
+  const _previousNameRef = import_react173.default.useRef(void 0);
+  const _registerProps = import_react173.default.useRef(control.register(name, {
     ...props.rules,
     value,
     ...isBoolean(props.disabled) ? { disabled: props.disabled } : {}
   }));
   _props.current = props;
-  const fieldState = import_react172.default.useMemo(() => Object.defineProperties({}, {
+  const fieldState = import_react173.default.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: true,
       get: () => !!get(formState.errors, name)
@@ -33248,21 +33298,21 @@ function useController(props) {
       get: () => get(formState.errors, name)
     }
   }), [formState, name]);
-  const onChange = import_react172.default.useCallback((event) => _registerProps.current.onChange({
+  const onChange = import_react173.default.useCallback((event) => _registerProps.current.onChange({
     target: {
       value: getEventValue(event),
       name
     },
     type: EVENTS.CHANGE
   }), [name]);
-  const onBlur = import_react172.default.useCallback(() => _registerProps.current.onBlur({
+  const onBlur = import_react173.default.useCallback(() => _registerProps.current.onBlur({
     target: {
       value: get(control._formValues, name),
       name
     },
     type: EVENTS.BLUR
   }), [name, control._formValues]);
-  const ref = import_react172.default.useCallback((elm) => {
+  const ref = import_react173.default.useCallback((elm) => {
     const field2 = get(control._fields, name);
     if (field2 && elm) {
       field2._f.ref = {
@@ -33273,7 +33323,7 @@ function useController(props) {
       };
     }
   }, [control._fields, name]);
-  const field = import_react172.default.useMemo(() => ({
+  const field = import_react173.default.useMemo(() => ({
     name,
     value,
     ...isBoolean(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {},
@@ -33281,7 +33331,7 @@ function useController(props) {
     onBlur,
     ref
   }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
     const previousName = _previousNameRef.current;
     if (previousName && previousName !== name && !isArrayField) {
@@ -33311,13 +33361,13 @@ function useController(props) {
       (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
     };
   }, [name, control, isArrayField, shouldUnregister]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     control._setDisabledField({
       disabled,
       name
     });
   }, [disabled, name, control]);
-  return import_react172.default.useMemo(() => ({
+  return import_react173.default.useMemo(() => ({
     field,
     formState,
     fieldState
@@ -34699,11 +34749,11 @@ var updateAt = (fieldValues, index, value) => {
 function useFieldArray(props) {
   const methods = useFormContext();
   const { control = methods.control, name, keyName = "id", shouldUnregister, rules } = props;
-  const [fields, setFields] = import_react172.default.useState(control._getFieldArray(name));
-  const ids = import_react172.default.useRef(control._getFieldArray(name).map(generateId));
-  const _actioned = import_react172.default.useRef(false);
+  const [fields, setFields] = import_react173.default.useState(control._getFieldArray(name));
+  const ids = import_react173.default.useRef(control._getFieldArray(name).map(generateId));
+  const _actioned = import_react173.default.useRef(false);
   control._names.array.add(name);
-  import_react172.default.useMemo(() => rules && fields.length >= 0 && control.register(name, rules), [control, name, fields.length, rules]);
+  import_react173.default.useMemo(() => rules && fields.length >= 0 && control.register(name, rules), [control, name, fields.length, rules]);
   useIsomorphicLayoutEffect(() => control._subjects.array.subscribe({
     next: ({ values, name: fieldArrayName }) => {
       if (fieldArrayName === name || !fieldArrayName) {
@@ -34715,7 +34765,7 @@ function useFieldArray(props) {
       }
     }
   }).unsubscribe, [control, name]);
-  const updateValues = import_react172.default.useCallback((updatedFieldArrayValues) => {
+  const updateValues = import_react173.default.useCallback((updatedFieldArrayValues) => {
     _actioned.current = true;
     control._setFieldArray(name, updatedFieldArrayValues);
   }, [control, name]);
@@ -34803,7 +34853,7 @@ function useFieldArray(props) {
     setFields([...updatedFieldArrayValues]);
     control._setFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);
   };
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     control._state.action = false;
     isWatched(name, control._names) && control._subjects.state.next({
       ...control._formState
@@ -34844,7 +34894,7 @@ function useFieldArray(props) {
     control._setValid();
     _actioned.current = false;
   }, [fields, name, control]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     !get(control._formValues, name) && control._setFieldArray(name);
     return () => {
       const updateMounted = (name2, value) => {
@@ -34857,24 +34907,24 @@ function useFieldArray(props) {
     };
   }, [name, control, keyName, shouldUnregister]);
   return {
-    swap: import_react172.default.useCallback(swap, [updateValues, name, control]),
-    move: import_react172.default.useCallback(move, [updateValues, name, control]),
-    prepend: import_react172.default.useCallback(prepend, [updateValues, name, control]),
-    append: import_react172.default.useCallback(append, [updateValues, name, control]),
-    remove: import_react172.default.useCallback(remove, [updateValues, name, control]),
-    insert: import_react172.default.useCallback(insert$1, [updateValues, name, control]),
-    update: import_react172.default.useCallback(update3, [updateValues, name, control]),
-    replace: import_react172.default.useCallback(replace, [updateValues, name, control]),
-    fields: import_react172.default.useMemo(() => fields.map((field, index) => ({
+    swap: import_react173.default.useCallback(swap, [updateValues, name, control]),
+    move: import_react173.default.useCallback(move, [updateValues, name, control]),
+    prepend: import_react173.default.useCallback(prepend, [updateValues, name, control]),
+    append: import_react173.default.useCallback(append, [updateValues, name, control]),
+    remove: import_react173.default.useCallback(remove, [updateValues, name, control]),
+    insert: import_react173.default.useCallback(insert$1, [updateValues, name, control]),
+    update: import_react173.default.useCallback(update3, [updateValues, name, control]),
+    replace: import_react173.default.useCallback(replace, [updateValues, name, control]),
+    fields: import_react173.default.useMemo(() => fields.map((field, index) => ({
       ...field,
       [keyName]: ids.current[index] || generateId()
     })), [fields, keyName])
   };
 }
 function useForm(props = {}) {
-  const _formControl = import_react172.default.useRef(void 0);
-  const _values = import_react172.default.useRef(void 0);
-  const [formState, updateFormState] = import_react172.default.useState({
+  const _formControl = import_react173.default.useRef(void 0);
+  const _values = import_react173.default.useRef(void 0);
+  const [formState, updateFormState] = import_react173.default.useState({
     isDirty: false,
     isValidating: false,
     isLoading: isFunction(props.defaultValues),
@@ -34923,8 +34973,8 @@ function useForm(props = {}) {
     control._formState.isReady = true;
     return sub;
   }, [control]);
-  import_react172.default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
+  import_react173.default.useEffect(() => {
     if (props.mode) {
       control._options.mode = props.mode;
     }
@@ -34932,18 +34982,18 @@ function useForm(props = {}) {
       control._options.reValidateMode = props.reValidateMode;
     }
   }, [control, props.mode, props.reValidateMode]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     if (props.errors) {
       control._setErrors(props.errors);
       control._focusError();
     }
   }, [control, props.errors]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     props.shouldUnregister && control._subjects.state.next({
       values: control._getWatch()
     });
   }, [control, props.shouldUnregister]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     if (control._proxyFormState.isDirty) {
       const isDirty = control._getDirty();
       if (isDirty !== formState.isDirty) {
@@ -34953,7 +35003,7 @@ function useForm(props = {}) {
       }
     }
   }, [control, formState.isDirty]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     var _a;
     if (props.values && !deepEqual(props.values, _values.current)) {
       control._reset(props.values, {
@@ -34969,7 +35019,7 @@ function useForm(props = {}) {
       control._resetDefaultValues();
     }
   }, [control, props.values]);
-  import_react172.default.useEffect(() => {
+  import_react173.default.useEffect(() => {
     if (!control._state.mount) {
       control._setValid();
       control._state.mount = true;
@@ -35031,10 +35081,10 @@ function Form({
   });
   const { handleSubmit } = formValues;
   const onKeyDown = !onSubmit || preventSubmit ? (e) => e.key === "Enter" && e.preventDefault() : void 0;
-  (0, import_react173.useEffect)(() => {
+  (0, import_react174.useEffect)(() => {
     formValues.reset(values);
   }, [formValues, values]);
-  (0, import_react173.useEffect)(() => {
+  (0, import_react174.useEffect)(() => {
     if (formValues.formState.isSubmitted) {
       formValues.reset(void 0, { keepDirty: true, keepValues: true });
     }
@@ -35075,7 +35125,7 @@ function FormController({ children, ...props }) {
 }
 
 // src/components/forms/FormField.tsx
-var import_react174 = require("react");
+var import_react175 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function FormField({
   id,
@@ -35095,13 +35145,13 @@ function FormField({
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Column, { ...props, gap: "1", className, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label2, { htmlFor: fieldId, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FormController, { name, control, rules, children: ({ field }) => {
-      return import_react174.Children.map(
+      return import_react175.Children.map(
         typeof children === "function" ? children({ context, field }) : children,
         (child) => {
           if (!child) {
             return null;
           }
-          return (0, import_react174.cloneElement)(child, { ...field, id: fieldId });
+          return (0, import_react175.cloneElement)(child, { ...field, id: fieldId });
         }
       );
     } }),
@@ -35226,7 +35276,7 @@ function FormSubmitButton({
 }
 
 // src/components/HoverTrigger.tsx
-var import_react175 = require("react");
+var import_react176 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var CLOSE_DELAY = 500;
 function HoverTrigger({
@@ -35237,12 +35287,12 @@ function HoverTrigger({
   children
 }) {
   const [triggerElement, popupElement] = children;
-  const triggerRef = (0, import_react175.useRef)(null);
-  const [open, setOpen] = (0, import_react175.useState)(isOpen);
-  const isOverMenu = (0, import_react175.useRef)(false);
-  const isOverButton = (0, import_react175.useRef)(false);
-  const timeout = (0, import_react175.useRef)(null);
-  (0, import_react175.useEffect)(() => {
+  const triggerRef = (0, import_react176.useRef)(null);
+  const [open, setOpen] = (0, import_react176.useState)(isOpen);
+  const isOverMenu = (0, import_react176.useRef)(false);
+  const isOverButton = (0, import_react176.useRef)(false);
+  const timeout = (0, import_react176.useRef)(null);
+  (0, import_react176.useEffect)(() => {
     if (isOpen !== open) {
       setOpen(isOpen);
     }
@@ -35285,7 +35335,7 @@ function HoverTrigger({
 }
 
 // src/components/hooks/useBreakpoint.ts
-var import_react176 = require("react");
+var import_react177 = require("react");
 var breakpoints = {
   sm: 640,
   md: 768,
@@ -35295,8 +35345,8 @@ var breakpoints = {
 };
 var DEBOUNCE_DELAY_MS = 150;
 function useBreakpoint() {
-  const [breakpoint, setBreakpoint] = (0, import_react176.useState)(null);
-  const calculateBreakpoint = (0, import_react176.useCallback)(() => {
+  const [breakpoint, setBreakpoint] = (0, import_react177.useState)(null);
+  const calculateBreakpoint = (0, import_react177.useCallback)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -35309,7 +35359,7 @@ function useBreakpoint() {
     }
     setBreakpoint(currentBreakpoint);
   }, []);
-  (0, import_react176.useEffect)(() => {
+  (0, import_react177.useEffect)(() => {
     calculateBreakpoint();
     const debouncedResize = debounce(calculateBreakpoint, DEBOUNCE_DELAY_MS);
     window.addEventListener("resize", debouncedResize);
@@ -35321,10 +35371,10 @@ function useBreakpoint() {
 }
 
 // src/components/hooks/useDebounce.ts
-var import_react177 = require("react");
+var import_react178 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setValue] = (0, import_react177.useState)(value);
-  (0, import_react177.useEffect)(() => {
+  const [debouncedValue, setValue] = (0, import_react178.useState)(value);
+  (0, import_react178.useEffect)(() => {
     const timer = setTimeout(() => {
       setValue(value);
     }, delay);
@@ -35336,7 +35386,7 @@ function useDebounce(value, delay) {
 }
 
 // src/components/hooks/useTheme.ts
-var import_react179 = require("react");
+var import_react180 = require("react");
 
 // node_modules/.pnpm/zustand@5.0.9_@types+react@_78841bed54d06c8a621d90b050fefecd/node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState2) => {
@@ -35363,15 +35413,15 @@ var createStoreImpl = (createState2) => {
 var createStore = ((createState2) => createState2 ? createStoreImpl(createState2) : createStoreImpl);
 
 // node_modules/.pnpm/zustand@5.0.9_@types+react@_78841bed54d06c8a621d90b050fefecd/node_modules/zustand/esm/react.mjs
-var import_react178 = __toESM(require("react"), 1);
+var import_react179 = __toESM(require("react"), 1);
 var identity = (arg) => arg;
 function useStore(api, selector = identity) {
-  const slice = import_react178.default.useSyncExternalStore(
+  const slice = import_react179.default.useSyncExternalStore(
     api.subscribe,
-    import_react178.default.useCallback(() => selector(api.getState()), [api, selector]),
-    import_react178.default.useCallback(() => selector(api.getInitialState()), [api, selector])
+    import_react179.default.useCallback(() => selector(api.getState()), [api, selector]),
+    import_react179.default.useCallback(() => selector(api.getInitialState()), [api, selector])
   );
-  import_react178.default.useDebugValue(slice);
+  import_react179.default.useDebugValue(slice);
   return slice;
 }
 var createImpl = (createState2) => {
@@ -35436,10 +35486,10 @@ var useTheme = create((set2, get2) => ({
 function useInitTheme(preferred, colorScheme) {
   const initTheme = useTheme((s) => s.initTheme);
   const syncTheme = useTheme((s) => s.syncTheme);
-  (0, import_react179.useLayoutEffect)(() => {
+  (0, import_react180.useLayoutEffect)(() => {
     initTheme(preferred, colorScheme);
   }, [preferred, colorScheme, initTheme]);
-  (0, import_react179.useEffect)(() => {
+  (0, import_react180.useEffect)(() => {
     if (typeof window === "undefined") return;
     const observer = new MutationObserver((mutations) => {
       for (const mutation of mutations) {
@@ -35454,10 +35504,10 @@ function useInitTheme(preferred, colorScheme) {
 }
 
 // src/components/hooks/useToast.ts
-var import_react196 = require("react");
+var import_react197 = require("react");
 
 // src/components/toast/ToastProvider.tsx
-var import_react195 = require("react");
+var import_react196 = require("react");
 
 // node_modules/.pnpm/@react-spring+rafz@9.7.5/node_modules/@react-spring/rafz/dist/react-spring_rafz.modern.mjs
 var updateQueue = makeQueue();
@@ -35618,7 +35668,6 @@ function eachSafely(values, each2) {
 }
 
 // node_modules/.pnpm/@react-spring+shared@9.7.5_react@19.2.3/node_modules/@react-spring/shared/dist/react-spring_shared.modern.mjs
-var import_react180 = require("react");
 var import_react181 = require("react");
 var import_react182 = require("react");
 var import_react183 = require("react");
@@ -35626,6 +35675,7 @@ var import_react184 = require("react");
 var import_react185 = require("react");
 var import_react186 = require("react");
 var import_react187 = require("react");
+var import_react188 = require("react");
 var __defProp2 = Object.defineProperty;
 var __export2 = (target, all) => {
   for (var name in all)
@@ -36385,9 +36435,9 @@ function isAnimatedString(value) {
   return is.str(value) && (value[0] == "#" || /\d/.test(value) || // Do not identify a CSS variable as an AnimatedString if its SSR
   !isSSR() && cssVariableRegex.test(value) || value in (colors || {}));
 }
-var useIsomorphicLayoutEffect2 = isSSR() ? import_react183.useEffect : import_react183.useLayoutEffect;
+var useIsomorphicLayoutEffect2 = isSSR() ? import_react184.useEffect : import_react184.useLayoutEffect;
 var useIsMounted = () => {
-  const isMounted = (0, import_react182.useRef)(false);
+  const isMounted = (0, import_react183.useRef)(false);
   useIsomorphicLayoutEffect2(() => {
     isMounted.current = true;
     return () => {
@@ -36397,7 +36447,7 @@ var useIsMounted = () => {
   return isMounted;
 };
 function useForceUpdate() {
-  const update3 = (0, import_react181.useState)()[1];
+  const update3 = (0, import_react182.useState)()[1];
   const isMounted = useIsMounted();
   return () => {
     if (isMounted.current) {
@@ -36406,13 +36456,13 @@ function useForceUpdate() {
   };
 }
 function useMemoOne(getResult, inputs) {
-  const [initial] = (0, import_react184.useState)(
+  const [initial] = (0, import_react185.useState)(
     () => ({
       inputs,
       result: getResult()
     })
   );
-  const committed = (0, import_react184.useRef)();
+  const committed = (0, import_react185.useRef)();
   const prevCache = committed.current;
   let cache = prevCache;
   if (cache) {
@@ -36428,7 +36478,7 @@ function useMemoOne(getResult, inputs) {
   } else {
     cache = initial;
   }
-  (0, import_react184.useEffect)(() => {
+  (0, import_react185.useEffect)(() => {
     committed.current = cache;
     if (prevCache == initial) {
       initial.inputs = initial.result = void 0;
@@ -36447,22 +36497,22 @@ function areInputsEqual(next, prev) {
   }
   return true;
 }
-var useOnce = (effect) => (0, import_react185.useEffect)(effect, emptyDeps);
+var useOnce = (effect) => (0, import_react186.useEffect)(effect, emptyDeps);
 var emptyDeps = [];
 function usePrev(value) {
-  const prevRef = (0, import_react186.useRef)();
-  (0, import_react186.useEffect)(() => {
+  const prevRef = (0, import_react187.useRef)();
+  (0, import_react187.useEffect)(() => {
     prevRef.current = value;
   });
   return prevRef.current;
 }
 
 // node_modules/.pnpm/@react-spring+core@9.7.5_react@19.2.3/node_modules/@react-spring/core/dist/react-spring_core.modern.mjs
-var import_react189 = require("react");
+var import_react190 = require("react");
 
 // node_modules/.pnpm/@react-spring+animated@9.7.5_react@19.2.3/node_modules/@react-spring/animated/dist/react-spring_animated.modern.mjs
 var React3 = __toESM(require("react"), 1);
-var import_react188 = require("react");
+var import_react189 = require("react");
 var $node = Symbol.for("Animated:node");
 var isAnimated = (value) => !!value && value[$node] === value;
 var getAnimated = (owner) => owner && owner[$node];
@@ -36649,10 +36699,10 @@ var withAnimated = (Component, host2) => {
     // re-rendered on every animation frame.
     !is.fun(Component) || Component.prototype && Component.prototype.isReactComponent
   );
-  return (0, import_react188.forwardRef)((givenProps, givenRef) => {
-    const instanceRef = (0, import_react188.useRef)(null);
+  return (0, import_react189.forwardRef)((givenProps, givenRef) => {
+    const instanceRef = (0, import_react189.useRef)(null);
     const ref = hasInstance && // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, import_react188.useCallback)(
+    (0, import_react189.useCallback)(
       (value) => {
         instanceRef.current = updateRef(givenRef, value);
       },
@@ -36671,7 +36721,7 @@ var withAnimated = (Component, host2) => {
       }
     };
     const observer = new PropsObserver(callback, deps);
-    const observerRef = (0, import_react188.useRef)();
+    const observerRef = (0, import_react189.useRef)();
     useIsomorphicLayoutEffect2(() => {
       observerRef.current = observer;
       each(deps, (dep) => addFluidObserver(dep, observer));
@@ -36685,7 +36735,7 @@ var withAnimated = (Component, host2) => {
         }
       };
     });
-    (0, import_react188.useEffect)(callback, []);
+    (0, import_react189.useEffect)(callback, []);
     useOnce(() => () => {
       const observer2 = observerRef.current;
       each(observer2.deps, (dep) => removeFluidObserver(dep, observer2));
@@ -36761,11 +36811,11 @@ var getDisplayName = (arg) => is.str(arg) ? arg : arg && is.str(arg.displayName)
 
 // node_modules/.pnpm/@react-spring+core@9.7.5_react@19.2.3/node_modules/@react-spring/core/dist/react-spring_core.modern.mjs
 var React4 = __toESM(require("react"), 1);
-var import_react190 = require("react");
 var import_react191 = require("react");
-var React22 = __toESM(require("react"), 1);
 var import_react192 = require("react");
+var React22 = __toESM(require("react"), 1);
 var import_react193 = require("react");
+var import_react194 = require("react");
 function callProp(value, ...args) {
   return is.fun(value) ? value(...args) : value;
 }
@@ -38224,7 +38274,7 @@ var SpringContext = ({
   children,
   ...props
 }) => {
-  const inherited = (0, import_react190.useContext)(ctx);
+  const inherited = (0, import_react191.useContext)(ctx);
   const pause = props.pause || !!inherited.pause, immediate = props.immediate || !!inherited.immediate;
   props = useMemoOne(() => ({ pause, immediate }), [pause, immediate]);
   const { Provider } = ctx;
@@ -38323,13 +38373,13 @@ function useTransition(data, props, deps) {
     ref: propsRef,
     config: propsConfig
   } = propsFn ? propsFn() : props;
-  const ref = (0, import_react192.useMemo)(
+  const ref = (0, import_react193.useMemo)(
     () => propsFn || arguments.length == 3 ? SpringRef() : void 0,
     []
   );
   const items = toArray(data);
   const transitions = [];
-  const usedTransitions = (0, import_react192.useRef)(null);
+  const usedTransitions = (0, import_react193.useRef)(null);
   const prevTransitions = reset ? null : usedTransitions.current;
   useIsomorphicLayoutEffect2(() => {
     usedTransitions.current = transitions;
@@ -38400,8 +38450,8 @@ function useTransition(data, props, deps) {
   const forceUpdate = useForceUpdate();
   const defaultProps = getDefaultProps(props);
   const changes = /* @__PURE__ */ new Map();
-  const exitingTransitions = (0, import_react192.useRef)(/* @__PURE__ */ new Map());
-  const forceChange = (0, import_react192.useRef)(false);
+  const exitingTransitions = (0, import_react193.useRef)(/* @__PURE__ */ new Map());
+  const forceChange = (0, import_react193.useRef)(false);
   each(transitions, (t, i) => {
     const key = t.key;
     const prevPhase = t.phase;
@@ -38491,7 +38541,7 @@ function useTransition(data, props, deps) {
       changes.set(t, { phase, springs, payload });
     }
   });
-  const context = (0, import_react192.useContext)(SpringContext);
+  const context = (0, import_react193.useContext)(SpringContext);
   const prevContext = usePrev(context);
   const hasContext = context !== prevContext && hasProps(context);
   useIsomorphicLayoutEffect2(() => {
@@ -39033,7 +39083,7 @@ var host = createHost(primitives, {
 var animated = host.animated;
 
 // src/components/toast/Toaster.tsx
-var import_react194 = require("react");
+var import_react195 = require("react");
 
 // src/components/toast/Toast.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
@@ -39089,7 +39139,7 @@ var positionClasses = {
 var AnimatedBox = animated(Box);
 function Toaster({ duration = 0, position = "bottom-right" }) {
   const { toasts } = useToast();
-  const [hovered, setHovered] = (0, import_react194.useState)(false);
+  const [hovered, setHovered] = (0, import_react195.useState)(false);
   const transitions = useTransition(toasts, {
     from: {
       opacity: 0,
@@ -39102,7 +39152,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
     },
     config: { duration: 100 }
   });
-  (0, import_react194.useEffect)(() => {
+  (0, import_react195.useEffect)(() => {
     if (duration) {
       const timeout = setInterval(() => {
         if (hovered || !toasts.length) return;
@@ -39135,7 +39185,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
 
 // src/components/toast/ToastProvider.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var ToastContext = (0, import_react195.createContext)({});
+var ToastContext = (0, import_react196.createContext)({});
 function ToastProvider({ children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(ToastContext.Provider, { value: props, children: [
     children,
@@ -39166,7 +39216,7 @@ function displayToast(message, { duration = TOAST_DURATION, ...options } = {}) {
 }
 function useToast() {
   const { toasts } = store();
-  const config2 = (0, import_react196.useContext)(ToastContext);
+  const config2 = (0, import_react197.useContext)(ToastContext);
   const toast2 = (message, options) => {
     displayToast(message, { ...options, ...config2 });
   };
@@ -39363,11 +39413,11 @@ function Modal2({
 }
 
 // src/components/Navbar.tsx
-var import_react197 = require("react");
+var import_react198 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var NavbarContext = (0, import_react197.createContext)(void 0);
+var NavbarContext = (0, import_react198.createContext)(void 0);
 var useNavigationContext = () => {
-  const context = (0, import_react197.useContext)(NavbarContext);
+  const context = (0, import_react198.useContext)(NavbarContext);
   if (!context) {
     throw new Error("useNavigationContext must be used within a Navbar");
   }
@@ -39380,7 +39430,7 @@ function Navbar({
   color: _color,
   ...props
 }) {
-  const [activeMenu, setActiveMenu] = (0, import_react197.useState)("");
+  const [activeMenu, setActiveMenu] = (0, import_react198.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Row, { ...props, alignItems: "center", gap: "1", className, children }) });
 }
 function NavbarItem({
@@ -39428,9 +39478,9 @@ function NavbarItem({
 }
 
 // src/components/NavMenu.tsx
-var import_react198 = require("react");
+var import_react199 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var NavMenuContext = (0, import_react198.createContext)(null);
+var NavMenuContext = (0, import_react199.createContext)(null);
 function NavMenu({ muteItems, onItemClick, className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NavMenuContext.Provider, { value: { onItemClick }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Column, { ...props, color: muteItems ? "muted" : void 0, className, children }) });
 }
@@ -39442,7 +39492,7 @@ function NavMenuGroup({
   children,
   ...props
 }) {
-  const [minimized, setMinimized] = (0, import_react198.useState)(!!isMinimized);
+  const [minimized, setMinimized] = (0, import_react199.useState)(!!isMinimized);
   const handleClick = () => {
     if (allowMinimize) {
       setMinimized((state2) => !state2);
@@ -39478,7 +39528,7 @@ function NavMenuGroup({
   );
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
-  const { onItemClick } = (0, import_react198.useContext)(NavMenuContext);
+  const { onItemClick } = (0, import_react199.useContext)(NavMenuContext);
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Row,
     {
@@ -39499,7 +39549,7 @@ function NavMenuItem({ isSelected, className, children, ...props }) {
 }
 
 // src/components/PasswordField.tsx
-var import_react199 = require("react");
+var import_react200 = require("react");
 
 // src/components/svg/EyeSlash.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -39570,7 +39620,7 @@ var import_jsx_runtime56 = require("react/jsx-runtime");
 // src/components/PasswordField.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function PasswordField({ label, className, ...props }) {
-  const [show, setShow] = (0, import_react199.useState)(false);
+  const [show, setShow] = (0, import_react200.useState)(false);
   const type = show ? "text" : "password";
   const handleShowPassword = () => setShow((state2) => !state2);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
@@ -39695,7 +39745,7 @@ function Radio2({ children, className, ...props }) {
 }
 
 // src/components/SearchField.tsx
-var import_react200 = require("react");
+var import_react201 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function SearchField2({
   label,
@@ -39708,7 +39758,7 @@ function SearchField2({
   className,
   ...props
 }) {
-  const [search, setSearch] = (0, import_react200.useState)(defaultValue);
+  const [search, setSearch] = (0, import_react201.useState)(defaultValue);
   const searchValue = useDebounce(search, delay);
   const handleChange = (value2) => {
     setSearch(value2);
@@ -39722,7 +39772,7 @@ function SearchField2({
     onSearch?.("");
     onChange?.("");
   };
-  (0, import_react200.useEffect)(() => {
+  (0, import_react201.useEffect)(() => {
     if (delay > 0) {
       onSearch?.(searchValue);
     }
@@ -39763,7 +39813,7 @@ function SearchField2({
 }
 
 // src/components/Select.tsx
-var import_react201 = require("react");
+var import_react202 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function Select2({
   items = [],
@@ -39785,7 +39835,7 @@ function Select2({
   children,
   ...props
 }) {
-  const [search, setSearch] = (0, import_react201.useState)("");
+  const [search, setSearch] = (0, import_react202.useState)("");
   const handleChange = (e) => {
     onChange?.(e);
   };
@@ -39858,9 +39908,9 @@ function Select2({
 }
 
 // src/components/Sidebar.tsx
-var import_react202 = require("react");
+var import_react203 = require("react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react202.createContext)(null);
+var SidebarContext = (0, import_react203.createContext)(null);
 function Sidebar({ isCollapsed, muteItems, className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     Column,
@@ -39909,7 +39959,7 @@ function SidebarItem({
   children,
   ...props
 }) {
-  const { isCollapsed } = (0, import_react202.useContext)(SidebarContext);
+  const { isCollapsed } = (0, import_react203.useContext)(SidebarContext);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       Row,
@@ -40054,7 +40104,7 @@ function TabPanel2({ children, className, ...props }) {
 }
 
 // src/components/ThemeButton.tsx
-var import_react203 = require("react");
+var import_react204 = require("react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function getElement(target) {
   return "current" in target ? target.current : target;
@@ -40075,10 +40125,10 @@ function ThemeButton({
   ...props
 }) {
   const globalTheme = useTheme();
-  const [localTheme, setLocalTheme] = (0, import_react203.useState)(null);
-  const initializedRef = (0, import_react203.useRef)(false);
+  const [localTheme, setLocalTheme] = (0, import_react204.useState)(null);
+  const initializedRef = (0, import_react204.useRef)(false);
   const isLocal = !!target;
-  (0, import_react203.useEffect)(() => {
+  (0, import_react204.useEffect)(() => {
     if (isLocal && target && !initializedRef.current) {
       const element = getElement(target);
       if (element) {