@timeax/form-palette 0.2.0 → 0.2.2

package/dist/extra.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React74 = require('react');
+var React76 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 var Draggable = require('react-draggable');
@@ -11,10 +11,10 @@ var reactSlot = require('@radix-ui/react-slot');
 var SwitchPrimitive = require('@radix-ui/react-switch');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var ScrollAreaPrimitive2 = require('@radix-ui/react-scroll-area');
 var reactVirtuoso = require('react-virtuoso');
 var SliderPrimitive = require('@radix-ui/react-slider');
 var DialogPrimitive = require('@radix-ui/react-dialog');
-var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 require('@radix-ui/react-toggle');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
@@ -45,7 +45,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React74__namespace = /*#__PURE__*/_interopNamespace(React74);
+var React76__namespace = /*#__PURE__*/_interopNamespace(React76);
 var Draggable__default = /*#__PURE__*/_interopDefault(Draggable);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
@@ -53,9 +53,9 @@ var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitiv
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var ScrollAreaPrimitive2__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive2);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var Editor__default = /*#__PURE__*/_interopDefault(Editor);
@@ -6666,19 +6666,19 @@ function createListerRuntime(opts) {
     selectors
   };
 }
-var ListerContext = React74__namespace.createContext(
+var ListerContext = React76__namespace.createContext(
   null
 );
 function ListerProvider({
   children,
   ...opts
 }) {
-  const runtimeRef = React74__namespace.useRef(null);
-  const [, forceUpdate] = React74__namespace.useReducer((x2) => x2 + 1, 0);
+  const runtimeRef = React76__namespace.useRef(null);
+  const [, forceUpdate] = React76__namespace.useReducer((x2) => x2 + 1, 0);
   if (!runtimeRef.current) {
     runtimeRef.current = createListerRuntime(opts);
   }
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const runtime = runtimeRef.current;
     if (!runtime) return;
     const unsub = runtime.subscribe(() => {
@@ -6689,7 +6689,7 @@ function ListerProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(ListerContext.Provider, { value: runtimeRef.current, children });
 }
 function useListerRuntime() {
-  const ctx = React74__namespace.useContext(ListerContext);
+  const ctx = React76__namespace.useContext(ListerContext);
   if (!ctx)
     throw new Error(
       "useListerRuntime must be used within <ListerProvider>"
@@ -9768,17 +9768,17 @@ var focusEl = (el) => {
   }
 };
 function useUpdateEffect(effect, deps) {
-  const mounted = React74__namespace.useRef(false);
-  React74__namespace.useEffect(() => {
+  const mounted = React76__namespace.useRef(false);
+  React76__namespace.useEffect(() => {
     if (mounted.current) {
       return effect();
     }
     mounted.current = true;
   }, deps);
 }
-var InputMask = React74__namespace.memo(
-  React74__namespace.forwardRef((inProps, ref) => {
-    const props = React74__namespace.useMemo(
+var InputMask = React76__namespace.memo(
+  React76__namespace.forwardRef((inProps, ref) => {
+    const props = React76__namespace.useMemo(
       () => ({
         autoClear: true,
         autoFocus: false,
@@ -9793,20 +9793,20 @@ var InputMask = React74__namespace.memo(
       }),
       [inProps]
     );
-    const elementRef = React74__namespace.useRef(null);
-    const firstNonMaskPos = React74__namespace.useRef(null);
-    const lastRequiredNonMaskPos = React74__namespace.useRef(0);
-    const tests = React74__namespace.useRef([]);
-    const buffer = React74__namespace.useRef([]);
-    const len = React74__namespace.useRef(0);
-    const oldVal = React74__namespace.useRef(null);
-    const focus = React74__namespace.useRef(false);
-    const focusText = React74__namespace.useRef(null);
-    const isValueChecked = React74__namespace.useRef(null);
-    const partialPosition = React74__namespace.useRef(null);
-    const defaultBuffer = React74__namespace.useRef(null);
-    const caretTimeoutId = React74__namespace.useRef(null);
-    const androidChrome = React74__namespace.useRef(false);
+    const elementRef = React76__namespace.useRef(null);
+    const firstNonMaskPos = React76__namespace.useRef(null);
+    const lastRequiredNonMaskPos = React76__namespace.useRef(0);
+    const tests = React76__namespace.useRef([]);
+    const buffer = React76__namespace.useRef([]);
+    const len = React76__namespace.useRef(0);
+    const oldVal = React76__namespace.useRef(null);
+    const focus = React76__namespace.useRef(false);
+    const focusText = React76__namespace.useRef(null);
+    const isValueChecked = React76__namespace.useRef(null);
+    const partialPosition = React76__namespace.useRef(null);
+    const defaultBuffer = React76__namespace.useRef(null);
+    const caretTimeoutId = React76__namespace.useRef(null);
+    const androidChrome = React76__namespace.useRef(false);
     const caret = (first, last) => {
       var _a, _b;
       let range;
@@ -9841,7 +9841,7 @@ var InputMask = React74__namespace.memo(
       }
       return { begin, end };
     };
-    const getPlaceholder = React74__namespace.useCallback(
+    const getPlaceholder = React76__namespace.useCallback(
       (i4) => {
         var _a;
         const slotChar2 = (_a = props.slotChar) != null ? _a : "_";
@@ -10111,7 +10111,7 @@ var InputMask = React74__namespace.memo(
         });
       }
     };
-    const getUnmaskedValue = React74__namespace.useCallback(() => {
+    const getUnmaskedValue = React76__namespace.useCallback(() => {
       const unmaskedBuffer = [];
       for (let i4 = 0; i4 < buffer.current.length; i4++) {
         const c2 = buffer.current[i4];
@@ -10166,7 +10166,7 @@ var InputMask = React74__namespace.memo(
       }
       return pos;
     };
-    const isValueUpdated = React74__namespace.useCallback(() => {
+    const isValueUpdated = React76__namespace.useCallback(() => {
       var _a, _b, _c, _d;
       const elVal = (_b = (_a = elementRef.current) == null ? void 0 : _a.value) != null ? _b : "";
       return props.unmask ? ((_c = props.value) != null ? _c : "") !== getUnmaskedValue() : defaultBuffer.current !== elVal && elVal !== ((_d = props.value) != null ? _d : "");
@@ -10266,7 +10266,7 @@ var InputMask = React74__namespace.memo(
     const onInput = (event) => {
       androidChrome.current ? handleAndroidInput(event) : handleInputChange(event);
     };
-    React74__namespace.useImperativeHandle(
+    React76__namespace.useImperativeHandle(
       ref,
       () => ({
         focus: () => focusEl(elementRef.current),
@@ -10274,10 +10274,10 @@ var InputMask = React74__namespace.memo(
       }),
       []
     );
-    React74__namespace.useEffect(() => {
+    React76__namespace.useEffect(() => {
       if (!elementRef.current) return;
     }, []);
-    React74__namespace.useEffect(() => {
+    React76__namespace.useEffect(() => {
       init();
       updateValue();
     }, []);
@@ -10311,6 +10311,7 @@ var InputMask = React74__namespace.memo(
       onKeyPress: l2,
       onInput: m2,
       className,
+      invalid,
       ...restInputProps
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -10332,6 +10333,7 @@ var InputMask = React74__namespace.memo(
         onKeyPress,
         onInput,
         onPaste: (e4) => handleInputChange(e4, true),
+        "aria-invalid": invalid ? "true" : void 0,
         ...restInputProps
       }
     );
@@ -10425,7 +10427,7 @@ function resolveSizeDensityClasses(size, density) {
   }
   return { heightCls, textCls, densityCls };
 }
-var Input = React74__namespace.forwardRef(
+var Input = React76__namespace.forwardRef(
   function Input2(rawProps, forwardedRef) {
     const {
       // base
@@ -10435,6 +10437,7 @@ var Input = React74__namespace.forwardRef(
       disabled,
       readOnly,
       required,
+      invalid,
       // size / density
       size = "md",
       density = "normal",
@@ -10488,8 +10491,8 @@ var Input = React74__namespace.forwardRef(
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
     const isMasked = Boolean(mask);
-    const innerRef = React74__namespace.useRef(null);
-    React74__namespace.useImperativeHandle(
+    const innerRef = React76__namespace.useRef(null);
+    React76__namespace.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -10510,11 +10513,11 @@ var Input = React74__namespace.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 4;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React74__namespace.useRef(null);
-    const trailingIconsRef = React74__namespace.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React74__namespace.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React74__namespace.useState(0);
-    React74__namespace.useLayoutEffect(() => {
+    const leadingIconsRef = React76__namespace.useRef(null);
+    const trailingIconsRef = React76__namespace.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React76__namespace.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React76__namespace.useState(0);
+    React76__namespace.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       if (typeof ResizeObserver === "undefined") return;
       const leadingEl = leadingIconsRef.current;
@@ -10589,7 +10592,7 @@ var Input = React74__namespace.forwardRef(
       inputClassName
     );
     const maskMode = unmask === true || unmask === "raw" ? "raw" : "masked";
-    const handleFocus = React74__namespace.useCallback(
+    const handleFocus = React76__namespace.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (!prefix && !suffix) return;
@@ -10617,7 +10620,7 @@ var Input = React74__namespace.forwardRef(
     const placeholder = typeof mask === "string" && mask ? mask : rest.placeholder;
     const hasCustomPadding = typeof px === "number" || typeof py === "number" || typeof ps === "number" || typeof pe2 === "number" || typeof pb === "number";
     const hasKeyFilter = !!keyFilter;
-    const handleKeyDownWrapped = React74__namespace.useCallback(
+    const handleKeyDownWrapped = React76__namespace.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keydown" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -10634,7 +10637,7 @@ var Input = React74__namespace.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyDown]
     );
-    const handleKeyPressWrapped = React74__namespace.useCallback(
+    const handleKeyPressWrapped = React76__namespace.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keypress" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -10651,7 +10654,7 @@ var Input = React74__namespace.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyPress]
     );
-    const handleBeforeInputWrapped = React74__namespace.useCallback(
+    const handleBeforeInputWrapped = React76__namespace.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "beforeinput" && (event == null ? void 0 : event.nativeEvent)) {
           const inputEl = event.currentTarget;
@@ -10672,7 +10675,7 @@ var Input = React74__namespace.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onBeforeInput]
     );
-    const handlePasteWrapped = React74__namespace.useCallback(
+    const handlePasteWrapped = React76__namespace.useCallback(
       (event) => {
         var _a, _b;
         if (hasKeyFilter && keyFilterOnPaste) {
@@ -10723,6 +10726,7 @@ var Input = React74__namespace.forwardRef(
               onBeforeInput: handleBeforeInputWrapped,
               onPaste: handlePasteWrapped,
               "aria-required": required ? "true" : void 0,
+              "aria-invalid": invalid ? "true" : void 0,
               "data-size": sizeKey,
               "data-density": densityKey,
               placeholder,
@@ -10776,6 +10780,7 @@ var Input = React74__namespace.forwardRef(
             disabled,
             readOnly,
             "aria-required": required ? "true" : void 0,
+            "aria-invalid": invalid ? "true" : void 0,
             "data-size": sizeKey,
             "data-density": densityKey,
             placeholder,
@@ -11070,7 +11075,7 @@ function stripAffixes(value, prefix, suffix) {
   if (suffix && out.endsWith(suffix)) out = out.slice(0, -suffix.length);
   return out;
 }
-var ShadcnTextVariant = React74__namespace.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
+var ShadcnTextVariant = React76__namespace.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
   const {
     // form-level props
     value,
@@ -11118,7 +11123,7 @@ var ShadcnTextVariant = React74__namespace.forwardRef(function ShadcnTextVariant
     ...rest
   } = props;
   const isMasked = Boolean(mask);
-  const handlePlainChange = React74__namespace.useCallback(
+  const handlePlainChange = React76__namespace.useCallback(
     (e4) => {
       var _a;
       const displayed = (_a = e4.target.value) != null ? _a : "";
@@ -11149,7 +11154,7 @@ var ShadcnTextVariant = React74__namespace.forwardRef(function ShadcnTextVariant
     },
     [onValue, prefix, suffix, stripPrefix, stripSuffix]
   );
-  const handleMaskedChange = React74__namespace.useCallback(
+  const handleMaskedChange = React76__namespace.useCallback(
     (e4) => {
       var _a, _b, _c;
       const maskedValue = (_a = e4.value) != null ? _a : "";
@@ -11367,8 +11372,8 @@ function normalizeEditable(raw, locale, decimalSep, allowMinus) {
   if (t4 === decimalSep) t4 = "0" + decimalSep;
   return t4;
 }
-var InputNumber = React74__namespace.memo(
-  React74__namespace.forwardRef((inProps, ref) => {
+var InputNumber = React76__namespace.memo(
+  React76__namespace.forwardRef((inProps, ref) => {
     var _a;
     const props = {
       allowEmpty: true,
@@ -11383,19 +11388,19 @@ var InputNumber = React74__namespace.memo(
       type: "text",
       ...inProps
     };
-    const locale = React74__namespace.useMemo(
+    const locale = React76__namespace.useMemo(
       () => resolveLocale(props.locale),
       [props.locale]
     );
-    const decimalSep = React74__namespace.useMemo(
+    const decimalSep = React76__namespace.useMemo(
       () => getDecimalSeparator(locale),
       [locale]
     );
-    const allowMinus = React74__namespace.useMemo(
+    const allowMinus = React76__namespace.useMemo(
       () => props.min == null || props.min < 0,
       [props.min]
     );
-    const fmtOptions = React74__namespace.useMemo(() => {
+    const fmtOptions = React76__namespace.useMemo(() => {
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
@@ -11416,22 +11421,22 @@ var InputNumber = React74__namespace.memo(
       props.maxFractionDigits,
       props.roundingMode
     ]);
-    const inputRef = React74__namespace.useRef(null);
-    React74__namespace.useImperativeHandle(ref, () => inputRef.current);
-    const [display, setDisplay] = React74__namespace.useState("");
-    const [focused, setFocused] = React74__namespace.useState(false);
-    const toEditableFromNumber = React74__namespace.useCallback(
+    const inputRef = React76__namespace.useRef(null);
+    React76__namespace.useImperativeHandle(ref, () => inputRef.current);
+    const [display, setDisplay] = React76__namespace.useState("");
+    const [focused, setFocused] = React76__namespace.useState(false);
+    const toEditableFromNumber = React76__namespace.useCallback(
       (n3) => {
         const s3 = String(n3);
         return decimalSep === "." ? s3 : s3.replace(".", decimalSep);
       },
       [decimalSep]
     );
-    const clampModel = React74__namespace.useCallback(
+    const clampModel = React76__namespace.useCallback(
       (n3) => clampToLimits(n3, props.min, props.max),
       [props.min, props.max]
     );
-    const emit = React74__namespace.useCallback(
+    const emit = React76__namespace.useCallback(
       (event, value2) => {
         var _a2, _b, _c;
         const safeValue = sanitizeNumberish(value2);
@@ -11466,7 +11471,7 @@ var InputNumber = React74__namespace.memo(
         }
       });
     };
-    const formatFromModel = React74__namespace.useCallback(
+    const formatFromModel = React76__namespace.useCallback(
       (n3) => {
         const safeNumber = sanitizeNumberish(n3);
         if (safeNumber == null) return "";
@@ -11489,7 +11494,7 @@ var InputNumber = React74__namespace.memo(
         toEditableFromNumber
       ]
     );
-    const getModelFromDisplay = React74__namespace.useCallback(
+    const getModelFromDisplay = React76__namespace.useCallback(
       (text) => {
         const stripped = stripAffixes2(text, props.prefix, props.suffix);
         const withoutGroup = stripGrouping(stripped, locale);
@@ -11501,7 +11506,7 @@ var InputNumber = React74__namespace.memo(
       },
       [props.prefix, props.suffix, locale, decimalSep, clampModel]
     );
-    const syncFromPropsValue = React74__namespace.useCallback(
+    const syncFromPropsValue = React76__namespace.useCallback(
       (v2) => {
         const safeValue = sanitizeNumberish(v2);
         if (safeValue == null) {
@@ -11515,11 +11520,11 @@ var InputNumber = React74__namespace.memo(
       },
       [clampModel, focused, toEditableFromNumber, formatFromModel]
     );
-    React74__namespace.useEffect(() => {
+    React76__namespace.useEffect(() => {
       var _a2;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
     }, []);
-    React74__namespace.useEffect(() => {
+    React76__namespace.useEffect(() => {
       var _a2;
       if (focused) return;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
@@ -11612,6 +11617,25 @@ var InputNumber = React74__namespace.memo(
       value,
       icon,
       iconGap,
+      // Destructure to prevent leakage:
+      locale: _locale,
+      localeMatcher,
+      mode,
+      currency,
+      currencyDisplay,
+      useGrouping,
+      minFractionDigits,
+      maxFractionDigits,
+      roundingMode,
+      min: min2,
+      max: max2,
+      step,
+      allowEmpty,
+      format: format2,
+      invalid,
+      onValueChange,
+      onChange,
+      onValue,
       ...passThroughProps
     } = props;
     return (
@@ -11686,7 +11710,7 @@ var defaultAttributes = {
 };
 
 // ../../node_modules/lucide-react/dist/esm/Icon.js
-var Icon = React74.forwardRef(
+var Icon = React76.forwardRef(
   ({
     color = "currentColor",
     size = 24,
@@ -11696,7 +11720,7 @@ var Icon = React74.forwardRef(
     children,
     iconNode,
     ...rest
-  }, ref) => React74.createElement(
+  }, ref) => React76.createElement(
     "svg",
     {
       ref,
@@ -11710,7 +11734,7 @@ var Icon = React74.forwardRef(
       ...rest
     },
     [
-      ...iconNode.map(([tag, attrs]) => React74.createElement(tag, attrs)),
+      ...iconNode.map(([tag, attrs]) => React76.createElement(tag, attrs)),
       ...Array.isArray(children) ? children : [children]
     ]
   )
@@ -11718,8 +11742,8 @@ var Icon = React74.forwardRef(
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = React74.forwardRef(
-    ({ className, ...props }, ref) => React74.createElement(Icon, {
+  const Component = React76.forwardRef(
+    ({ className, ...props }, ref) => React76.createElement(Icon, {
       ref,
       iconNode,
       className: mergeClasses(
@@ -12074,7 +12098,7 @@ var X = createLucideIcon("x", __iconNode37);
 function sanitizeNumberish2(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
-var ShadcnNumberVariant = React74__namespace.default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
+var ShadcnNumberVariant = React76__namespace.default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
   const {
     showButtons,
     buttonLayout = "stacked",
@@ -12092,7 +12116,7 @@ var ShadcnNumberVariant = React74__namespace.default.forwardRef(function ShadcnN
     id,
     inputId
   } = rest;
-  const handleChange = React74__namespace.default.useCallback(
+  const handleChange = React76__namespace.default.useCallback(
     (e4) => {
       const safeValue = sanitizeNumberish2(e4.value);
       if (onValueChange) {
@@ -12105,7 +12129,7 @@ var ShadcnNumberVariant = React74__namespace.default.forwardRef(function ShadcnN
     },
     [onValueChange]
   );
-  const handleStep = React74__namespace.default.useCallback(
+  const handleStep = React76__namespace.default.useCallback(
     (direction, originalEvent) => {
       var _a, _b;
       if (disabled) return;
@@ -12635,7 +12659,7 @@ var CountrySelect = ({
     }) })
   ] }) });
 };
-var ShadcnPhoneVariant = React74__namespace.forwardRef(function ShadcnPhoneVariant2(props, ref) {
+var ShadcnPhoneVariant = React76__namespace.forwardRef(function ShadcnPhoneVariant2(props, ref) {
   const {
     countries: countriesProp,
     defaultCountry,
@@ -12660,8 +12684,8 @@ var ShadcnPhoneVariant = React74__namespace.forwardRef(function ShadcnPhoneVaria
   } = props;
   let DEFAULT_COUNTRIES2 = getGlobalCountryList();
   const defaultCountries = countriesProp && countriesProp.length > 0 ? countriesProp : DEFAULT_COUNTRIES2;
-  const [countries, setLoadedCountries] = React74__namespace.useState(defaultCountries);
-  React74__namespace.useEffect(() => {
+  const [countries, setLoadedCountries] = React76__namespace.useState(defaultCountries);
+  React76__namespace.useEffect(() => {
     if (countriesProp == null ? void 0 : countriesProp.length) return;
     const list = getPaletteUtil("countries");
     if (list == null ? void 0 : list.length) {
@@ -12674,7 +12698,7 @@ var ShadcnPhoneVariant = React74__namespace.forwardRef(function ShadcnPhoneVaria
       });
     }
   }, []);
-  const [country, setCountry] = React74__namespace.useState(() => {
+  const [country, setCountry] = React76__namespace.useState(() => {
     var _a;
     if (defaultCountry) {
       const found = countries.find((c2) => c2.code === defaultCountry);
@@ -12682,7 +12706,7 @@ var ShadcnPhoneVariant = React74__namespace.forwardRef(function ShadcnPhoneVaria
     }
     return (_a = countries[0]) != null ? _a : DEFAULT_COUNTRIES2[0];
   });
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setCountry((prev) => {
       var _a;
       if (defaultCountry) {
@@ -12693,13 +12717,13 @@ var ShadcnPhoneVariant = React74__namespace.forwardRef(function ShadcnPhoneVaria
       return (_a = stillThere != null ? stillThere : countries[0]) != null ? _a : prev;
     });
   }, [countries, defaultCountry]);
-  const [local, setLocal] = React74__namespace.useState(
+  const [local, setLocal] = React76__namespace.useState(
     () => computeDisplayFromValue(value, country, keepCharPositions)
   );
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setLocal(computeDisplayFromValue(value, country, keepCharPositions));
   }, [value, country, keepCharPositions]);
-  const handleInputChange = React74__namespace.useCallback(
+  const handleInputChange = React76__namespace.useCallback(
     (event) => {
       var _a;
       const rawInput = (_a = event.target.value) != null ? _a : "";
@@ -12725,7 +12749,7 @@ var ShadcnPhoneVariant = React74__namespace.forwardRef(function ShadcnPhoneVaria
     },
     [country, valueMode, keepCharPositions, onValue]
   );
-  const handleCountryChange = React74__namespace.useCallback(
+  const handleCountryChange = React76__namespace.useCallback(
     (nextCode) => {
       var _a;
       const nextCountry = (_a = countries.find((c2) => c2.code === nextCode)) != null ? _a : countries[0];
@@ -12812,7 +12836,7 @@ function normalizeColorForPicker(value) {
   }
   return "#000000";
 }
-var ShadcnColorVariant = React74__namespace.forwardRef(function ShadcnColorVariant2(props, ref) {
+var ShadcnColorVariant = React76__namespace.forwardRef(function ShadcnColorVariant2(props, ref) {
   const {
     // variant contract
     value,
@@ -12833,22 +12857,22 @@ var ShadcnColorVariant = React74__namespace.forwardRef(function ShadcnColorVaria
     // everything else → Input (size, density, className, icons, etc.)
     ...restTextProps
   } = props;
-  const [local, setLocal] = React74__namespace.useState(value != null ? value : "");
-  const [pickerOpen, setPickerOpen] = React74__namespace.useState(false);
-  React74__namespace.useEffect(() => {
+  const [local, setLocal] = React76__namespace.useState(value != null ? value : "");
+  const [pickerOpen, setPickerOpen] = React76__namespace.useState(false);
+  React76__namespace.useEffect(() => {
     setLocal(value != null ? value : "");
   }, [value]);
-  const pickerRef = React74__namespace.useRef(null);
+  const pickerRef = React76__namespace.useRef(null);
   const effectiveColor = normalizeColorForPicker(local || value);
   const showError = Boolean(error);
-  const openSystemPicker = React74__namespace.useCallback(() => {
+  const openSystemPicker = React76__namespace.useCallback(() => {
     setPickerOpen(true);
     window.setTimeout(() => {
       var _a;
       (_a = pickerRef.current) == null ? void 0 : _a.click();
     }, 0);
   }, []);
-  const handleTextChange = React74__namespace.useCallback(
+  const handleTextChange = React76__namespace.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -12865,7 +12889,7 @@ var ShadcnColorVariant = React74__namespace.forwardRef(function ShadcnColorVaria
     },
     [onValue]
   );
-  const handlePickerChange = React74__namespace.useCallback(
+  const handlePickerChange = React76__namespace.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -12883,7 +12907,7 @@ var ShadcnColorVariant = React74__namespace.forwardRef(function ShadcnColorVaria
     },
     [onValue]
   );
-  const handlePickerBlur = React74__namespace.useCallback(() => {
+  const handlePickerBlur = React76__namespace.useCallback(() => {
     setPickerOpen(false);
   }, []);
   const leadingControl = showPreview ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -13185,7 +13209,7 @@ function meterColor(score) {
   if (score === 3) return "bg-amber-500";
   return "bg-emerald-500";
 }
-var ShadcnPasswordVariant = React74__namespace.forwardRef(function ShadcnPasswordVariant2(props, ref) {
+var ShadcnPasswordVariant = React76__namespace.forwardRef(function ShadcnPasswordVariant2(props, ref) {
   var _a, _b;
   const {
     // base variant bits
@@ -13221,18 +13245,18 @@ var ShadcnPasswordVariant = React74__namespace.forwardRef(function ShadcnPasswor
     // everything else from Shadcn text UI
     ...restTextProps
   } = props;
-  const [revealed, setRevealed] = React74__namespace.useState(
+  const [revealed, setRevealed] = React76__namespace.useState(
     Boolean(defaultRevealed)
   );
-  const normalizedStrength = React74__namespace.useMemo(
+  const normalizedStrength = React76__namespace.useMemo(
     () => normalizeStrengthOptions(strengthMeter),
     [strengthMeter]
   );
-  const effectiveRuleDefinitions = React74__namespace.useMemo(
+  const effectiveRuleDefinitions = React76__namespace.useMemo(
     () => getMergedRuleDefinitions(ruleDefinitions),
     [ruleDefinitions]
   );
-  const meterState = React74__namespace.useMemo(() => {
+  const meterState = React76__namespace.useMemo(() => {
     if (!normalizedStrength) return null;
     const v2 = value != null ? value : "";
     return computeMeterState(
@@ -13242,14 +13266,14 @@ var ShadcnPasswordVariant = React74__namespace.forwardRef(function ShadcnPasswor
       ruleUses
     );
   }, [normalizedStrength, value, ruleUses, effectiveRuleDefinitions]);
-  const handleToggleReveal = React74__namespace.useCallback(() => {
+  const handleToggleReveal = React76__namespace.useCallback(() => {
     setRevealed((prev) => {
       const next = !prev;
       onRevealChange == null ? void 0 : onRevealChange(next);
       return next;
     });
   }, [onRevealChange]);
-  const handleChange = React74__namespace.useCallback(
+  const handleChange = React76__namespace.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -15899,38 +15923,38 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 function Button(props) {
-  return React74__namespace.default.createElement("button", { ...props });
+  return React76__namespace.default.createElement("button", { ...props });
 }
 function CaptionLabel(props) {
-  return React74__namespace.default.createElement("span", { ...props });
+  return React76__namespace.default.createElement("span", { ...props });
 }
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
   return (
     // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    React74__namespace.default.createElement(
+    React76__namespace.default.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React74__namespace.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && React74__namespace.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && React74__namespace.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React74__namespace.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      orientation === "up" && React76__namespace.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+      orientation === "down" && React76__namespace.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+      orientation === "left" && React76__namespace.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && React76__namespace.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
     )
   );
 }
 function Day(props) {
   const { day, modifiers, ...tdProps } = props;
-  return React74__namespace.default.createElement("td", { ...tdProps });
+  return React76__namespace.default.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React74__namespace.default.useRef(null);
-  React74__namespace.default.useEffect(() => {
+  const ref = React76__namespace.default.useRef(null);
+  React76__namespace.default.useEffect(() => {
     var _a;
     if (modifiers.focused)
       (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
-  return React74__namespace.default.createElement("button", { ref, ...buttonProps });
+  return React76__namespace.default.createElement("button", { ref, ...buttonProps });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/UI.js
@@ -15993,41 +16017,41 @@ function Dropdown(props) {
   const { options, className, components, classNames, ...selectProps } = props;
   const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
   const selectedOption = options == null ? void 0 : options.find(({ value }) => value === selectProps.value);
-  return React74__namespace.default.createElement(
+  return React76__namespace.default.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React74__namespace.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React74__namespace.default.createElement(components.Option, { key: value, value, disabled }, label))),
-    React74__namespace.default.createElement(
+    React76__namespace.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React76__namespace.default.createElement(components.Option, { key: value, value, disabled }, label))),
+    React76__namespace.default.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption == null ? void 0 : selectedOption.label,
-      React74__namespace.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React76__namespace.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React74__namespace.default.createElement("div", { ...props });
+  return React76__namespace.default.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React74__namespace.default.createElement("div", { ...props });
+  return React76__namespace.default.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React74__namespace.default.createElement("div", { ...divProps }, props.children);
+  return React76__namespace.default.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React74__namespace.default.createElement("div", { ...divProps });
+  return React76__namespace.default.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React74__namespace.default.createElement("table", { ...props });
+  return React76__namespace.default.createElement("table", { ...props });
 }
 function Months(props) {
-  return React74__namespace.default.createElement("div", { ...props });
+  return React76__namespace.default.createElement("div", { ...props });
 }
-var dayPickerContext = React74.createContext(void 0);
+var dayPickerContext = React76.createContext(void 0);
 function useDayPicker() {
-  const context = React74.useContext(dayPickerContext);
+  const context = React76.useContext(dayPickerContext);
   if (context === void 0) {
     throw new Error("useDayPicker() must be used within a custom component.");
   }
@@ -16037,81 +16061,81 @@ function useDayPicker() {
 // ../../node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React74__namespace.default.createElement(components.Dropdown, { ...props });
+  return React76__namespace.default.createElement(components.Dropdown, { ...props });
 }
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
   const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
-  const handleNextClick = React74.useCallback((e4) => {
+  const handleNextClick = React76.useCallback((e4) => {
     if (nextMonth) {
       onNextClick == null ? void 0 : onNextClick(e4);
     }
   }, [nextMonth, onNextClick]);
-  const handlePreviousClick = React74.useCallback((e4) => {
+  const handlePreviousClick = React76.useCallback((e4) => {
     if (previousMonth) {
       onPreviousClick == null ? void 0 : onPreviousClick(e4);
     }
   }, [previousMonth, onPreviousClick]);
-  return React74__namespace.default.createElement(
+  return React76__namespace.default.createElement(
     "nav",
     { ...navProps },
-    React74__namespace.default.createElement(
+    React76__namespace.default.createElement(
       components.PreviousMonthButton,
       { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
-      React74__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React76__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React74__namespace.default.createElement(
+    React76__namespace.default.createElement(
       components.NextMonthButton,
       { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
-      React74__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React76__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return React74__namespace.default.createElement(components.Button, { ...props });
+  return React76__namespace.default.createElement(components.Button, { ...props });
 }
 function Option(props) {
-  return React74__namespace.default.createElement("option", { ...props });
+  return React76__namespace.default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return React74__namespace.default.createElement(components.Button, { ...props });
+  return React76__namespace.default.createElement(components.Button, { ...props });
 }
 function Root4(props) {
   const { rootRef, ...rest } = props;
-  return React74__namespace.default.createElement("div", { ...rest, ref: rootRef });
+  return React76__namespace.default.createElement("div", { ...rest, ref: rootRef });
 }
 function Select2(props) {
-  return React74__namespace.default.createElement("select", { ...props });
+  return React76__namespace.default.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React74__namespace.default.createElement("tr", { ...trProps });
+  return React76__namespace.default.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React74__namespace.default.createElement("th", { ...props });
+  return React76__namespace.default.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React74__namespace.default.createElement(
+  return React76__namespace.default.createElement(
     "thead",
     { "aria-hidden": true },
-    React74__namespace.default.createElement("tr", { ...props })
+    React76__namespace.default.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React74__namespace.default.createElement("th", { ...thProps });
+  return React76__namespace.default.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React74__namespace.default.createElement("th", { ...props });
+  return React76__namespace.default.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React74__namespace.default.createElement("tbody", { ...props });
+  return React76__namespace.default.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React74__namespace.default.createElement(components.Dropdown, { ...props });
+  return React76__namespace.default.createElement(components.Dropdown, { ...props });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
@@ -16594,10 +16618,10 @@ var queryWeeksEl = (element) => asHtmlElement(element.querySelector("[data-anima
 var queryNavEl = (element) => asHtmlElement(element.querySelector("[data-animated-nav]"));
 var queryWeekdaysEl = (element) => asHtmlElement(element.querySelector("[data-animated-weekdays]"));
 function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib }) {
-  const previousRootElSnapshotRef = React74.useRef(null);
-  const previousMonthsRef = React74.useRef(months);
-  const animatingRef = React74.useRef(false);
-  React74.useLayoutEffect(() => {
+  const previousRootElSnapshotRef = React76.useRef(null);
+  const previousMonthsRef = React76.useRef(months);
+  const animatingRef = React76.useRef(false);
+  React76.useLayoutEffect(() => {
     const previousMonths = previousMonthsRef.current;
     previousMonthsRef.current = months;
     if (!enabled || !rootElRef.current || // safety check because the ref can be set to anything by consumers
@@ -16897,7 +16921,7 @@ function getWeeks(months) {
   }, initialWeeks.slice());
 }
 function useControlledValue(defaultValue, controlledValue) {
-  const [uncontrolledValue, setValue] = React74.useState(defaultValue);
+  const [uncontrolledValue, setValue] = React76.useState(defaultValue);
   const value = controlledValue === void 0 ? uncontrolledValue : controlledValue;
   return [value, setValue];
 }
@@ -16913,11 +16937,11 @@ function useCalendar(props, dateLib) {
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : void 0
   );
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
-  const { months, weeks, days, previousMonth, nextMonth } = React74.useMemo(() => {
+  const { months, weeks, days, previousMonth, nextMonth } = React76.useMemo(() => {
     const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
     const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, {
       ISOWeek: props.ISOWeek,
@@ -17069,9 +17093,9 @@ function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMo
 // ../../node_modules/react-day-picker/dist/esm/useFocus.js
 function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
   const { autoFocus } = props;
-  const [lastFocused, setLastFocused] = React74.useState();
+  const [lastFocused, setLastFocused] = React76.useState();
   const focusTarget = calculateFocusTarget(calendar.days, getModifiers, isSelected || (() => false), lastFocused);
-  const [focusedDay, setFocused] = React74.useState(autoFocus ? focusTarget : void 0);
+  const [focusedDay, setFocused] = React76.useState(autoFocus ? focusTarget : void 0);
   const blur = () => {
     setLastFocused(focusedDay);
     setFocused(void 0);
@@ -17452,7 +17476,7 @@ function DayPicker(initialProps) {
       props.modifiers = nextModifiers;
     }
   }
-  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = React74.useMemo(() => {
+  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = React76.useMemo(() => {
     const locale2 = { ...enUS2, ...props.locale };
     const dateLib2 = new DateLib({
       locale: locale2,
@@ -17497,21 +17521,21 @@ function DayPicker(initialProps) {
   const { isSelected, select, selected: selectedValue } = (_b = useSelection(props, dateLib)) != null ? _b : {};
   const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected != null ? isSelected : (() => false), dateLib);
   const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelPrevious: labelPrevious2, labelNext: labelNext2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
-  const weekdays = React74.useMemo(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
+  const weekdays = React76.useMemo(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
-  const handlePreviousClick = React74.useCallback(() => {
+  const handlePreviousClick = React76.useCallback(() => {
     if (!previousMonth)
       return;
     goToMonth(previousMonth);
     onPrevClick == null ? void 0 : onPrevClick(previousMonth);
   }, [previousMonth, goToMonth, onPrevClick]);
-  const handleNextClick = React74.useCallback(() => {
+  const handleNextClick = React76.useCallback(() => {
     if (!nextMonth)
       return;
     goToMonth(nextMonth);
     onNextClick == null ? void 0 : onNextClick(nextMonth);
   }, [goToMonth, nextMonth, onNextClick]);
-  const handleDayClick = React74.useCallback((day, m2) => (e4) => {
+  const handleDayClick = React76.useCallback((day, m2) => (e4) => {
     e4.preventDefault();
     e4.stopPropagation();
     setFocused(day);
@@ -17521,15 +17545,15 @@ function DayPicker(initialProps) {
     select == null ? void 0 : select(day.date, m2, e4);
     onDayClick == null ? void 0 : onDayClick(day.date, m2, e4);
   }, [select, onDayClick, setFocused]);
-  const handleDayFocus = React74.useCallback((day, m2) => (e4) => {
+  const handleDayFocus = React76.useCallback((day, m2) => (e4) => {
     setFocused(day);
     onDayFocus == null ? void 0 : onDayFocus(day.date, m2, e4);
   }, [onDayFocus, setFocused]);
-  const handleDayBlur = React74.useCallback((day, m2) => (e4) => {
+  const handleDayBlur = React76.useCallback((day, m2) => (e4) => {
     blur();
     onDayBlur == null ? void 0 : onDayBlur(day.date, m2, e4);
   }, [blur, onDayBlur]);
-  const handleDayKeyDown = React74.useCallback((day, modifiers) => (e4) => {
+  const handleDayKeyDown = React76.useCallback((day, modifiers) => (e4) => {
     const keyMap = {
       ArrowLeft: [
         e4.shiftKey ? "month" : "day",
@@ -17554,28 +17578,28 @@ function DayPicker(initialProps) {
     }
     onDayKeyDown == null ? void 0 : onDayKeyDown(day.date, modifiers, e4);
   }, [moveFocus, onDayKeyDown, props.dir]);
-  const handleDayMouseEnter = React74.useCallback((day, modifiers) => (e4) => {
+  const handleDayMouseEnter = React76.useCallback((day, modifiers) => (e4) => {
     onDayMouseEnter == null ? void 0 : onDayMouseEnter(day.date, modifiers, e4);
   }, [onDayMouseEnter]);
-  const handleDayMouseLeave = React74.useCallback((day, modifiers) => (e4) => {
+  const handleDayMouseLeave = React76.useCallback((day, modifiers) => (e4) => {
     onDayMouseLeave == null ? void 0 : onDayMouseLeave(day.date, modifiers, e4);
   }, [onDayMouseLeave]);
-  const handleMonthChange = React74.useCallback((date) => (e4) => {
+  const handleMonthChange = React76.useCallback((date) => (e4) => {
     const selectedMonth = Number(e4.target.value);
     const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const handleYearChange = React74.useCallback((date) => (e4) => {
+  const handleYearChange = React76.useCallback((date) => (e4) => {
     const selectedYear = Number(e4.target.value);
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const { className, style } = React74.useMemo(() => ({
+  const { className, style } = React76.useMemo(() => ({
     className: [classNames[UI.Root], props.className].filter(Boolean).join(" "),
     style: { ...styles == null ? void 0 : styles[UI.Root], ...props.style }
   }), [classNames, props.className, props.style, styles]);
   const dataAttributes = getDataAttributes(props);
-  const rootElRef = React74.useRef(null);
+  const rootElRef = React76.useRef(null);
   useAnimation(rootElRef, Boolean(props.animate), {
     classNames,
     months,
@@ -17598,18 +17622,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React74__namespace.default.createElement(
+  return React76__namespace.default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React74__namespace.default.createElement(
+    React76__namespace.default.createElement(
       components.Root,
       { rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
-      React74__namespace.default.createElement(
+      React76__namespace.default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && React74__namespace.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && React76__namespace.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          return React74__namespace.default.createElement(
+          return React76__namespace.default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -17620,21 +17644,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React74__namespace.default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React76__namespace.default.createElement(
               components.PreviousMonthButton,
               { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React74__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React76__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React74__namespace.default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React74__namespace.default.createElement(
+            React76__namespace.default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React76__namespace.default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React74__namespace.default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React74__namespace.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React74__namespace.default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React74__namespace.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React76__namespace.default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React76__namespace.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React76__namespace.default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React76__namespace.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React74__namespace.default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React76__namespace.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -17646,27 +17670,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React74__namespace.default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
-            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React74__namespace.default.createElement(
+            ) : React76__namespace.default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React76__namespace.default.createElement(
               components.NextMonthButton,
               { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React74__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React76__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
             ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React74__namespace.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            React74__namespace.default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React76__namespace.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            React76__namespace.default.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles == null ? void 0 : styles[UI.MonthGrid] },
-              !props.hideWeekdays && React74__namespace.default.createElement(
+              !props.hideWeekdays && React76__namespace.default.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
-                showWeekNumber && React74__namespace.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => React74__namespace.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                showWeekNumber && React76__namespace.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => React76__namespace.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              React74__namespace.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return React74__namespace.default.createElement(
+              React76__namespace.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return React76__namespace.default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React74__namespace.default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React76__namespace.default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
                   }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
@@ -17683,7 +17707,7 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return React74__namespace.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React74__namespace.default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return React76__namespace.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React76__namespace.default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
                   })
                 );
               }))
@@ -17691,7 +17715,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React74__namespace.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React76__namespace.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -17934,8 +17958,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React74__namespace.useRef(null);
-  React74__namespace.useEffect(() => {
+  const ref = React76__namespace.useRef(null);
+  React76__namespace.useEffect(() => {
     var _a;
     if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
@@ -18012,15 +18036,15 @@ var TimeDropdowns = (props) => {
     triggerClassName,
     density = "normal"
   } = props;
-  const minuteOptions = React74__namespace.useMemo(
+  const minuteOptions = React76__namespace.useMemo(
     () => buildMinuteOptions(minuteStep),
     [minuteStep]
   );
-  const secondOptions = React74__namespace.useMemo(
+  const secondOptions = React76__namespace.useMemo(
     () => buildSecondOptions(secondStep),
     [secondStep]
   );
-  const hourOptions = React74__namespace.useMemo(
+  const hourOptions = React76__namespace.useMemo(
     () => use12Hour ? buildHourOptions12() : buildHourOptions24(),
     [use12Hour]
   );
@@ -18359,7 +18383,7 @@ function parseRawToDate(rawDigits, kind) {
 function meterSafeDigits(masked) {
   return masked.replace(/\D+/g, "");
 }
-var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant2(props, ref) {
+var ShadcnDateVariant = React76__namespace.forwardRef(function ShadcnDateVariant2(props, ref) {
   const {
     // variant base bits
     value,
@@ -18392,10 +18416,10 @@ var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant
   const resolvedMask = inputMask != null ? inputMask : kindConfig.mask;
   const defaultShowCalendar = kind === "date" || kind === "datetime";
   const showCalendar = typeof showCalendarProp === "boolean" ? showCalendarProp : defaultShowCalendar;
-  const [internalOpen, setInternalOpen] = React74__namespace.useState(false);
+  const [internalOpen, setInternalOpen] = React76__namespace.useState(false);
   const isControlledOpen = open !== void 0;
   const currentOpen = isControlledOpen ? !!open : internalOpen;
-  const handleOpenChange = React74__namespace.useCallback(
+  const handleOpenChange = React76__namespace.useCallback(
     (next) => {
       if (!isControlledOpen) {
         setInternalOpen(next);
@@ -18405,7 +18429,7 @@ var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant
     [isControlledOpen, onOpenChange]
   );
   const { single, range } = normalizeValueForMode(value, mode);
-  const displayValue = React74__namespace.useMemo(() => {
+  const displayValue = React76__namespace.useMemo(() => {
     if (mode === "single") {
       return formatDisplaySingle(single, singlePattern);
     }
@@ -18416,12 +18440,12 @@ var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant
       rangeSeparator
     );
   }, [mode, single, range, singlePattern, formatRange, rangeSeparator]);
-  const [localText, setLocalText] = React74__namespace.useState(displayValue);
-  React74__namespace.useEffect(() => {
+  const [localText, setLocalText] = React76__namespace.useState(displayValue);
+  React76__namespace.useEffect(() => {
     setLocalText(displayValue);
   }, [displayValue]);
   const showTimeDropdowns = mode === "single" && (kind === "datetime" || kind === "time" || kind === "hour");
-  const handleSelect = React74__namespace.useCallback(
+  const handleSelect = React76__namespace.useCallback(
     (next) => {
       let nextValue;
       let nextRange;
@@ -18471,7 +18495,7 @@ var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant
     },
     [mode, stayOpenOnSelect, onValue, handleOpenChange, kind, single]
   );
-  const handleTimeChange = React74__namespace.useCallback(
+  const handleTimeChange = React76__namespace.useCallback(
     (next) => {
       if (!next) {
         const detail2 = {
@@ -18502,7 +18526,7 @@ var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant
     },
     [mode, kind, onValue]
   );
-  const handleClear = React74__namespace.useCallback(
+  const handleClear = React76__namespace.useCallback(
     (ev) => {
       ev.preventDefault();
       ev.stopPropagation();
@@ -18521,7 +18545,7 @@ var ShadcnDateVariant = React74__namespace.forwardRef(function ShadcnDateVariant
   );
   const hasValue = hasSelection(value);
   const placeholderText = typeof placeholder === "string" ? placeholder : mode === "range" ? "Select date range" : "Select date";
-  const handleInputChange = React74__namespace.useCallback(
+  const handleInputChange = React76__namespace.useCallback(
     (event) => {
       var _a, _b, _c;
       if (mode !== "single") return;
@@ -18708,7 +18732,7 @@ function resolveBasePadding2(size, density) {
   }
   return { px, py };
 }
-var Textarea = React74__namespace.forwardRef(
+var Textarea = React76__namespace.forwardRef(
   function Textarea2(rawProps, forwardedRef) {
     const {
       // layout wrapper
@@ -18756,8 +18780,8 @@ var Textarea = React74__namespace.forwardRef(
     } = rawProps;
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
-    const innerRef = React74__namespace.useRef(null);
-    React74__namespace.useImperativeHandle(
+    const innerRef = React76__namespace.useRef(null);
+    React76__namespace.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -18778,11 +18802,11 @@ var Textarea = React74__namespace.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 1;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React74__namespace.useRef(null);
-    const trailingIconsRef = React74__namespace.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React74__namespace.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React74__namespace.useState(0);
-    const measureIconWidths = React74__namespace.useCallback(() => {
+    const leadingIconsRef = React76__namespace.useRef(null);
+    const trailingIconsRef = React76__namespace.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React76__namespace.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React76__namespace.useState(0);
+    const measureIconWidths = React76__namespace.useCallback(() => {
       if (typeof window === "undefined") return;
       const lead = leadingIconsRef.current;
       const trail = trailingIconsRef.current;
@@ -18799,7 +18823,7 @@ var Textarea = React74__namespace.forwardRef(
         setTrailingIconsWidth(0);
       }
     }, []);
-    React74__namespace.useLayoutEffect(() => {
+    React76__namespace.useLayoutEffect(() => {
       if (typeof window === "undefined" || typeof MutationObserver === "undefined") {
         measureIconWidths();
         return;
@@ -18828,10 +18852,10 @@ var Textarea = React74__namespace.forwardRef(
       measureIconWidths();
       return () => observers.forEach((o3) => o3.disconnect());
     }, [measureIconWidths, hasLeadingIcons, hasTrailingIcons]);
-    const [rowHeight, setRowHeight] = React74__namespace.useState(null);
+    const [rowHeight, setRowHeight] = React76__namespace.useState(null);
     const baseMinRows = Math.max(minRowsProp != null ? minRowsProp : 1, 1);
-    const [rows, setRows] = React74__namespace.useState(baseMinRows);
-    React74__namespace.useLayoutEffect(() => {
+    const [rows, setRows] = React76__namespace.useState(baseMinRows);
+    React76__namespace.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       const el = innerRef.current;
       if (!el) return;
@@ -18847,7 +18871,7 @@ var Textarea = React74__namespace.forwardRef(
         setRows(baseMinRows);
       }
     }, [sizeKey, densityKey, baseMinRows]);
-    const recomputeHeight = React74__namespace.useCallback(() => {
+    const recomputeHeight = React76__namespace.useCallback(() => {
       if (!autoResize) return;
       if (!innerRef.current) return;
       if (!rowHeight) return;
@@ -18869,7 +18893,7 @@ var Textarea = React74__namespace.forwardRef(
       el.style.height = `${nextHeight}px`;
       setRows(nextRows);
     }, [autoResize, rowHeight, baseMinRows, maxRows]);
-    React74__namespace.useLayoutEffect(() => {
+    React76__namespace.useLayoutEffect(() => {
       recomputeHeight();
     }, [recomputeHeight, rest.value, rest.defaultValue]);
     const { px: pxDefault, py: pyDefault } = resolveBasePadding2(size, density);
@@ -18939,19 +18963,19 @@ var Textarea = React74__namespace.forwardRef(
     const focusTextarea = () => {
       if (innerRef.current) innerRef.current.focus();
     };
-    const handleFocus = React74__namespace.useCallback(
+    const handleFocus = React76__namespace.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
       },
       [onFocus]
     );
-    const handleBlur = React74__namespace.useCallback(
+    const handleBlur = React76__namespace.useCallback(
       (event) => {
         onBlur == null ? void 0 : onBlur(event);
       },
       [onBlur]
     );
-    const handleChange = React74__namespace.useCallback(
+    const handleChange = React76__namespace.useCallback(
       (event) => {
         onChange == null ? void 0 : onChange(event);
         recomputeHeight();
@@ -19128,7 +19152,7 @@ function splitIntoTokens(raw, sep) {
   }
   return acc.map((t4) => t4.trim()).filter((t4) => t4.length > 0);
 }
-var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVariant2(props, ref) {
+var ShadcnChipsVariant = React76__namespace.forwardRef(function ShadcnChipsVariant2(props, ref) {
   var _a;
   const {
     // variant base bits
@@ -19165,20 +19189,20 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     ...restTextProps
   } = props;
   const hasInvalidIncomingValue = value !== void 0 && !Array.isArray(value);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!hasInvalidIncomingValue) return;
     console.warn(
       "[form-palette] ShadcnChipsVariant expected `value` to be `string[] | undefined`; received:",
       value
     );
   }, [hasInvalidIncomingValue, value]);
-  const chips = React74__namespace.useMemo(
+  const chips = React76__namespace.useMemo(
     () => Array.isArray(value) ? value : [],
     [value]
   );
   const hasChips = chips.length > 0;
-  const [inputText, setInputText] = React74__namespace.useState("");
-  const emitChange = React74__namespace.useCallback(
+  const [inputText, setInputText] = React76__namespace.useState("");
+  const emitChange = React76__namespace.useCallback(
     (nextChips, meta) => {
       const detail = {
         source: "variant",
@@ -19193,7 +19217,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     },
     [onValue]
   );
-  const commitFromRaw = React74__namespace.useCallback(
+  const commitFromRaw = React76__namespace.useCallback(
     (raw) => {
       const tokens = splitIntoTokens(raw, separators);
       if (!tokens.length) return;
@@ -19214,7 +19238,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     },
     [chips, separators, allowDuplicates, maxChips, emitChange, onAddChips]
   );
-  const handleRemoveAt = React74__namespace.useCallback(
+  const handleRemoveAt = React76__namespace.useCallback(
     (index) => {
       if (index < 0 || index >= chips.length) return;
       const removed = [chips[index]];
@@ -19224,7 +19248,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleClear = React74__namespace.useCallback(
+  const handleClear = React76__namespace.useCallback(
     (ev) => {
       ev == null ? void 0 : ev.preventDefault();
       ev == null ? void 0 : ev.stopPropagation();
@@ -19235,7 +19259,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleEntryChange = React74__namespace.useCallback(
+  const handleEntryChange = React76__namespace.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -19243,7 +19267,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     },
     []
   );
-  const handleEntryKeyDown = React74__namespace.useCallback(
+  const handleEntryKeyDown = React76__namespace.useCallback(
     (event) => {
       const key = event.key;
       if (key === "Enter" && addOnEnter) {
@@ -19274,7 +19298,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
       handleRemoveAt
     ]
   );
-  const handleEntryBlur = React74__namespace.useCallback(
+  const handleEntryBlur = React76__namespace.useCallback(
     (event) => {
       if (addOnBlur && inputText.trim().length) {
         commitFromRaw(inputText);
@@ -19286,10 +19310,12 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     [addOnBlur, inputText, commitFromRaw, restTextProps]
   );
   const effectivePlaceholder = placeholder != null ? placeholder : hasChips ? "" : "Add item\u2026";
+  const defaultMaxVisible = !textareaMode && placement !== "below" ? 3 : void 0;
+  const effectiveMaxVisibleChips = maxVisibleChips !== void 0 ? maxVisibleChips : defaultMaxVisible;
   let visibleChips = chips;
   let hiddenCount = 0;
-  if (typeof maxVisibleChips === "number" && maxVisibleChips > 0 && chips.length > maxVisibleChips) {
-    visibleChips = chips.slice(0, maxVisibleChips);
+  if (typeof effectiveMaxVisibleChips === "number" && effectiveMaxVisibleChips > 0 && chips.length > effectiveMaxVisibleChips) {
+    visibleChips = chips.slice(0, effectiveMaxVisibleChips);
     hiddenCount = chips.length - visibleChips.length;
   }
   const maxWidthStyle = maxChipWidth !== void 0 ? {
@@ -19299,7 +19325,7 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
   const baseRemoveClasses = textareaMode ? "cursor-pointer text-[16px] opacity-70 hover:opacity-100 mt-0.5" : "cursor-pointer text-[16px] opacity-70 hover:opacity-100";
   const chipNodes = visibleChips.map((chip, index) => {
     if (renderChip) {
-      return /* @__PURE__ */ jsxRuntime.jsx(React74__namespace.Fragment, { children: renderChip(chip, index, {
+      return /* @__PURE__ */ jsxRuntime.jsx(React76__namespace.Fragment, { children: renderChip(chip, index, {
         remove: () => handleRemoveAt(index),
         chips
       }) }, `${chip}-${index}`);
@@ -19348,25 +19374,69 @@ var ShadcnChipsVariant = React74__namespace.forwardRef(function ShadcnChipsVaria
     );
   });
   if (hiddenCount > 0) {
-    const defaultOverflow = /* @__PURE__ */ jsxRuntime.jsxs(
-      "span",
-      {
-        className: cn(
-          baseChipClasses,
-          "cursor-default",
-          chipClassName
-        ),
-        "data-slot": "chip-overflow",
-        children: [
-          "+",
-          hiddenCount,
-          " more"
-        ]
-      }
-    );
+    const hiddenChips = chips.slice(effectiveMaxVisibleChips != null ? effectiveMaxVisibleChips : 0);
+    const defaultOverflow = /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            baseChipClasses,
+            "cursor-pointer font-semibold bg-primary/10 text-primary hover:bg-primary/20",
+            chipClassName
+          ),
+          "data-slot": "chip-overflow",
+          children: [
+            "+",
+            hiddenCount,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { className: "p-3 w-64 max-h-60 overflow-y-auto", align: "start", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-bold text-muted-foreground uppercase tracking-wider mb-2", children: "Hidden Chips" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: hiddenChips.map((chip, hiddenIdx) => {
+          const actualIndex = (effectiveMaxVisibleChips != null ? effectiveMaxVisibleChips : 0) + hiddenIdx;
+          let label = chip;
+          if (typeof maxChipChars === "number" && maxChipChars > 0 && label.length > maxChipChars) {
+            label = label.slice(0, maxChipChars) + "\u2026";
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(baseChipClasses, chipClassName, "max-w-full"),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cn("truncate", chipLabelClassName),
+                    style: maxWidthStyle,
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cn(baseRemoveClasses, chipRemoveClassName),
+                    onClick: (e4) => {
+                      e4.preventDefault();
+                      e4.stopPropagation();
+                      handleRemoveAt(actualIndex);
+                    },
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 14 })
+                  }
+                )
+              ]
+            },
+            `${chip}-${actualIndex}`
+          );
+        }) })
+      ] })
+    ] });
     const node = (_a = renderOverflowChip == null ? void 0 : renderOverflowChip(hiddenCount, chips)) != null ? _a : defaultOverflow;
     chipNodes.push(
-      /* @__PURE__ */ jsxRuntime.jsx(React74__namespace.Fragment, { children: node }, "__overflow")
+      /* @__PURE__ */ jsxRuntime.jsx(React76__namespace.Fragment, { children: node }, "__overflow")
     );
   }
   const effectivePlacement = textareaMode ? placement != null ? placement : "inline" : placement != null ? placement : "inline";
@@ -19560,7 +19630,7 @@ var chipVariant = {
     tags: ["chips", "multi-select", "tags"]
   }
 };
-var ShadcnTextareaVariant = React74__namespace.forwardRef(function ShadcnTextareaVariant2(props, ref) {
+var ShadcnTextareaVariant = React76__namespace.forwardRef(function ShadcnTextareaVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -19568,7 +19638,7 @@ var ShadcnTextareaVariant = React74__namespace.forwardRef(function ShadcnTextare
     // everything else goes straight to the UI Textarea
     ...rest
   } = props;
-  const handleChange = React74__namespace.useCallback(
+  const handleChange = React76__namespace.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -19663,7 +19733,7 @@ function switchThumbSize(size) {
   if (size === "lg") return "size-5";
   return "size-4";
 }
-var ShadcnToggleVariant = React74__namespace.forwardRef(function ShadcnToggleVariant2(props, _ref) {
+var ShadcnToggleVariant = React76__namespace.forwardRef(function ShadcnToggleVariant2(props, _ref) {
   const {
     // variant bits
     value,
@@ -19685,7 +19755,7 @@ var ShadcnToggleVariant = React74__namespace.forwardRef(function ShadcnToggleVar
     ...restSwitchProps
   } = props;
   const checked = !!value;
-  const handleToggle = React74__namespace.useCallback(
+  const handleToggle = React76__namespace.useCallback(
     (next) => {
       const nextVal = Boolean(next);
       const detail = {
@@ -20211,7 +20281,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     ...restGroupProps
   } = props;
   const hasError = !!error;
-  const normalized = React74__namespace.useMemo(
+  const normalized = React76__namespace.useMemo(
     () => normalizeItems(
       items != null ? items : options,
       mappers,
@@ -20242,14 +20312,14 @@ var InnerShadcnRadioVariant = (props, ref) => {
       optionTagOnClick
     ]
   );
-  const selectedString = React74__namespace.useMemo(() => {
+  const selectedString = React76__namespace.useMemo(() => {
     if (value === void 0) return void 0;
     const found = normalized.find(
       (item) => isEqualValue(item.value, value)
     );
     return found ? String(found.value) : void 0;
   }, [normalized, value]);
-  const handleSelect = React74__namespace.useCallback(
+  const handleSelect = React76__namespace.useCallback(
     (next, selectedRaw) => {
       if (!onValue || disabled) return;
       const detail = {
@@ -20263,7 +20333,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     },
     [onValue, disabled]
   );
-  const handleRadioChange = React74__namespace.useCallback(
+  const handleRadioChange = React76__namespace.useCallback(
     (raw) => {
       var _a;
       const found = normalized.find((item) => String(item.value) === raw);
@@ -20405,7 +20475,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     }
   );
 };
-var ShadcnRadioVariant = React74__namespace.forwardRef(
+var ShadcnRadioVariant = React76__namespace.forwardRef(
   InnerShadcnRadioVariant
 );
 
@@ -20665,7 +20735,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   } = props;
   const hasError = !!error;
   const isSingle = !!single;
-  const normalized = React74__namespace.useMemo(
+  const normalized = React76__namespace.useMemo(
     () => normalizeItems2(
       items != null ? items : options,
       mappers,
@@ -20768,14 +20838,14 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       }
     );
   }
-  const normalizedByValueKey = React74__namespace.useMemo(() => {
+  const normalizedByValueKey = React76__namespace.useMemo(() => {
     const lookup = /* @__PURE__ */ new Map();
     normalized.forEach((item) => {
       lookup.set(valueLookupKey(item.value), item);
     });
     return lookup;
   }, [normalized]);
-  const groupValue = React74__namespace.useMemo(() => {
+  const groupValue = React76__namespace.useMemo(() => {
     const source = asGroupValue(value);
     if (!(source == null ? void 0 : source.length)) return source;
     return source.map((entry) => {
@@ -20813,21 +20883,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     labelTextSizeClass: labelTextSize2(size),
     descriptionTextSizeClass: descriptionTextSize2(size)
   });
-  const hasAnyTristate = React74__namespace.useMemo(
+  const hasAnyTristate = React76__namespace.useMemo(
     () => normalized.some((item) => {
       var _a, _b;
       return (_b = (_a = item.tristate) != null ? _a : tristateDefault) != null ? _b : false;
     }),
     [normalized, tristateDefault]
   );
-  const findEntryIndex = React74__namespace.useCallback(
+  const findEntryIndex = React76__namespace.useCallback(
     (val) => {
       if (!groupValue) return -1;
       return groupValue.findIndex((e4) => isEqualValue2(e4.value, val));
     },
     [groupValue]
   );
-  const getEntryState = React74__namespace.useCallback(
+  const getEntryState = React76__namespace.useCallback(
     (val) => {
       const idx = findEntryIndex(val);
       if (!groupValue || idx === -1) return "none";
@@ -20835,7 +20905,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     },
     [groupValue, findEntryIndex]
   );
-  const updateGroupValue = React74__namespace.useCallback(
+  const updateGroupValue = React76__namespace.useCallback(
     (itemValue, nextInternal, effectiveTristate) => {
       if (!onValue || disabled) return;
       const currentList = groupValue ? [...groupValue] : [];
@@ -21065,7 +21135,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     }
   );
 };
-var ShadcnCheckboxVariant = React74__namespace.forwardRef(
+var ShadcnCheckboxVariant = React76__namespace.forwardRef(
   InnerShadcnCheckboxVariant
 );
 
@@ -21088,6 +21158,155 @@ var checkboxModule = {
     tags: ["checkbox", "group", "boolean", "tri-state"]
   }
 };
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive2__namespace.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive2__namespace.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive2__namespace.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaPrimitive2__namespace.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive2__namespace.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function VirtualScroll({
+  className,
+  rootProps,
+  scrollbarProps,
+  style,
+  components,
+  ...props
+}) {
+  const Scroller = React76__namespace.useMemo(() => {
+    return React76__namespace.forwardRef((scrollerProps, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive2__namespace.Viewport,
+        {
+          ...scrollerProps,
+          ref,
+          "data-slot": "scroll-area-viewport",
+          className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+        }
+      );
+    });
+  }, []);
+  const combinedComponents = React76__namespace.useMemo(() => {
+    return {
+      ...components,
+      Scroller
+    };
+  }, [components, Scroller]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive2__namespace.Root,
+    {
+      "data-slot": "scroll-area",
+      className,
+      ...rootProps,
+      style: { ...style, position: "relative" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactVirtuoso.Virtuoso,
+          {
+            ...props,
+            components: combinedComponents
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { ...scrollbarProps }),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive2__namespace.Corner, {})
+      ]
+    }
+  );
+}
+function VirtualScrollGrid({
+  className,
+  rootProps,
+  scrollbarProps,
+  style,
+  components,
+  ...props
+}) {
+  const Scroller = React76__namespace.useMemo(() => {
+    return React76__namespace.forwardRef((scrollerProps, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive2__namespace.Viewport,
+        {
+          ...scrollerProps,
+          ref,
+          "data-slot": "scroll-area-viewport",
+          className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+        }
+      );
+    });
+  }, []);
+  const combinedComponents = React76__namespace.useMemo(() => {
+    return {
+      ...components,
+      Scroller
+    };
+  }, [components, Scroller]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive2__namespace.Root,
+    {
+      "data-slot": "scroll-area",
+      className,
+      ...rootProps,
+      style: { ...style, position: "relative" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactVirtuoso.VirtuosoGrid,
+          {
+            ...props,
+            components: combinedComponents
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { ...scrollbarProps }),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive2__namespace.Corner, {})
+      ]
+    }
+  );
+}
 function normalizeOptions(opts, config) {
   return globalNormalizeOptions(opts, config);
 }
@@ -21112,7 +21331,7 @@ function triggerPadding(density) {
       return "py-1.5";
   }
 }
-var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVariant2(props, _ref) {
+var ShadcnSelectVariant = React76__namespace.forwardRef(function ShadcnSelectVariant2(props, _ref) {
   var _a, _b;
   const {
     value,
@@ -21144,6 +21363,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
     clearable,
     placeholder,
     className,
+    style,
     triggerClassName,
     contentClassName,
     renderOption,
@@ -21170,9 +21390,9 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
     virtualScroll = true
   } = props;
   const isButtonMode = mode === "button";
-  const [open, setOpen] = React74__namespace.useState(false);
-  const [query, setQuery] = React74__namespace.useState("");
-  const items = React74__namespace.useMemo(
+  const [open, setOpen] = React76__namespace.useState(false);
+  const [query, setQuery] = React76__namespace.useState("");
+  const items = React76__namespace.useMemo(
     () => normalizeOptions(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -21208,7 +21428,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
     ]
   );
   const normalizedValue = value === "" || value == null ? void 0 : value;
-  const valueMap = React74__namespace.useMemo(() => {
+  const valueMap = React76__namespace.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const item of items) {
       map.set(String(item.value), item.value);
@@ -21218,7 +21438,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
   const selectedItem = normalizedValue == null ? null : (_a = items.find(
     (it) => String(it.value) === String(normalizedValue)
   )) != null ? _a : null;
-  const filteredItems = React74__namespace.useMemo(() => {
+  const filteredItems = React76__namespace.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
@@ -21230,7 +21450,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
     listMaxHeight,
     Math.max(estimatedRowHeight, filteredItems.length * estimatedRowHeight)
   );
-  const handleChange = React74__namespace.useCallback(
+  const handleChange = React76__namespace.useCallback(
     (rawKey) => {
       var _a2, _b2, _c, _d;
       if (!onValue || rawKey === "") return;
@@ -21279,7 +21499,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
     "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
     "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
   );
-  const ButtonModeTrigger = React74__namespace.useMemo(() => {
+  const ButtonModeTrigger = React76__namespace.useMemo(() => {
     if (!isButtonMode) return null;
     const selectedValue = value;
     const renderable = button != null ? button : children;
@@ -21354,8 +21574,10 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
         heightCls,
         padCls,
         hasControls && joinControls && extendBoxToControls ? "border-none shadow-none focus:ring-0 focus:outline-none" : "",
-        triggerClassName
+        triggerClassName,
+        !joinControls && className
       ),
+      style: !joinControls ? style : void 0,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
           hasLeadingIcons && /* @__PURE__ */ jsxRuntime.jsx(
@@ -21438,7 +21660,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
             filteredItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }) : useVirtualization ? (
               // CASE 3: normal list, virtualized
               /* @__PURE__ */ jsxRuntime.jsx(
-                reactVirtuoso.Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -21501,7 +21723,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
                   }
                 }
               )
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-60 overflow-auto", children: filteredItems.map((item, index) => {
+            ) : /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "max-h-60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: filteredItems.map((item, index) => {
               var _a2, _b2;
               const optionNode = /* @__PURE__ */ jsxRuntime.jsx(
                 SelectItem,
@@ -21556,7 +21778,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
                   setQuery("");
                 }
               });
-            }) })
+            }) }) })
           )
         ] })
       ]
@@ -21569,8 +21791,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
         "data-slot": "select-field",
         className: cn(
           "w-full",
-          disabled && "opacity-50 cursor-not-allowed",
-          className
+          disabled && "opacity-50 cursor-not-allowed"
         ),
         "aria-disabled": disabled || void 0,
         "aria-invalid": error ? "true" : void 0,
@@ -21600,6 +21821,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
           "div",
           {
             className: groupClassName,
+            style,
             "data-slot": "select-group",
             "data-disabled": disabled ? "true" : "false",
             children: [
@@ -21645,8 +21867,7 @@ var ShadcnSelectVariant = React74__namespace.forwardRef(function ShadcnSelectVar
       "data-slot": "select-field",
       className: cn(
         "flex items-stretch w-full",
-        disabled && "opacity-50 cursor-not-allowed",
-        className
+        disabled && "opacity-50 cursor-not-allowed"
       ),
       "aria-disabled": disabled || void 0,
       "aria-invalid": error ? "true" : void 0,
@@ -21704,10 +21925,10 @@ var SelectionSummary = ({
   placeholder,
   onRemoveValue
 }) => {
-  const containerRef = React74__namespace.useRef(null);
-  const [visibleCount, setVisibleCount] = React74__namespace.useState(0);
-  const [moreOpen, setMoreOpen] = React74__namespace.useState(false);
-  React74__namespace.useLayoutEffect(() => {
+  const containerRef = React76__namespace.useRef(null);
+  const [visibleCount, setVisibleCount] = React76__namespace.useState(0);
+  const [moreOpen, setMoreOpen] = React76__namespace.useState(false);
+  React76__namespace.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const computeVisibleItems = () => {
@@ -21755,7 +21976,7 @@ var SelectionSummary = ({
       ref: containerRef,
       className: "flex items-center w-full overflow-hidden whitespace-nowrap",
       children: [
-        visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React74__namespace.Fragment, { children: [
+        visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React76__namespace.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate flex-shrink-0", children: item.labelNode }),
           index < visibleItems.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground mr-1", children: "," })
         ] }, item.key)),
@@ -21836,7 +22057,7 @@ function removeSelectValue(current, valueToRemove) {
   return current.filter((v2) => String(v2) !== target);
 }
 
-// src/presets/shadcn-variants/multiselect.tsx
+// src/presets/shadcn/variants/multiselect.tsx
 var import_lodash = __toESM(require_lodash());
 function normalizeOptions2(opts, config) {
   return globalNormalizeOptions(opts, config);
@@ -21862,7 +22083,7 @@ function triggerPadding2(density) {
       return "py-1.5";
   }
 }
-var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
+var ShadcnMultiSelectVariant = React76__namespace.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
   var _a;
   const {
     value,
@@ -21925,9 +22146,9 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
     selectedBadgeClassName,
     selectedBadgePlacement = "end"
   } = props;
-  const [open, setOpen] = React74__namespace.useState(false);
-  const [query, setQuery] = React74__namespace.useState("");
-  const { items, keyedItems } = React74__namespace.useMemo(() => {
+  const [open, setOpen] = React76__namespace.useState(false);
+  const [query, setQuery] = React76__namespace.useState("");
+  const { items, keyedItems } = React76__namespace.useMemo(() => {
     const items2 = normalizeOptions2(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -21962,24 +22183,24 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
     optionTagBgColor,
     optionTagOnClick
   ]);
-  const selectedValues = React74__namespace.useMemo(
+  const selectedValues = React76__namespace.useMemo(
     () => new Set(value != null ? value : []),
     [value]
   );
-  const selectedItems = React74__namespace.useMemo(
+  const selectedItems = React76__namespace.useMemo(
     () => items.filter((it) => selectedValues.has(it.value)),
     [items, selectedValues]
   );
-  const filteredItems = React74__namespace.useMemo(() => {
+  const filteredItems = React76__namespace.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
   }, [items, query]);
-  const selectableItems = React74__namespace.useMemo(
+  const selectableItems = React76__namespace.useMemo(
     () => items.filter((it) => !it.disabled),
     [items]
   );
-  const allSelectableValues = React74__namespace.useMemo(
+  const allSelectableValues = React76__namespace.useMemo(
     () => new Set(selectableItems.map((it) => it.value)),
     [selectableItems]
   );
@@ -21999,7 +22220,7 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
       filteredItems.length * estimatedRowHeight + headerHeight + footerHeight
     )
   );
-  const handleToggleValue = React74__namespace.useCallback(
+  const handleToggleValue = React76__namespace.useCallback(
     (primitive) => {
       if (!onValue || disabled || readOnly) return;
       const current = value != null ? value : [];
@@ -22033,7 +22254,7 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
     },
     [onValue, value, disabled, readOnly, keyedItems]
   );
-  const handleSelectAll = React74__namespace.useCallback(() => {
+  const handleSelectAll = React76__namespace.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const current = value != null ? value : [];
     const allSelectableArr = Array.from(allSelectableValues);
@@ -22074,7 +22295,7 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
     selectedValues,
     keyedItems
   ]);
-  const handleClearAll = React74__namespace.useCallback(() => {
+  const handleClearAll = React76__namespace.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const detail = {
       source: "variant",
@@ -22126,7 +22347,7 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
   const hasLeadingControl = !!leadingControl;
   const hasTrailingControl = !!trailingControl;
   const hasControls = hasLeadingControl || hasTrailingControl;
-  const makeCheckboxNode = React74__namespace.useCallback(
+  const makeCheckboxNode = React76__namespace.useCallback(
     (opts) => {
       if (renderCheckbox) {
         return renderCheckbox(opts);
@@ -22222,7 +22443,7 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
       ] })
     }
   );
-  const ButtonModeTrigger = React74__namespace.useMemo(() => {
+  const ButtonModeTrigger = React76__namespace.useMemo(() => {
     if (mode !== "button") return null;
     const selectedCount = selectedItems.length;
     const content = (() => {
@@ -22327,7 +22548,7 @@ var ShadcnMultiSelectVariant = React74__namespace.forwardRef(function ShadcnMult
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                reactVirtuoso.Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -22591,7 +22812,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React74__namespace.useMemo(
+  const _values = React76__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -22670,7 +22891,7 @@ function clampToRange(v2, min2, max2) {
   if (v2 > max2) return max2;
   return v2;
 }
-var ShadcnSliderVariant = React74__namespace.forwardRef(function ShadcnSliderVariant2(props, _ref) {
+var ShadcnSliderVariant = React76__namespace.forwardRef(function ShadcnSliderVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -22709,7 +22930,7 @@ var ShadcnSliderVariant = React74__namespace.forwardRef(function ShadcnSliderVar
   } = props;
   const numericValue = typeof value === "number" ? value : min2;
   const isDisabled = !!(disabled || readOnly);
-  const handleChange = React74__namespace.useCallback(
+  const handleChange = React76__namespace.useCallback(
     (vals) => {
       if (!onValue) return;
       const next = clampToRange(vals[0], min2, max2);
@@ -22724,7 +22945,7 @@ var ShadcnSliderVariant = React74__namespace.forwardRef(function ShadcnSliderVar
     [onValue, min2, max2]
   );
   const stepAmount = controlStep != null ? controlStep : step;
-  const applyStep = React74__namespace.useCallback(
+  const applyStep = React76__namespace.useCallback(
     (direction) => {
       if (!onValue || isDisabled) return;
       const current = typeof value === "number" ? value : min2;
@@ -23182,7 +23403,7 @@ function getGapPx(el) {
   const g2 = cs.columnGap && cs.columnGap !== "normal" ? cs.columnGap : cs.gap;
   return parsePx(g2);
 }
-var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
+var ShadcnKeyValueVariant = React76__namespace.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23207,14 +23428,14 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
     renderChip
   } = props;
   const isDisabled = disabled || readOnly;
-  const items = React74__namespace.useMemo(() => mapToItems(value), [value]);
-  const [dialogOpen, setDialogOpen] = React74__namespace.useState(false);
-  const [editingIndex, setEditingIndex] = React74__namespace.useState(null);
-  const [draft, setDraft] = React74__namespace.useState({ key: "", value: "" });
+  const items = React76__namespace.useMemo(() => mapToItems(value), [value]);
+  const [dialogOpen, setDialogOpen] = React76__namespace.useState(false);
+  const [editingIndex, setEditingIndex] = React76__namespace.useState(null);
+  const [draft, setDraft] = React76__namespace.useState({ key: "", value: "" });
   const canAdd = items.length < max2;
   const canDelete = items.length > min2;
   const hasItems = items.length > 0;
-  const commitItems = React74__namespace.useCallback(
+  const commitItems = React76__namespace.useCallback(
     (next, meta) => {
       if (!onValue) return;
       const nextMap = itemsToMap(next);
@@ -23228,13 +23449,13 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
     },
     [onValue]
   );
-  const openForNew = React74__namespace.useCallback(() => {
+  const openForNew = React76__namespace.useCallback(() => {
     if (isDisabled || !canAdd) return;
     setEditingIndex(null);
     setDraft({ key: "", value: "" });
     setDialogOpen(true);
   }, [isDisabled, canAdd]);
-  const openForEdit = React74__namespace.useCallback(
+  const openForEdit = React76__namespace.useCallback(
     (index) => {
       if (isDisabled) return;
       const item = items[index];
@@ -23245,7 +23466,7 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
     },
     [isDisabled, items]
   );
-  const handleDelete = React74__namespace.useCallback(() => {
+  const handleDelete = React76__namespace.useCallback(() => {
     if (editingIndex == null) return;
     if (!canDelete) return;
     const next = items.slice();
@@ -23256,7 +23477,7 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
       index: editingIndex
     });
   }, [editingIndex, items, canDelete, commitItems]);
-  const handleSubmit = React74__namespace.useCallback(() => {
+  const handleSubmit = React76__namespace.useCallback(() => {
     const trimmedKey = draft.key.trim();
     const trimmedValue = draft.value;
     if (!trimmedKey) return;
@@ -23278,7 +23499,7 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
       index: editingIndex != null ? editingIndex : next.length - 1
     });
   }, [draft, items, editingIndex, canAdd, commitItems]);
-  const handleQuickRemove = React74__namespace.useCallback(
+  const handleQuickRemove = React76__namespace.useCallback(
     (index) => {
       if (isDisabled || !canDelete) return;
       const next = items.slice();
@@ -23287,21 +23508,21 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
     },
     [isDisabled, canDelete, items, commitItems]
   );
-  const [listOpen, setListOpen] = React74__namespace.useState(false);
-  const openList = React74__namespace.useCallback(() => {
+  const [listOpen, setListOpen] = React76__namespace.useState(false);
+  const openList = React76__namespace.useCallback(() => {
     if (isDisabled) return;
     setListOpen(true);
   }, [isDisabled]);
-  const wrapRef = React74__namespace.useRef(null);
-  const leftRef = React74__namespace.useRef(null);
-  const moreMeasureRef = React74__namespace.useRef(null);
-  const chipRefs = React74__namespace.useRef([]);
+  const wrapRef = React76__namespace.useRef(null);
+  const leftRef = React76__namespace.useRef(null);
+  const moreMeasureRef = React76__namespace.useRef(null);
+  const chipRefs = React76__namespace.useRef([]);
   chipRefs.current = items.map((_2, i3) => {
     var _a;
     return (_a = chipRefs.current[i3]) != null ? _a : null;
   });
-  const [visibleCount, setVisibleCount] = React74__namespace.useState(() => items.length);
-  const recomputeVisible = React74__namespace.useCallback(() => {
+  const [visibleCount, setVisibleCount] = React76__namespace.useState(() => items.length);
+  const recomputeVisible = React76__namespace.useCallback(() => {
     var _a, _b;
     const leftEl = leftRef.current;
     if (!leftEl) {
@@ -23350,10 +23571,10 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
     }
     setVisibleCount(best);
   }, [items.length]);
-  React74__namespace.useLayoutEffect(() => {
+  React76__namespace.useLayoutEffect(() => {
     recomputeVisible();
   }, [recomputeVisible, items, size, density, showValue]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const el = leftRef.current;
     if (!el) return;
     const ro = new ResizeObserver(() => recomputeVisible());
@@ -23560,7 +23781,7 @@ var ShadcnKeyValueVariant = React74__namespace.forwardRef(function ShadcnKeyValu
               }
             )
           ] }),
-          items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-border/50 px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-auto rounded-md border border-border/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/50", children: items.map((pair, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-border/50 px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "max-h-64 rounded-md border border-border/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/50", children: items.map((pair, index) => /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               className: "flex items-center justify-between gap-2 px-2 py-1.5",
@@ -23743,7 +23964,7 @@ var keyValueModule = {
     label: ""
   }
 };
-var ShadcnCustomVariant = React74__namespace.forwardRef(function ShadcnCustomVariant2(props, ref) {
+var ShadcnCustomVariant = React76__namespace.forwardRef(function ShadcnCustomVariant2(props, ref) {
   const {
     // Variant base props we care about:
     value,
@@ -23779,7 +24000,7 @@ var ShadcnCustomVariant = React74__namespace.forwardRef(function ShadcnCustomVar
   }
   const isDisabled = !!disabled;
   const isReadOnly = !!readOnly;
-  const handleChange = React74__namespace.useCallback(
+  const handleChange = React76__namespace.useCallback(
     (...args) => {
       var _a;
       if (!onValue) return;
@@ -23884,7 +24105,7 @@ function triggerHeight3(size) {
       return "min-h-9 text-sm";
   }
 }
-var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
+var ShadcnTreeSelectVariant = React76__namespace.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -23944,14 +24165,14 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
     selectedBadgeClassName,
     selectedBadgePlacement = "corner"
   } = props;
-  const [open, setOpen] = React74__namespace.useState(false);
-  const [query, setQuery] = React74__namespace.useState("");
+  const [open, setOpen] = React76__namespace.useState(false);
+  const [query, setQuery] = React76__namespace.useState("");
   const isDisabled = disabled || readOnly;
-  const d = React74__namespace.useMemo(
+  const d = React76__namespace.useMemo(
     () => densityClasses(density),
     [density]
   );
-  const tree = React74__namespace.useMemo(
+  const tree = React76__namespace.useMemo(
     () => normalizeTree(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -23986,8 +24207,8 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
       optionTagOnClick
     ]
   );
-  const allNodesFlat = React74__namespace.useMemo(() => flattenTree(tree), [tree]);
-  const computedInitialExpanded = React74__namespace.useMemo(() => {
+  const allNodesFlat = React76__namespace.useMemo(() => flattenTree(tree), [tree]);
+  const computedInitialExpanded = React76__namespace.useMemo(() => {
     if (expandAll) {
       return new Set(
         allNodesFlat.filter((n3) => n3.hasChildren).map((n3) => n3.value)
@@ -23998,13 +24219,13 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
     }
     return /* @__PURE__ */ new Set();
   }, [expandAll, defaultExpandedValues, allNodesFlat]);
-  const [expanded, setExpanded] = React74__namespace.useState(
+  const [expanded, setExpanded] = React76__namespace.useState(
     computedInitialExpanded
   );
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setExpanded(computedInitialExpanded);
   }, [computedInitialExpanded]);
-  const toggleExpanded = React74__namespace.useCallback((key) => {
+  const toggleExpanded = React76__namespace.useCallback((key) => {
     setExpanded((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -24012,7 +24233,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
       return next;
     });
   }, []);
-  const displayedNodes = React74__namespace.useMemo(() => {
+  const displayedNodes = React76__namespace.useMemo(() => {
     if (query) {
       const q2 = query.toLowerCase();
       const matchSet = /* @__PURE__ */ new Set();
@@ -24046,19 +24267,19 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
       displayedNodes.length * estimatedRowHeight
     )
   );
-  const selectedValues = React74__namespace.useMemo(() => {
+  const selectedValues = React76__namespace.useMemo(() => {
     if (value === void 0 || value === null) return [];
     if (Array.isArray(value)) {
       return multiple ? value : value.length ? [value[0]] : [];
     }
     return [value];
   }, [value, multiple]);
-  const selectedItems = React74__namespace.useMemo(
+  const selectedItems = React76__namespace.useMemo(
     () => allNodesFlat.filter((node) => selectedValues.includes(node.value)),
     [allNodesFlat, selectedValues]
   );
   const selectedCount = selectedItems.length;
-  const handleToggleValue = React74__namespace.useCallback(
+  const handleToggleValue = React76__namespace.useCallback(
     (item) => {
       if (isDisabled) return;
       if (leafOnly && item.hasChildren) {
@@ -24101,7 +24322,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
       allNodesFlat
     ]
   );
-  const handleClear = React74__namespace.useCallback(() => {
+  const handleClear = React76__namespace.useCallback(() => {
     if (!onValue) return;
     const detail = {
       source: "variant",
@@ -24152,12 +24373,12 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
     ) });
   };
   const triggerContent = renderValue ? renderValue({ selectedItems, placeholder }) : renderDefaultTriggerContent();
+  const triggerPaddingClasses = cn("px-3", d.triggerPy);
   const baseBoxClasses = cn(
-    "flex items-center justify-between border-input w-full min-w-0 rounded-md border bg-background text-sm shadow-xs ring-offset-background",
-    "placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-    "disabled:cursor-not-allowed disabled:opacity-50",
-    "aria-invalid:border-destructive",
-    d.triggerPy
+    "flex items-center justify-between w-full min-w-0 text-sm ring-offset-background",
+    "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+    triggerPaddingClasses,
+    hasControls && extendBoxToControls ? "border-none shadow-none focus:outline-none bg-transparent text-left" : "border-input rounded-md border bg-background shadow-xs focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 aria-invalid:border-destructive"
   );
   const DefaultTriggerButton = /* @__PURE__ */ jsxRuntime.jsx(
     "button",
@@ -24167,7 +24388,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
       disabled: isDisabled,
       className: cn(
         triggerHeight3(size),
-        hasControls && extendBoxToControls ? "border-none shadow-none focus:outline-none bg-transparent w-full text-left" : baseBoxClasses,
+        baseBoxClasses,
         triggerClassName
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: [
@@ -24209,7 +24430,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
       ] })
     }
   );
-  const ButtonModeTrigger = React74__namespace.useMemo(() => {
+  const ButtonModeTrigger = React76__namespace.useMemo(() => {
     if (mode !== "button") return null;
     const ctx = { open, selectedItems, selectedCount };
     const triggerNode = typeof button === "function" ? button(ctx) : button != null ? button : typeof children === "function" ? children(ctx) : children;
@@ -24239,7 +24460,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
         badgeEl
       ] });
     };
-    if (React74__namespace.isValidElement(triggerNode)) {
+    if (React76__namespace.isValidElement(triggerNode)) {
       return wrapWithBadge(triggerNode);
     }
     return wrapWithBadge(
@@ -24273,7 +24494,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
     emptyLabel && tree.length === 0 && !query && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 text-sm text-center text-muted-foreground", children: emptyLabel }),
     tree.length > 0 && displayedNodes.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 text-sm text-center text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }),
     displayedNodes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      reactVirtuoso.Virtuoso,
+      VirtualScroll,
       {
         style: { height: listHeight },
         data: displayedNodes,
@@ -24368,7 +24589,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
           );
           const renderer = (_b = item.render) != null ? _b : renderOption;
           if (!renderer) {
-            return /* @__PURE__ */ jsxRuntime.jsx(React74__namespace.Fragment, { children: optionNode }, item.key);
+            return /* @__PURE__ */ jsxRuntime.jsx(React76__namespace.Fragment, { children: optionNode }, item.key);
           }
           const rendered = renderer({
             item,
@@ -24379,7 +24600,7 @@ var ShadcnTreeSelectVariant = React74__namespace.forwardRef(function ShadcnTreeS
               if (!item.disabled) handleToggleValue(item);
             }
           });
-          return /* @__PURE__ */ jsxRuntime.jsx(React74__namespace.Fragment, { children: rendered }, item.key);
+          return /* @__PURE__ */ jsxRuntime.jsx(React76__namespace.Fragment, { children: rendered }, item.key);
         }
       }
     )
@@ -24496,62 +24717,28 @@ var treeselect_default = ShadcnTreeSelectVariant;
 // src/variants/core/treeselect.tsx
 var treeselectModule = {
   variant: "treeselect",
-  Variant: treeselect_default
+  Variant: treeselect_default,
+  // Layout defaults for this variant
+  defaults: {
+    layout: {
+      labelPlacement: "top",
+      sublabelPlacement: "right",
+      descriptionPlacement: "below",
+      helpTextPlacement: "below",
+      errorTextPlacement: "below",
+      inline: false,
+      fullWidth: true,
+      defaultSize: "md",
+      defaultDensity: "comfortable"
+    }
+  },
+  meta: {
+    label: "TreeSelect",
+    description: "Hierarchical tree selection dropdown with collapsible folders and node tags.",
+    tags: ["tree", "select", "hierarchical", "dropdown", "multiselect"]
+  }
 };
 var treeselect_default2 = treeselectModule;
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ScrollAreaPrimitive__namespace.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ScrollAreaPrimitive__namespace.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        ScrollAreaPrimitive__namespace.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
-        }
-      )
-    }
-  );
-}
 function fileId() {
   return `file_${Math.random().toString(36).slice(2)}`;
 }
@@ -24704,8 +24891,8 @@ function mergeHandlers(a3, b2) {
   };
 }
 var FileThumbnail = ({ item }) => {
-  const [preview, setPreview] = React74__namespace.useState(null);
-  React74__namespace.useEffect(() => {
+  const [preview, setPreview] = React76__namespace.useState(null);
+  React76__namespace.useEffect(() => {
     var _a;
     const isImage2 = ((_a = item.type) == null ? void 0 : _a.startsWith("image/")) || item.name.match(/\.(jpg|jpeg|png|gif|webp)$/i);
     if (!isImage2) return;
@@ -24727,7 +24914,7 @@ var FileThumbnail = ({ item }) => {
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(File2, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant2(props, ref) {
+var ShadcnFileVariant = React76__namespace.forwardRef(function ShadcnFileVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -24781,18 +24968,18 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
   } = props;
   const joinControls = mode === "default" ? joinControlsProp != null ? joinControlsProp : true : false;
   const extendBoxToControls = mode === "default" ? extendBoxToControlsProp != null ? extendBoxToControlsProp : true : false;
-  const items = React74__namespace.useMemo(() => {
+  const items = React76__namespace.useMemo(() => {
     var _a;
     const raw = (_a = toArray2(value)) != null ? _a : [];
     return raw.map(normaliseFileLike);
   }, [value]);
   const isDisabled = Boolean(disabled || readOnly);
-  const [dragOver, setDragOver] = React74__namespace.useState(false);
-  const [selectedIds, setSelectedIds] = React74__namespace.useState(
+  const [dragOver, setDragOver] = React76__namespace.useState(false);
+  const [selectedIds, setSelectedIds] = React76__namespace.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const [popoverOpen, setPopoverOpen] = React74__namespace.useState(false);
-  const fileInputRef = React74__namespace.useRef(null);
+  const [popoverOpen, setPopoverOpen] = React76__namespace.useState(false);
+  const fileInputRef = React76__namespace.useRef(null);
   const den = densityTokens(density);
   const heightCls = triggerHeight4(size);
   const chipHeightCls = chipHeight(size);
@@ -24801,7 +24988,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
   const COLLAPSE_LIMIT = 2;
-  const emitChange = React74__namespace.useCallback(
+  const emitChange = React76__namespace.useCallback(
     (nextItems, meta) => {
       var _a;
       const nextValues = nextItems.map(fileItemToValue);
@@ -24815,7 +25002,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     },
     [multiple, onValue]
   );
-  const handleAddItems = React74__namespace.useCallback(
+  const handleAddItems = React76__namespace.useCallback(
     (incoming, from) => {
       if (isDisabled) return;
       let next = multiple ? [...items] : [];
@@ -24852,7 +25039,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
       onFilesAdded
     ]
   );
-  const handleRemove = React74__namespace.useCallback(
+  const handleRemove = React76__namespace.useCallback(
     (id) => {
       const next = items.filter((i3) => i3.id !== id);
       emitChange(next, { action: "remove", id });
@@ -24864,7 +25051,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     },
     [emitChange, items, selectedIds]
   );
-  const handleBulkRemove = React74__namespace.useCallback(() => {
+  const handleBulkRemove = React76__namespace.useCallback(() => {
     const next = items.filter((i3) => !selectedIds.has(i3.id));
     emitChange(next, {
       action: "bulk-remove",
@@ -24872,7 +25059,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     });
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [emitChange, items, selectedIds]);
-  const openPicker = React74__namespace.useCallback(async () => {
+  const openPicker = React76__namespace.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     let resolvedLoader = customLoader != null ? customLoader : custom && getPaletteUtil("customLoader");
@@ -24911,14 +25098,14 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     mergeMode,
     multiple
   ]);
-  const onDragOver = React74__namespace.useCallback(
+  const onDragOver = React76__namespace.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React74__namespace.useCallback(
+  const onDrop = React76__namespace.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -24936,15 +25123,15 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     }
     e4.target.value = "";
   };
-  const FileChip = React74__namespace.useCallback(
+  const FileChip = React76__namespace.useCallback(
     ({
       item,
       condensed = false
     }) => {
       const name = formatFileName ? formatFileName(item) : item.name;
-      const [preview, setPreview] = React74__namespace.useState(null);
-      const [isOpen, setIsOpen] = React74__namespace.useState(false);
-      React74__namespace.useEffect(() => {
+      const [preview, setPreview] = React76__namespace.useState(null);
+      const [isOpen, setIsOpen] = React76__namespace.useState(false);
+      React76__namespace.useEffect(() => {
         var _a;
         const isImage2 = ((_a = item.type) == null ? void 0 : _a.startsWith("image/")) || item.name.match(/\.(jpg|jpeg|png|gif|webp)$/i);
         if (!isImage2) {
@@ -25051,7 +25238,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     ]
   );
   const selectedCount = items.length;
-  const resolveButtonTriggerElement = React74__namespace.useCallback(() => {
+  const resolveButtonTriggerElement = React76__namespace.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items,
@@ -25081,7 +25268,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React74__namespace.cloneElement(el, {
+        return React76__namespace.cloneElement(el, {
           className: nextClass,
           children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: child }),
@@ -25089,7 +25276,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
           ] })
         });
       }
-      return React74__namespace.cloneElement(el, {
+      return React76__namespace.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           child,
@@ -25097,7 +25284,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
         ] })
       });
     };
-    const withDnD = (el) => React74__namespace.cloneElement(el, {
+    const withDnD = (el) => React76__namespace.cloneElement(el, {
       onDragOver: mergeHandlers(
         el.props.onDragOver,
         onDragOver
@@ -25108,7 +25295,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
       ),
       onDrop: mergeHandlers(el.props.onDrop, onDrop)
     });
-    if (React74__namespace.isValidElement(rawNode)) {
+    if (React76__namespace.isValidElement(rawNode)) {
       return withDnD(injectBadgeIntoElement(rawNode));
     }
     const fallback = /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25164,7 +25351,7 @@ var ShadcnFileVariant = React74__namespace.forwardRef(function ShadcnFileVariant
     selectedCount,
     triggerClassName
   ]);
-  const TriggerRegion = React74__namespace.useMemo(() => {
+  const TriggerRegion = React76__namespace.useMemo(() => {
     if (showDropArea) {
       if (renderDropArea)
         return renderDropArea({ openPicker, isDragging: dragOver });
@@ -25624,7 +25811,7 @@ var toggleVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React74__namespace.createContext({
+var ToggleGroupContext = React76__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -25661,7 +25848,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React74__namespace.useContext(ToggleGroupContext);
+  const context = React76__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -25852,7 +26039,7 @@ function normalizeOption(input, {
     raw: input
   };
 }
-var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVariant4(props, ref) {
+var ShadcnToggleVariant3 = React76__namespace.forwardRef(function ShadcnToggleVariant4(props, ref) {
   const {
     value,
     onValue,
@@ -25889,7 +26076,7 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
   const isDisabled = Boolean(disabled || readOnly);
   const toggleSize = mapSizeToToggleSize(size);
   const currentValue = normalizeValue(value, multiple);
-  const normalizedOptions = React74__namespace.useMemo(
+  const normalizedOptions = React76__namespace.useMemo(
     () => options.map(
       (opt) => normalizeOption(
         opt,
@@ -25929,7 +26116,7 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
       autoCap
     ]
   );
-  const handleChange = React74__namespace.useCallback(
+  const handleChange = React76__namespace.useCallback(
     (val) => {
       if (readOnly) return;
       if (!onValue) return;
@@ -25966,7 +26153,7 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
     fullWidth && layout === "vertical" && "[&>*]:w-full",
     className
   );
-  const groupStyle = React74__namespace.useMemo(() => {
+  const groupStyle = React76__namespace.useMemo(() => {
     const style = {};
     if (layout === "grid") {
       style.gridTemplateColumns = `repeat(${gridCols}, minmax(0, 1fr))`;
@@ -26107,29 +26294,29 @@ function ShadcnEditorVariant(props) {
     theme = "auto",
     themeTarget = "nearest"
   } = props;
-  const mountRef = React74__namespace.useRef(null);
-  const editorRef = React74__namespace.useRef(null);
-  const formatRef = React74__namespace.useRef(format2);
-  const onValueRef = React74__namespace.useRef(onValue);
-  const syncingRef = React74__namespace.useRef(false);
-  const loadedRef = React74__namespace.useRef(false);
-  const lastContentRef = React74__namespace.useRef(value != null ? value : "");
-  const [autoDark, setAutoDark] = React74__namespace.useState(false);
+  const mountRef = React76__namespace.useRef(null);
+  const editorRef = React76__namespace.useRef(null);
+  const formatRef = React76__namespace.useRef(format2);
+  const onValueRef = React76__namespace.useRef(onValue);
+  const syncingRef = React76__namespace.useRef(false);
+  const loadedRef = React76__namespace.useRef(false);
+  const lastContentRef = React76__namespace.useRef(value != null ? value : "");
+  const [autoDark, setAutoDark] = React76__namespace.useState(false);
   formatRef.current = format2;
   onValueRef.current = onValue;
   if (value !== void 0) lastContentRef.current = value;
   const effectiveReadOnly = Boolean(disabled || readOnly);
   const effectiveTheme = theme === "auto" ? autoDark ? "dark" : "light" : theme;
-  const readContent = React74__namespace.useCallback((ed) => {
+  const readContent = React76__namespace.useCallback((ed) => {
     var _a, _b;
     return formatRef.current === "markdown" ? (_a = ed.getMarkdown()) != null ? _a : "" : (_b = ed.getHTML()) != null ? _b : "";
   }, []);
-  const emit = React74__namespace.useCallback((next) => {
+  const emit = React76__namespace.useCallback((next) => {
     var _a;
     const detail = { source: "user", raw: next };
     (_a = onValueRef.current) == null ? void 0 : _a.call(onValueRef, next, detail);
   }, []);
-  const structuralKey = React74__namespace.useMemo(() => {
+  const structuralKey = React76__namespace.useMemo(() => {
     const hideModeSwitch = toolbar === "none" || pastePlainText;
     return JSON.stringify({
       toolbar,
@@ -26138,7 +26325,7 @@ function ShadcnEditorVariant(props) {
       effectiveTheme
     });
   }, [toolbar, useCommandShortcut, pastePlainText, effectiveTheme]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (theme !== "auto") return;
     if (typeof document === "undefined") return;
     const host = mountRef.current;
@@ -26163,7 +26350,7 @@ function ShadcnEditorVariant(props) {
     }
     return () => observer.disconnect();
   }, [theme, themeTarget]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     var _a;
     const el = mountRef.current;
     if (!el) return;
@@ -26234,29 +26421,29 @@ function ShadcnEditorVariant(props) {
       editorRef.current = null;
     };
   }, [structuralKey]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setHeight === "function") ed.setHeight(height);
   }, [height]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setPlaceholder === "function")
       ed.setPlaceholder(placeholder);
   }, [placeholder]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changeMode === "function") ed.changeMode(editType);
   }, [editType]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changePreviewStyle === "function")
       ed.changePreviewStyle(previewStyle);
   }, [previewStyle]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     var _a, _b, _c, _d;
     const ed = editorRef.current;
     if (!ed) return;
@@ -26274,7 +26461,7 @@ function ShadcnEditorVariant(props) {
       syncingRef.current = false;
     });
   }, [value, format2]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!pastePlainText) return;
     const host = mountRef.current;
     if (!host) return;
@@ -26758,10 +26945,10 @@ function JsonEditorMain(props) {
     className,
     contentClassName
   } = props;
-  const directChildPaths = React74__namespace.useMemo(() => {
+  const directChildPaths = React76__namespace.useMemo(() => {
     return getDirectChildPaths(route, allPaths);
   }, [route, allPaths]);
-  const rows = React74__namespace.useMemo(() => {
+  const rows = React76__namespace.useMemo(() => {
     return resolveLayoutForParent({
       parent: route,
       childPaths: directChildPaths,
@@ -26769,7 +26956,7 @@ function JsonEditorMain(props) {
       filters
     });
   }, [route, directChildPaths, layout, filters]);
-  const effectiveRows = React74__namespace.useMemo(() => {
+  const effectiveRows = React76__namespace.useMemo(() => {
     const hasAny = rows.some((r5) => {
       var _a;
       return (_a = r5.fields) == null ? void 0 : _a.length;
@@ -27293,12 +27480,12 @@ var T = (e4) => {
 };
 var x = "__\u200Bundefined__";
 var A = { displayName: "Default", fragments: { edit: "rgb(42, 161, 152)" }, styles: { container: { backgroundColor: "#f6f6f6", fontFamily: "monospace" }, collection: {}, collectionInner: {}, collectionElement: {}, dropZone: {}, property: "#292929", bracket: { color: "rgb(0, 43, 54)", fontWeight: "bold" }, itemCount: { color: "rgba(0, 0, 0, 0.3)", fontStyle: "italic" }, string: "rgb(203, 75, 22)", number: "rgb(38, 139, 210)", boolean: "green", null: { color: "rgb(220, 50, 47)", fontVariant: "small-caps", fontWeight: "bold" }, input: ["#292929"], inputHighlight: "#b3d8ff", error: { fontSize: "0.8em", color: "red", fontWeight: "bold" }, iconCollection: "rgb(0, 43, 54)", iconEdit: "edit", iconDelete: "rgb(203, 75, 22)", iconAdd: "edit", iconCopy: "rgb(38, 139, 210)", iconOk: "green", iconCancel: "rgb(203, 75, 22)" } };
-var P = React74.createContext({ getStyles: () => ({}), icons: {} });
+var P = React76.createContext({ getStyles: () => ({}), icons: {} });
 var R = ({ theme: e4 = A, icons: n3 = {}, docRoot: r5, children: o3 }) => {
   const i3 = I(e4, r5);
   return jsxRuntime.jsx(P.Provider, { value: { getStyles: (e5, t4) => "function" == typeof i3[e5] ? i3[e5](t4) : i3[e5], icons: n3 }, children: o3 });
 };
-var K = () => React74.useContext(P);
+var K = () => React76.useContext(P);
 var I = (e4, t4) => {
   var n3, r5, o3, i3;
   const a3 = {}, l2 = (Array.isArray(e4) ? e4 : [e4]).map(((e5) => _(e5) ? V({ fragments: {}, styles: e5 }, a3) : V(e5, a3))), s3 = V(A, {});
@@ -27334,9 +27521,9 @@ var V = (e4, t4) => {
 };
 var _ = (e4) => !("styles" in e4);
 var F = { container: "backgroundColor", collection: "backgroundColor", collectionInner: "backgroundColor", collectionElement: "backgroundColor", dropZone: "borderColor", inputHighlight: "backgroundColor" };
-var L = React74.createContext(null);
+var L = React76.createContext(null);
 var z = ({ children: e4, onEditEvent: n3, onCollapse: r5 }) => {
-  const [o3, l2] = React74.useState(null), [s3, c2] = React74.useState(null), [d, u] = React74.useState(null), [p2, g2] = React74.useState({ path: null, pathString: null }), m2 = React74.useRef(null), h2 = React74.useRef("next"), y2 = React74.useRef(null);
+  const [o3, l2] = React76.useState(null), [s3, c2] = React76.useState(null), [d, u] = React76.useState(null), [p2, g2] = React76.useState({ path: null, pathString: null }), m2 = React76.useRef(null), h2 = React76.useRef("next"), y2 = React76.useRef(null);
   return jsxRuntime.jsx(L.Provider, { value: { collapseState: o3, setCollapseState: (e5) => {
     l2(e5), r5 && null !== e5 && (Array.isArray(e5) ? e5.forEach(((e6) => r5(e6))) : r5(e5)), null !== e5 && setTimeout((() => l2(null)), 2e3);
   }, getMatchingCollapseState: (e5) => {
@@ -27355,7 +27542,7 @@ var z = ({ children: e4, onEditEvent: n3, onCollapse: r5 }) => {
   }, previousValue: d, setPreviousValue: u, dragSource: p2, setDragSource: g2 }, children: e4 });
 };
 var M = () => {
-  const e4 = React74.useContext(L);
+  const e4 = React76.useContext(L);
   if (!e4) throw new Error("Missing Context Provider");
   return e4;
 };
@@ -27367,7 +27554,7 @@ var B = (e4, t4) => {
 };
 var W = "**INVALID_FUNCTION**";
 var G = ({ nodeData: r5, showStringQuotes: o3 = true, stringTruncate: a3 = 200, pathString: l2, canEdit: s3, setIsEditing: c2, styles: d, translate: u, value: p2, TextWrapper: g2 = ({ children: e4 }) => e4 }) => {
-  const m2 = null != p2 ? p2 : r5.value, [h2, y2] = React74.useState(false), f2 = o3 ? '"' : "", b2 = m2.length > a3, v2 = () => {
+  const m2 = null != p2 ? p2 : r5.value, [h2, y2] = React76.useState(false), f2 = o3 ? '"' : "", b2 = m2.length > a3, v2 = () => {
     s3 ? c2(true) : y2(!h2);
   };
   return jsxRuntime.jsxs("div", { id: `${l2}_display`, onDoubleClick: v2, onClick: (e4) => {
@@ -27375,7 +27562,7 @@ var G = ({ nodeData: r5, showStringQuotes: o3 = true, stringTruncate: a3 = 200,
   }, className: "jer-value-string", style: d, children: [f2, b2 ? jsxRuntime.jsxs(jsxRuntime.Fragment, h2 ? { children: [jsxRuntime.jsx(g2, { children: jsxRuntime.jsxs("span", { children: [m2, f2] }) }), jsxRuntime.jsxs("span", { className: "jer-string-expansion jer-show-less", onClick: () => y2(false), children: [" ", u("SHOW_LESS", r5)] })] } : { children: [jsxRuntime.jsxs(g2, { children: [jsxRuntime.jsx("span", { children: m2.slice(0, a3 - 2).trimEnd() }), " "] }), jsxRuntime.jsx("span", { className: "jer-string-expansion jer-ellipsis", onClick: () => y2(true), children: "..." }), f2] }) : jsxRuntime.jsx(g2, { children: `${m2}${f2}` })] });
 };
 var Y = ({ styles: e4, pathString: n3, value: r5, setValue: o3, handleEdit: i3, handleKeyboard: l2, keyboardCommon: s3 }) => {
-  const c2 = React74.useRef(null);
+  const c2 = React76.useRef(null);
   return jsxRuntime.jsx(m, { className: "jer-input-text", textAreaRef: c2, name: n3, value: r5, setValue: o3, handleKeyPress: (e5) => {
     l2(e5, Object.assign({ stringConfirm: i3, stringLineBreak: () => {
       const e6 = N(c2, "\n");
@@ -27401,14 +27588,14 @@ var $ = ({ value: e4, setValue: n3, isEditing: r5, path: o3, setIsEditing: i3, h
   }, autoFocus: true }) : jsxRuntime.jsx("span", { onDoubleClick: () => i3(true), className: "jer-value-boolean", style: d("boolean", l2), children: String(e4) });
 };
 var Z = (e4, t4) => {
-  const n3 = React74.useRef(void 0), r5 = React74.useRef(t4);
-  React74.useEffect((() => {
+  const n3 = React76.useRef(void 0), r5 = React76.useRef(t4);
+  React76.useEffect((() => {
     r5.current = t4;
   }), [t4]);
   const o3 = (e5) => {
     r5.current(e5);
   };
-  React74.useEffect((() => {
+  React76.useEffect((() => {
     if (window.clearTimeout(n3.current), e4) return n3.current = window.setTimeout((() => {
       window.addEventListener("keydown", o3);
     }), 100), () => {
@@ -27464,7 +27651,7 @@ var ie = ({ name: e4, nodeData: r5 }) => {
   }
 };
 var ae = ({ startEdit: r5, handleDelete: o3, handleAdd: a3, enableClipboard: l2, type: s3, customButtons: c2, nodeData: d, translate: p2, keyboardControls: g2, handleKeyboard: m2, editConfirmRef: h2, getNewKeyOptions: y2, jsonStringify: f2, onEditEvent: b2, showIconTooltips: v2 }) => {
-  const { getStyles: j2 } = K(), w2 = p2("KEY_NEW", d), [D2, C2] = React74.useState(w2), [O2, k2] = React74.useState(false), { key: S2, path: N2, value: T2 } = d, x2 = Array.isArray(O2), A2 = (e4) => {
+  const { getStyles: j2 } = K(), w2 = p2("KEY_NEW", d), [D2, C2] = React76.useState(w2), [O2, k2] = React76.useState(false), { key: S2, path: N2, value: T2 } = d, x2 = Array.isArray(O2), A2 = (e4) => {
     var t4;
     if (b2 && b2(e4 ? [...N2, null] : null, e4), !e4) return void k2(false);
     const n3 = Object.keys(r3(d.fullData, N2)), r6 = y2 ? null === (t4 = y2(d)) || void 0 === t4 ? void 0 : t4.filter(((e5) => !n3.includes(e5))) : null;
@@ -27505,9 +27692,9 @@ var le = ({ onOk: n3, onCancel: r5, nodeData: o3, editConfirmRef: i3, hideOk: a3
 var se = (e4) => e4.reduce(((e5, t4) => "number" == typeof t4 ? `${e5}[${t4}]` : "" === e5 ? t4 : `${e5}.${t4}`), "");
 var ce = ["string", "number", "boolean", "null", "object", "array"];
 var de = ({ props: e4, collapsed: t4 }) => {
-  const { data: n3, nodeData: r5, parentData: o3, onEdit: a3, onError: l2, showErrorMessages: c2, restrictEditFilter: d, restrictDeleteFilter: u, restrictAddFilter: p2, restrictDragFilter: g2, translate: m2, errorMessageTimeout: h2 } = e4, { currentlyEditingElement: y2, setCurrentlyEditingElement: f2 } = M(), [b2, v2] = React74.useState(null), E2 = Object.assign(Object.assign({}, r5), { collapsed: t4 }), { path: w2, key: D2, size: C2 } = E2, O2 = j(w2), k2 = !d(E2), S2 = !u(E2), N2 = !p2(E2), T2 = !g2(E2) && S2 && null === y2, x2 = (e5) => {
+  const { data: n3, nodeData: r5, parentData: o3, onEdit: a3, onError: l2, showErrorMessages: c2, restrictEditFilter: d, restrictDeleteFilter: u, restrictAddFilter: p2, restrictDragFilter: g2, translate: m2, errorMessageTimeout: h2 } = e4, { currentlyEditingElement: y2, setCurrentlyEditingElement: f2 } = M(), [b2, v2] = React76.useState(null), E2 = Object.assign(Object.assign({}, r5), { collapsed: t4 }), { path: w2, key: D2, size: C2 } = E2, O2 = j(w2), k2 = !d(E2), S2 = !u(E2), N2 = !p2(E2), T2 = !g2(E2) && S2 && null === y2, x2 = (e5) => {
     c2 && (v2(e5), setTimeout((() => v2(null)), h2)), console.warn("Error", e5);
-  }, A2 = React74.useCallback(((e5, t5) => {
+  }, A2 = React76.useCallback(((e5, t5) => {
     x2(e5.message), l2 && l2({ currentData: E2.fullData, errorValue: t5, currentValue: n3, name: D2, path: w2, error: e5 });
   }), [l2, c2]), P2 = y2 === O2, R2 = y2 === `key_${O2}`, K2 = "number" == typeof w2.slice(-1)[0], I2 = { isEditing: P2, isEditingKey: R2, isArray: K2, canEditKey: null !== o3 && k2 && N2 && S2 && !K2 }, V2 = "" === D2 && w2.length > 0 ? m2("EMPTY_STRING", E2) : null;
   return { pathString: O2, nodeData: E2, path: w2, name: D2, size: C2, canEdit: k2, canDelete: S2, canAdd: N2, canDrag: T2, error: b2, showError: x2, onError: A2, setError: v2, handleEditKey: (e5) => {
@@ -27522,11 +27709,11 @@ var de = ({ props: e4, collapsed: t4 }) => {
   }, derivedValues: I2, emptyStringKey: V2 };
 };
 var ue = ({ canDrag: e4, canDragOnto: n3, path: r5, nodeData: o3, onMove: a3, onError: l2, translate: s3 }) => {
-  const { getStyles: d } = K(), { dragSource: u, setDragSource: p2 } = M(), [g2, m2] = React74.useState(false), h2 = j(r5), y2 = React74.useMemo((() => e4 ? { onDragStart: (e5) => {
+  const { getStyles: d } = K(), { dragSource: u, setDragSource: p2 } = M(), [g2, m2] = React76.useState(false), h2 = j(r5), y2 = React76.useMemo((() => e4 ? { onDragStart: (e5) => {
     e5.stopPropagation(), p2({ path: r5, pathString: h2 });
   }, onDragEnd: (e5) => {
     e5.stopPropagation(), p2({ path: null, pathString: null });
-  } } : {}), [e4, h2]), f2 = React74.useMemo((() => (e5) => n3 ? { onDragOver: (e6) => {
+  } } : {}), [e4, h2]), f2 = React76.useMemo((() => (e5) => n3 ? { onDragOver: (e6) => {
     e6.stopPropagation(), e6.preventDefault();
   }, onDrop: (t4) => {
     t4.stopPropagation(), v2(e5), p2({ path: null, pathString: null }), m2(false);
@@ -27535,7 +27722,7 @@ var ue = ({ canDrag: e4, canDragOnto: n3, path: r5, nodeData: o3, onMove: a3, on
     t4.stopPropagation(), h2.startsWith(null !== (n4 = u.pathString) && void 0 !== n4 ? n4 : "") || m2(e5);
   }, onDragExit: (e6) => {
     e6.stopPropagation(), m2(false);
-  } } : {}), [u, n3, h2]), b2 = React74.useMemo((() => n3 && null !== u.pathString ? jsxRuntime.jsx("div", Object.assign({ className: "jer-drop-target-bottom", style: { height: "50%", position: "absolute", width: "100%", top: "50%", zIndex: r5.length } }, f2("below"))) : null), [u, n3, r5.length]), v2 = (e5) => {
+  } } : {}), [u, n3, h2]), b2 = React76.useMemo((() => n3 && null !== u.pathString ? jsxRuntime.jsx("div", Object.assign({ className: "jer-drop-target-bottom", style: { height: "50%", position: "absolute", width: "100%", top: "50%", zIndex: r5.length } }, f2("below"))) : null), [u, n3, r5.length]), v2 = (e5) => {
     var t4, n4;
     const i3 = null === (t4 = u.path) || void 0 === t4 ? void 0 : t4.slice(-1)[0], c2 = null === (n4 = u.path) || void 0 === n4 ? void 0 : n4.slice(0, -1).join("."), d2 = r5.slice(0, -1).join(""), { parentData: p3 } = o3;
     "string" == typeof i3 && p3 && !Array.isArray(p3) && Object.keys(p3).includes(i3) && i3 in p3 && c2 !== d2 ? l2({ code: "KEY_EXISTS", message: s3("ERROR_KEY_EXISTS", o3) }, i3) : a3(u.path, r5, e5).then(((e6) => {
@@ -27562,20 +27749,20 @@ var ge = ({ isEditingKey: n3, canEditKey: r5, pathString: o3, path: i3, name: a3
   } }), style: { width: f2.length / 1.5 + 0.5 + "em" } }) : jsxRuntime.jsxs("span", { className: "jer-key-text", style: Object.assign(Object.assign({}, g2), { minWidth: `${Math.min(f2.length + 1, 5)}ch`, flexShrink: f2.length > 10 ? 1 : 0 }), onDoubleClick: () => r5 && y2(i3, "key"), onClick: u, children: [h2 ? jsxRuntime.jsx("span", { className: "jer-empty-string", children: h2 }) : f2, "" !== f2 || h2 ? jsxRuntime.jsx("span", { className: "jer-key-colon", children: ":" }) : null] });
 };
 var me = (n3) => {
-  const { data: r5, parentData: o3, onEdit: a3, onDelete: d, onChange: u, onMove: p2, enableClipboard: g2, canDragOnto: m2, restrictTypeSelection: h2, searchFilter: f2, searchText: b2, showLabel: v2, stringTruncate: j2, showStringQuotes: E2, arrayIndexFromOne: w2, indent: D2, translate: C2, customNodeDefinitions: k2, customNodeData: S2, handleKeyboard: N2, keyboardControls: T2, sort: x2, editConfirmRef: A2, jsonStringify: P2, showIconTooltips: R2 } = n3, { getStyles: I2 } = K(), { setCurrentlyEditingElement: V2, setCollapseState: _2, previouslyEditedElement: F2, setPreviouslyEditedElement: L2, tabDirection: z2, setTabDirection: B2, previousValue: G2, setPreviousValue: Y2 } = M(), [H2, U2] = React74.useState("function" == typeof r5 ? W : r5), { pathString: $2, nodeData: Z2, path: X3, name: J2, canEdit: Q2, canDelete: q2, canDrag: ee2, error: te2, onError: ne2, handleEditKey: re3, emptyStringKey: oe2, derivedValues: ie2 } = de({ props: n3 }), { dragSourceProps: se2, getDropTargetProps: pe2, BottomDropTarget: me2, DropTargetPadding: be2 } = ue({ canDrag: ee2, canDragOnto: m2, path: X3, nodeData: Z2, onMove: p2, onError: ne2, translate: C2 }), [ve2, je2] = React74.useState(he(r5, S2)), Ee2 = React74.useCallback(((e4) => {
+  const { data: r5, parentData: o3, onEdit: a3, onDelete: d, onChange: u, onMove: p2, enableClipboard: g2, canDragOnto: m2, restrictTypeSelection: h2, searchFilter: f2, searchText: b2, showLabel: v2, stringTruncate: j2, showStringQuotes: E2, arrayIndexFromOne: w2, indent: D2, translate: C2, customNodeDefinitions: k2, customNodeData: S2, handleKeyboard: N2, keyboardControls: T2, sort: x2, editConfirmRef: A2, jsonStringify: P2, showIconTooltips: R2 } = n3, { getStyles: I2 } = K(), { setCurrentlyEditingElement: V2, setCollapseState: _2, previouslyEditedElement: F2, setPreviouslyEditedElement: L2, tabDirection: z2, setTabDirection: B2, previousValue: G2, setPreviousValue: Y2 } = M(), [H2, U2] = React76.useState("function" == typeof r5 ? W : r5), { pathString: $2, nodeData: Z2, path: X3, name: J2, canEdit: Q2, canDelete: q2, canDrag: ee2, error: te2, onError: ne2, handleEditKey: re3, emptyStringKey: oe2, derivedValues: ie2 } = de({ props: n3 }), { dragSourceProps: se2, getDropTargetProps: pe2, BottomDropTarget: me2, DropTargetPadding: be2 } = ue({ canDrag: ee2, canDragOnto: m2, path: X3, nodeData: Z2, onMove: p2, onError: ne2, translate: C2 }), [ve2, je2] = React76.useState(he(r5, S2)), Ee2 = React76.useCallback(((e4) => {
     if (!u) return void U2(e4);
     const t4 = u({ currentData: Z2.fullData, newValue: e4, currentValue: H2, name: J2, path: X3 });
     U2(t4);
   }), [u]);
-  React74.useEffect((() => {
+  React76.useEffect((() => {
     U2("function" == typeof r5 ? W : r5), je2(he(r5, S2));
   }), [r5, te2]);
-  const { CustomNode: we2, customNodeProps: De2, hideKey: Ce2, showEditTools: Oe2 = true, showOnEdit: ke2, showOnView: Se2, passOriginalNode: Ne2 } = S2, Te2 = [...ce, ...k2.filter((({ showInTypesSelector: e4 = false, name: t4 }) => e4 && !!t4)).map((({ name: e4 }) => e4))], xe2 = React74.useMemo((() => {
+  const { CustomNode: we2, customNodeProps: De2, hideKey: Ce2, showEditTools: Oe2 = true, showOnEdit: ke2, showOnView: Se2, passOriginalNode: Ne2 } = S2, Te2 = [...ce, ...k2.filter((({ showInTypesSelector: e4 = false, name: t4 }) => e4 && !!t4)).map((({ name: e4 }) => e4))], xe2 = React76.useMemo((() => {
     if ("boolean" == typeof h2) return h2 ? [] : Te2;
     if (Array.isArray(h2)) return h2;
     const e4 = h2(Z2);
     return "boolean" == typeof e4 ? e4 ? [] : Te2 : e4;
-  }), [Z2, h2]), [Ae, Pe] = React74.useState(((e4, t4) => {
+  }), [Z2, h2]), [Ae, Pe] = React76.useState(((e4, t4) => {
     var n4;
     if ("string" != typeof e4) return null;
     const r6 = t4.filter(((t5) => t5 instanceof Object && t5.enum && t5.values.includes(e4) && t5.matchPriority));
@@ -27684,8 +27871,8 @@ var be = (e4 = [], t4) => {
   return Object.assign({ CustomNode: o3, CustomWrapper: i3, customNodeProps: a3, wrapperProps: l2, hideKey: s3, showEditTools: c2, showOnEdit: d, showOnView: u, showCollectionWrapper: g2 }, m2);
 };
 var ve = (r5) => {
-  const { getStyles: o3 } = K(), { collapseState: c2, setCollapseState: d, getMatchingCollapseState: u, currentlyEditingElement: p2, setCurrentlyEditingElement: f2, areChildrenBeingEdited: b2, previousValue: v2, setPreviousValue: j2 } = M(), { mainContainerRef: w2, data: D2, nodeData: C2, parentData: k2, showCollectionCount: S2, onEdit: T2, onAdd: x2, onDelete: A2, canDragOnto: P2, collapseFilter: R2, collapseAnimationTime: I2, onMove: V2, enableClipboard: _2, onEditEvent: F2, showIconTooltips: L2, searchFilter: z2, searchText: B2, indent: W2, sort: G2, showArrayIndices: Y2, arrayIndexFromOne: H2, defaultValue: U2, newKeyOptions: $2, translate: Z2, customNodeDefinitions: X3, customNodeData: J2, jsonParse: Q2, jsonStringify: q2, TextEditor: ee2, keyboardControls: te2, handleKeyboard: ne2, insertAtTop: re3, onCollapse: oe2, editConfirmRef: se2, collapseClickZones: ce2 } = r5, [he2, ye2] = React74.useState(q2(D2)), fe2 = R2(C2), { contentRef: je2, isAnimating: Ee2, maxHeight: we2, collapsed: De2, animateCollapse: Ce2, cssTransitionValue: Oe2 } = ((e4, t4, n3, r6, o4) => {
-    const [l2, c3] = React74.useState(n3 ? 0 : void 0), [d2, u2] = React74.useState(n3), p3 = React74.useRef(false), g2 = React74.useRef(null), m2 = React74.useRef(0), h2 = React74.useRef(0), y2 = t4 / 1e3 + "s", f3 = React74.useCallback(((n4) => {
+  const { getStyles: o3 } = K(), { collapseState: c2, setCollapseState: d, getMatchingCollapseState: u, currentlyEditingElement: p2, setCurrentlyEditingElement: f2, areChildrenBeingEdited: b2, previousValue: v2, setPreviousValue: j2 } = M(), { mainContainerRef: w2, data: D2, nodeData: C2, parentData: k2, showCollectionCount: S2, onEdit: T2, onAdd: x2, onDelete: A2, canDragOnto: P2, collapseFilter: R2, collapseAnimationTime: I2, onMove: V2, enableClipboard: _2, onEditEvent: F2, showIconTooltips: L2, searchFilter: z2, searchText: B2, indent: W2, sort: G2, showArrayIndices: Y2, arrayIndexFromOne: H2, defaultValue: U2, newKeyOptions: $2, translate: Z2, customNodeDefinitions: X3, customNodeData: J2, jsonParse: Q2, jsonStringify: q2, TextEditor: ee2, keyboardControls: te2, handleKeyboard: ne2, insertAtTop: re3, onCollapse: oe2, editConfirmRef: se2, collapseClickZones: ce2 } = r5, [he2, ye2] = React76.useState(q2(D2)), fe2 = R2(C2), { contentRef: je2, isAnimating: Ee2, maxHeight: we2, collapsed: De2, animateCollapse: Ce2, cssTransitionValue: Oe2 } = ((e4, t4, n3, r6, o4) => {
+    const [l2, c3] = React76.useState(n3 ? 0 : void 0), [d2, u2] = React76.useState(n3), p3 = React76.useRef(false), g2 = React76.useRef(null), m2 = React76.useRef(0), h2 = React76.useRef(0), y2 = t4 / 1e3 + "s", f3 = React76.useCallback(((n4) => {
       var i3, a3;
       if (d2 !== n4) {
         switch (window.clearTimeout(h2.current), p3.current = true, n4) {
@@ -27705,23 +27892,23 @@ var ve = (r5) => {
       }
     }), [t4, d2, e4, r6, o4]);
     return { contentRef: g2, isAnimating: p3.current, animateCollapse: f3, maxHeight: l2, collapsed: d2, cssTransitionValue: y2 };
-  })(D2, I2, fe2, w2, q2), { pathString: ke2, nodeData: Se2, path: Ne2, name: Te2, size: xe2, canEdit: Ae, canDelete: Pe, canAdd: Re, canDrag: Ke, error: Ie, setError: Ve, onError: _e, handleEditKey: Fe, emptyStringKey: Le, derivedValues: ze } = de({ props: r5, collapsed: De2 }), { dragSourceProps: Me, getDropTargetProps: Be, BottomDropTarget: We, DropTargetPadding: Ge } = ue({ canDrag: Ke, canDragOnto: P2, path: Ne2, nodeData: Se2, onMove: V2, onError: _e, translate: Z2 }), Ye = React74.useRef(!fe2), { isEditing: He, isEditingKey: Ue, isArray: $e, canEditKey: Ze } = ze;
-  React74.useEffect((() => {
+  })(D2, I2, fe2, w2, q2), { pathString: ke2, nodeData: Se2, path: Ne2, name: Te2, size: xe2, canEdit: Ae, canDelete: Pe, canAdd: Re, canDrag: Ke, error: Ie, setError: Ve, onError: _e, handleEditKey: Fe, emptyStringKey: Le, derivedValues: ze } = de({ props: r5, collapsed: De2 }), { dragSourceProps: Me, getDropTargetProps: Be, BottomDropTarget: We, DropTargetPadding: Ge } = ue({ canDrag: Ke, canDragOnto: P2, path: Ne2, nodeData: Se2, onMove: V2, onError: _e, translate: Z2 }), Ye = React76.useRef(!fe2), { isEditing: He, isEditingKey: Ue, isArray: $e, canEditKey: Ze } = ze;
+  React76.useEffect((() => {
     ye2(q2(D2));
-  }), [D2, q2]), React74.useEffect((() => {
+  }), [D2, q2]), React76.useEffect((() => {
     const e4 = R2(Se2) && !He;
     Ye.current = !e4, Ce2(e4);
-  }), [R2]), React74.useEffect((() => {
+  }), [R2]), React76.useEffect((() => {
     if (null !== c2) {
       const e4 = u(Ne2);
       e4 && (Ye.current = true, Ce2(e4.collapsed));
     }
   }), [c2]);
-  const Xe = React74.useRef(null), Je = React74.useCallback(((e4, t4) => {
+  const Xe = React76.useRef(null), Je = React76.useCallback(((e4, t4) => {
     if ("function" != typeof U2) return U2;
     const n3 = U2(e4, t4);
     return void 0 !== n3 ? n3 : null;
-  }), [U2]), Qe = React74.useCallback(((e4) => $2 ? "function" != typeof $2 ? $2 : $2(e4) : null), [$2]), { CustomNode: qe, customNodeProps: et, CustomWrapper: tt, wrapperProps: nt = {}, hideKey: rt, showEditTools: ot = true, showOnEdit: it, showOnView: at, showCollectionWrapper: lt = true } = J2, st = b2(ke2);
+  }), [U2]), Qe = React76.useCallback(((e4) => $2 ? "function" != typeof $2 ? $2 : $2(e4) : null), [$2]), { CustomNode: qe, customNodeProps: et, CustomWrapper: tt, wrapperProps: nt = {}, hideKey: rt, showEditTools: ot = true, showOnEdit: it, showOnView: at, showCollectionWrapper: lt = true } = J2, st = b2(ke2);
   st && De2 && Ce2(false);
   if (!(y("collection", Se2, z2, B2) || 0 === Se2.level) && !st) return null;
   const ct = Array.isArray(D2) ? "array" : "object", dt = "array" === ct ? { open: "[", close: "]" } : { open: "{", close: "}" }, ut = (e4) => {
@@ -27810,15 +27997,15 @@ var De = [];
 })(':root{--jer-select-border:#b6b6b6;--jer-select-focus:#777;--jer-select-arrow:#777;--jer-form-border:1px solid #ededf0;--jer-form-border-focus:1px solid #e2e2e2;--jer-highlight-color:#b3d8ff}.jer-visible{opacity:1}.jer-hidden{opacity:0}.jer-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:#000;cursor:inherit;font-family:inherit;font-size:.8em;line-height:inherit;margin:0;outline:none;padding:0 1em 0 0;z-index:1}select::-ms-expand{display:none}.jer-select{align-items:center;background-color:#fff;background-image:linear-gradient(0deg,#f9f9f9,#fff 33%);border:1px solid var(--jer-select-border);border-radius:.25em;cursor:pointer;display:grid;grid-template-areas:"select";line-height:1.1;max-width:15ch;min-width:12ch;padding:.25em .5em;position:relative}.jer-select select,.jer-select:after{grid-area:select}.jer-select:not(.jer-select--multiple):after{background-color:var(--jer-select-arrow);clip-path:polygon(100% 0,0 0,50% 100%);content:"";height:.5em;justify-self:end;width:.8em}select:focus+.focus{border:1px solid var(--jer-select-focus);border-radius:inherit;bottom:-1px;left:-1px;position:absolute;right:-1px;top:-1px}.jer-select-inner{text-overflow:ellipsis;width:100%}.jer-editor-container{border-radius:.5em;font-size:16px;line-height:1;padding:1em 1em 1em 2em;position:relative;text-align:left}.jer-editor-container textarea{border:var(--jer-form-border);border-radius:.3em;color:var(--jer-input-color);outline:none}.jer-editor-container textarea:focus{border:var(--jer-form-border-focus)}.jer-editor-container input{border:var(--jer-form-border);border-radius:.3em;font-family:inherit;outline:none}.jer-editor-container input:focus{border:var(--jer-form-border-focus)}.jer-editor-container ::selection{background-color:var(--jer-highlight-color)}.jer-collection-header-row,.jer-value-main-row{align-items:center;display:flex;gap:.3em;min-height:1.7em}.jer-collection-header-row{display:flex;flex-wrap:wrap}.jer-collapse-icon{left:-1.2em;position:absolute;top:.35em}.jer-collection-inner{position:relative}.jer-collection-text-edit{align-items:flex-start;display:flex;flex-direction:column;gap:.3em;line-height:1.1em}.jer-collection-text-area{font-family:inherit;font-size:.85em;max-height:40em;overflow:hidden;padding:.2em .5em 0;resize:both}.jer-collection-input-button-row{display:flex;font-size:150%;justify-content:flex-end;margin-top:.4em;width:100%}.jer-collection-error-row{bottom:.5em;position:absolute}.jer-error-slug{margin-left:1em}.jer-value-component{position:relative}.jer-value-main-row{display:flex;gap:0}.jer-value-and-buttons{align-items:center;display:flex;justify-content:flex-start;padding-left:.5em}.jer-value-error-row{position:absolute}.jer-value-string{line-height:1.3em;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.jer-string-expansion{cursor:pointer;filter:saturate(50%);opacity:.6}.jer-show-less{font-size:80%}.jer-hyperlink{text-decoration:underline}.jer-input-text{font-family:inherit;font-size:.9em;height:1.4em;line-height:1.2em;margin:0;min-width:6em;overflow:hidden;padding:.25em .5em .2em;resize:none}.jer-input-boolean{margin-left:.3em;margin-right:.3em;transform:scale(1.5)}.jer-key-text{line-height:1.1em;white-space:pre-wrap;word-break:break-word}.jer-key-edit{font-size:inherit;font-size:.9em;padding:0 .3em}.jer-value-invalid{font-style:italic;opacity:.5}.jer-input-number{font-size:90%;min-width:3em}.jer-confirm-buttons,.jer-edit-buttons{align-items:center;cursor:pointer;display:flex;height:1em}.jer-input-buttons{gap:.4em}.jer-edit-buttons{gap:.4em;margin-left:.5em;opacity:0}.jer-confirm-buttons{gap:.2em;margin-left:.4em}.jer-edit-buttons:hover{opacity:1;position:relative}.jer-collection-header-row:hover>.jer-edit-buttons,.jer-value-and-buttons:hover>.jer-edit-buttons,.jer-value-main-row:hover>.jer-edit-buttons{opacity:1}.jer-copy-pulse{position:relative;transition:.3s}.jer-copy-pulse:hover{opacity:.85;transform:scale(1.2);transition:.3s}.jer-copy-pulse:after{border-radius:50%;box-shadow:0 0 15px 5px var(--jer-icon-copy-color);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s;width:100%}.jer-copy-pulse:active:after{border-radius:4em;box-shadow:0 0 0 0 var(--jer-icon-copy-color);left:0;opacity:1;position:absolute;top:0;transition:0s}.jer-copy-pulse:active{top:.07em}.jer-rotate-90{transform:rotate(-90deg)}.jer-icon:hover{opacity:.85;transform:scale(1.2);transition:.3s}.jer-empty-string{font-size:90%;font-style:italic}.jer-drag-n-drop-padding{border:1px dashed #e0e0e0;border-radius:.3em;height:.5em}.jer-clickzone{height:calc(100% - .8em);left:-1em;position:absolute;top:1.2em}', {});
 var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
 }, onEdit: d = o3, onDelete: u = o3, onAdd: p2 = o3, onChange: m2, onError: y2, onEditEvent: f2, showErrorMessages: b2 = true, enableClipboard: v2 = true, indent: E2 = 2, collapse: D2 = false, collapseAnimationTime: O2 = 300, showCollectionCount: k2 = true, restrictEdit: S2 = false, restrictDelete: N2 = false, restrictAdd: x2 = false, restrictTypeSelection: A2 = false, restrictDrag: P2 = true, viewOnly: R2, searchFilter: I2, searchText: V2, searchDebounceTime: _2 = 350, keySort: F2 = false, showArrayIndices: L2 = true, arrayIndexFromOne: z2 = false, showStringQuotes: B2 = true, showIconTooltips: W2 = false, defaultValue: G2 = null, newKeyOptions: Y2, minWidth: H2 = 250, maxWidth: U2 = "min(600px, 90vw)", rootFontSize: $2, stringTruncate: Z2 = 250, translations: X3 = {}, className: J2, id: Q2, customText: q2 = {}, customNodeDefinitions: ee2 = [], customButtons: te2 = [], jsonParse: ne2 = JSON.parse, jsonStringify: re3 = (e5, t4) => JSON.stringify(e5, t4, 2), TextEditor: oe2, errorMessageTimeout: ie2 = 2500, keyboardControls: ae2 = {}, externalTriggers: le2, insertAtTop: se2 = false, onCollapse: ce2, collapseClickZones: de2 = ["header", "left"] }) => {
-  const { getStyles: ue2 } = K(), { setCurrentlyEditingElement: pe2 } = M(), ge2 = React74.useMemo((() => Se(D2)), [D2]), he2 = React74.useMemo((() => Ee(X3, q2)), [X3, q2]), [ye2, fe2] = React74.useState(V2), [je2, we2] = (({ setData: e5, data: t4 }) => {
-    const [n4, r6] = React74.useState(e5 ? void 0 : t4), o4 = React74.useCallback(((t5) => {
+  const { getStyles: ue2 } = K(), { setCurrentlyEditingElement: pe2 } = M(), ge2 = React76.useMemo((() => Se(D2)), [D2]), he2 = React76.useMemo((() => Ee(X3, q2)), [X3, q2]), [ye2, fe2] = React76.useState(V2), [je2, we2] = (({ setData: e5, data: t4 }) => {
+    const [n4, r6] = React76.useState(e5 ? void 0 : t4), o4 = React76.useCallback(((t5) => {
       e5 ? e5(t5) : r6(t5);
     }), [e5]);
-    return React74.useEffect((() => {
+    return React76.useEffect((() => {
       e5 || r6(t4);
     }), [t4]), [e5 ? t4 : n4, o4];
-  })({ setData: n3, data: e4 }), De2 = React74.useRef(null);
-  React74.useEffect((() => {
+  })({ setData: n3, data: e4 }), De2 = React76.useRef(null);
+  React76.useEffect((() => {
     pe2(null);
     const e5 = setTimeout((() => fe2(V2)), _2);
     return () => clearTimeout(e5);
@@ -27829,7 +28016,7 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
     const r6 = Te(n4) ? n4 : ["error", n4], [o4, i3] = r6;
     if ("error" === o4) return we2(t4.currentData), false === i3 ? he2("ERROR_UPDATE", Ce2) : String(i3);
     we2(i3);
-  })), Ae = React74.useMemo((() => Se(S2, R2)), [S2, R2]), Pe = React74.useMemo((() => Se(N2, R2)), [N2, R2]), Re = React74.useMemo((() => Se(x2, R2)), [x2, R2]), Ke = React74.useMemo((() => Se(P2, R2)), [P2, R2]), Ie = React74.useMemo((() => Ne(I2)), [I2]), Ve = React74.useMemo((() => ((e5) => {
+  })), Ae = React76.useMemo((() => Se(S2, R2)), [S2, R2]), Pe = React76.useMemo((() => Se(N2, R2)), [N2, R2]), Re = React76.useMemo((() => Se(x2, R2)), [x2, R2]), Ke = React76.useMemo((() => Se(P2, R2)), [P2, R2]), Ie = React76.useMemo((() => Ne(I2)), [I2]), Ve = React76.useMemo((() => ((e5) => {
     const t4 = Object.assign({}, C);
     for (const n4 of Object.keys(C)) {
       const r6 = n4;
@@ -27841,25 +28028,25 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
       }
     }
     return t4;
-  })(ae2)), [ae2]), _e = React74.useCallback(((e5, t4) => ((e6, t5, n4) => {
+  })(ae2)), [ae2]), _e = React76.useCallback(((e5, t4) => ((e6, t5, n4) => {
     const r6 = Object.entries(t5);
     for (const [t6, o4] of r6) if (w(n4, e6[t6], t6)) {
       n4.preventDefault(), o4();
       break;
     }
-  })(Ve, t4, e5)), [Ve]), Fe = React74.useMemo((() => {
+  })(Ve, t4, e5)), [Ve]), Fe = React76.useMemo((() => {
     const e5 = xe(ee2, "stringifyReplacer");
     return (t4) => re3(t4, e5);
-  }), [ee2, re3]), Le = React74.useMemo((() => {
+  }), [ee2, re3]), Le = React76.useMemo((() => {
     const e5 = xe(ee2, "parseReviver");
     return (t4) => {
       const n4 = ne2(t4, e5);
       return T(n4);
     };
-  }), [ee2, ne2]), ze = React74.useRef(null);
+  }), [ee2, ne2]), ze = React76.useRef(null);
   ((e5, t4) => {
     const { setCurrentlyEditingElement: n4, currentlyEditingElement: r6, setCollapseState: o4 } = M();
-    React74.useEffect((() => {
+    React76.useEffect((() => {
       if (!e5) return;
       const { collapse: i3, edit: a3 } = e5;
       i3 && o4(i3);
@@ -27876,7 +28063,7 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
       }
     }), [e5]);
   })(le2, ze);
-  const Me = React74.useCallback(((e5, t4) => {
+  const Me = React76.useCallback(((e5, t4) => {
     false !== F2 && ("function" != typeof F2 ? e5.sort(((e6, n4) => {
       const r6 = t4(e6)[0], o4 = t4(n4)[0];
       return r6 < o4 ? -1 : r6 > o4 ? 1 : 0;
@@ -27902,8 +28089,8 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
 };
 var Oe = (e4) => {
   var n3;
-  const [r5, o3] = React74.useState();
-  return React74.useEffect((() => {
+  const [r5, o3] = React76.useState();
+  return React76.useEffect((() => {
     const e5 = document.documentElement;
     o3(e5);
   }), []), r5 ? jsxRuntime.jsx(R, { theme: null !== (n3 = e4.theme) && void 0 !== n3 ? n3 : A, icons: e4.icons, docRoot: r5, children: jsxRuntime.jsx(z, { onEditEvent: e4.onEditEvent, onCollapse: e4.onCollapse, children: jsxRuntime.jsx(Ce, Object.assign({}, e4)) }) }) : null;
@@ -27945,7 +28132,7 @@ function JsonEditorRawPanel(props) {
   const canEditRaw = (_b = permissions == null ? void 0 : permissions.canEditRaw) != null ? _b : false;
   if (!canViewRaw) return null;
   const viewOnly = !!disabled || !!readOnly || !canEditRaw;
-  const onCopy = React74__namespace.useCallback(async () => {
+  const onCopy = React76__namespace.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(
         JSON.stringify(root != null ? root : {}, null, 2)
@@ -28039,17 +28226,17 @@ function collectAllPaths(value, prefix = "", out = []) {
 }
 function useControllable(opts) {
   const { value, defaultValue, onChange } = opts;
-  const [inner, setInner] = React74__namespace.useState(defaultValue);
+  const [inner, setInner] = React76__namespace.useState(defaultValue);
   const isControlled = value !== void 0;
   const state = isControlled ? value : inner;
-  const setState = React74__namespace.useCallback(
+  const setState = React76__namespace.useCallback(
     (next) => {
       if (!isControlled) setInner(next);
       onChange == null ? void 0 : onChange(next);
     },
     [isControlled, onChange]
   );
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!isControlled) return;
     setInner(value);
   }, [isControlled]);
@@ -28064,7 +28251,7 @@ function callCallbacks(callbacks, action, nextRoot, ctx) {
   const meta = { action, route: ctx.route, path, parent, key };
   (_b = callbacks.onEdit) == null ? void 0 : _b.call(callbacks, nextRoot, meta);
 }
-var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props, ref) {
+var JsonEditor = React76__namespace.forwardRef(function JsonEditorEditor(props, ref) {
   var _a, _b;
   const {
     root,
@@ -28094,16 +28281,16 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
   } = props;
   const canViewRaw = (_a = permissions == null ? void 0 : permissions.canViewRaw) != null ? _a : true;
   const canEditRaw = (_b = permissions == null ? void 0 : permissions.canEditRaw) != null ? _b : false;
-  const routes = React74__namespace.useMemo(
+  const routes = React76__namespace.useMemo(
     () => buildJsonRoutes(root, void 0, filters),
     [root, filters]
   );
-  const allPaths = React74__namespace.useMemo(() => {
+  const allPaths = React76__namespace.useMemo(() => {
     const list = collectAllPaths(root, "", []);
     const seen = /* @__PURE__ */ new Set();
     return list.filter((p2) => seen.has(p2) ? false : (seen.add(p2), true));
   }, [root]);
-  const computedInitialRoute = React74__namespace.useMemo(() => {
+  const computedInitialRoute = React76__namespace.useMemo(() => {
     var _a2, _b2;
     const explicit = routeProp != null ? routeProp : defaultRoute;
     if (explicit !== void 0) return explicit;
@@ -28119,25 +28306,25 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     defaultValue: defaultViewMode,
     onChange: onViewModeChange
   });
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!canViewRaw && (viewMode === "raw" || viewMode === "split")) {
       setViewMode("visual");
     }
   }, [canViewRaw, setViewMode, viewMode]);
-  const fileInputRef = React74__namespace.useRef(null);
-  const contentRef = React74__namespace.useRef(null);
-  const [rawWidth, setRawWidth] = React74__namespace.useState(420);
-  const [isResizing, setIsResizing] = React74__namespace.useState(false);
-  const startXRef = React74__namespace.useRef(0);
-  const startWRef = React74__namespace.useRef(0);
-  const clampRawWidth = React74__namespace.useCallback((w2) => {
+  const fileInputRef = React76__namespace.useRef(null);
+  const contentRef = React76__namespace.useRef(null);
+  const [rawWidth, setRawWidth] = React76__namespace.useState(420);
+  const [isResizing, setIsResizing] = React76__namespace.useState(false);
+  const startXRef = React76__namespace.useRef(0);
+  const startWRef = React76__namespace.useRef(0);
+  const clampRawWidth = React76__namespace.useCallback((w2) => {
     var _a2, _b2;
     const containerW = (_b2 = (_a2 = contentRef.current) == null ? void 0 : _a2.getBoundingClientRect().width) != null ? _b2 : 0;
     const min2 = 260;
     const max2 = containerW ? Math.max(min2, Math.min(900, containerW - 240)) : 900;
     return Math.max(min2, Math.min(max2, w2));
   }, []);
-  const onResizePointerDown = React74__namespace.useCallback(
+  const onResizePointerDown = React76__namespace.useCallback(
     (e4) => {
       if (e4.button !== 0 && e4.pointerType === "mouse") return;
       setIsResizing(true);
@@ -28149,7 +28336,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [rawWidth]
   );
-  const onResizePointerMove = React74__namespace.useCallback(
+  const onResizePointerMove = React76__namespace.useCallback(
     (e4) => {
       if (!isResizing) return;
       const dx = e4.clientX - startXRef.current;
@@ -28158,7 +28345,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [clampRawWidth, isResizing]
   );
-  const stopResizing = React74__namespace.useCallback(
+  const stopResizing = React76__namespace.useCallback(
     (e4) => {
       if (!isResizing) return;
       setIsResizing(false);
@@ -28169,14 +28356,14 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [isResizing]
   );
-  const loadFile = React74__namespace.useCallback(() => {
+  const loadFile = React76__namespace.useCallback(() => {
     var _a2;
     (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, []);
-  const close = React74__namespace.useCallback(() => {
+  const close = React76__namespace.useCallback(() => {
     onClose == null ? void 0 : onClose();
   }, [onClose]);
-  const onFilePicked = React74__namespace.useCallback(
+  const onFilePicked = React76__namespace.useCallback(
     async (e4) => {
       var _a2;
       const file = (_a2 = e4.target.files) == null ? void 0 : _a2[0];
@@ -28196,7 +28383,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [callbacks, onRoot, route]
   );
-  const breadcrumb = React74__namespace.useMemo(() => {
+  const breadcrumb = React76__namespace.useMemo(() => {
     const segs = splitPath(route);
     const parts = [];
     const rootNode = {
@@ -28223,7 +28410,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
       }) : prettifyLabel2(s3);
       parts.push({ path: acc, label });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: parts.map((p2, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React74__namespace.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: parts.map((p2, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React76__namespace.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button2,
         {
@@ -28238,7 +28425,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
       idx < parts.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: "/" }) : null
     ] }, p2.path || "root")) });
   }, [route, routes, renderRouteLabel, setRoute]);
-  const routeTitle = React74__namespace.useMemo(() => {
+  const routeTitle = React76__namespace.useMemo(() => {
     if (!route) return "Config.json";
     const key = lastSegment(route);
     if (renderRouteLabel) {
@@ -28254,7 +28441,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     }
     return prettifyLabel2(key);
   }, [route, renderRouteLabel]);
-  const viewControls = React74__namespace.useMemo(() => {
+  const viewControls = React76__namespace.useMemo(() => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Button2,
@@ -28297,7 +28484,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
       ) : null
     ] });
   }, [canViewRaw, setViewMode, viewMode]);
-  const header = React74__namespace.useMemo(() => {
+  const header = React76__namespace.useMemo(() => {
     const ctx = {
       title: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-medium", children: headerTitle != null ? headerTitle : "JSON Editor" }) }),
       viewControls,
@@ -28349,7 +28536,7 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     showClose,
     viewControls
   ]);
-  const onVisualRoot = React74__namespace.useCallback(
+  const onVisualRoot = React76__namespace.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       const d = detail;
@@ -28361,14 +28548,14 @@ var JsonEditor = React74__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [callbacks, onRoot, route]
   );
-  const onRawRoot = React74__namespace.useCallback(
+  const onRawRoot = React76__namespace.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       callCallbacks(callbacks, "edit-raw", nextRoot, { route, path: "" });
     },
     [callbacks, onRoot, route]
   );
-  React74__namespace.useImperativeHandle(
+  React76__namespace.useImperativeHandle(
     ref,
     () => ({
       loadFile,
@@ -28490,7 +28677,7 @@ function triggerHeightCls(size) {
       return "h-9 text-sm";
   }
 }
-var ShadcnJsonEditorVariant = React74__namespace.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
+var ShadcnJsonEditorVariant = React76__namespace.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
   var _a;
   const {
     mode = "popover",
@@ -28537,15 +28724,15 @@ var ShadcnJsonEditorVariant = React74__namespace.forwardRef(function ShadcnJsonE
     extendBoxToControls = true,
     triggerClassName
   } = props;
-  const editorRef = React74__namespace.useRef(null);
-  const root = React74__namespace.useMemo(() => {
+  const editorRef = React76__namespace.useRef(null);
+  const root = React76__namespace.useMemo(() => {
     if ("root" in props) return props.root;
     const v2 = props.value;
     if (isPlainObject5(v2)) return v2;
     if (v2 == null) return {};
     return {};
   }, [props]);
-  const emitRoot = React74__namespace.useCallback(
+  const emitRoot = React76__namespace.useCallback(
     (nextRoot, detail) => {
       var _a2, _b;
       if ("onRoot" in props) {
@@ -28556,9 +28743,9 @@ var ShadcnJsonEditorVariant = React74__namespace.forwardRef(function ShadcnJsonE
     },
     [props]
   );
-  const [openInner, setOpenInner] = React74__namespace.useState(false);
+  const [openInner, setOpenInner] = React76__namespace.useState(false);
   const open = openProp != null ? openProp : openInner;
-  const setOpen = React74__namespace.useCallback(
+  const setOpen = React76__namespace.useCallback(
     (next) => {
       if (openProp === void 0) setOpenInner(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
@@ -28566,11 +28753,11 @@ var ShadcnJsonEditorVariant = React74__namespace.forwardRef(function ShadcnJsonE
     },
     [openProp, onOpenChange, onClose]
   );
-  const close = React74__namespace.useCallback(() => setOpen(false), [setOpen]);
-  const doOpen = React74__namespace.useCallback(() => setOpen(true), [setOpen]);
-  const toggle = React74__namespace.useCallback(() => setOpen(!open), [setOpen, open]);
-  const [expanded, setExpanded] = React74__namespace.useState();
-  React74__namespace.useImperativeHandle(
+  const close = React76__namespace.useCallback(() => setOpen(false), [setOpen]);
+  const doOpen = React76__namespace.useCallback(() => setOpen(true), [setOpen]);
+  const toggle = React76__namespace.useCallback(() => setOpen(!open), [setOpen, open]);
+  const [expanded, setExpanded] = React76__namespace.useState();
+  React76__namespace.useImperativeHandle(
     ref,
     () => ({
       open: doOpen,
@@ -29016,7 +29203,7 @@ var defaultHost = {
   }
 };
 
-// src/presets/shadcn-variants/lister/patch.ts
+// src/presets/shadcn/variants/lister/patch.ts
 function makeInlineDef(args) {
   const mapping = {
     optionValue: (raw, ctx) => pick(raw, args.optionValue, ctx),
@@ -29127,7 +29314,7 @@ function normalizeIconifyInput(icon) {
 }
 function OptionIcon(props) {
   const { icon, className } = props;
-  if (React74__namespace.isValidElement(icon)) {
+  if (React76__namespace.isValidElement(icon)) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("shrink-0", className), children: icon });
   }
   if (isSvgSnippetString(icon)) {
@@ -29180,7 +29367,7 @@ function OptionList(props) {
   const options = (_a = selectors.visibleOptions(id)) != null ? _a : [];
   const draft = s3 == null ? void 0 : s3.draftValue;
   const isMulti = (s3 == null ? void 0 : s3.mode) === "multiple";
-  const isSelected = React74__namespace.useCallback(
+  const isSelected = React76__namespace.useCallback(
     (value) => {
       if (isMulti) return Array.isArray(draft) && draft.includes(value);
       return draft === value;
@@ -29188,19 +29375,19 @@ function OptionList(props) {
     [draft, isMulti]
   );
   if (s3 == null ? void 0 : s3.errorCode) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-4 text-sm opacity-70", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-4 text-sm opacity-70", children: [
       "Error: ",
       String(s3.errorCode)
     ] }) });
   }
   if ((s3 == null ? void 0 : s3.loading) && !((_b = s3 == null ? void 0 : s3.optionsList) == null ? void 0 : _b.length)) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "Loading\u2026" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "Loading\u2026" }) });
   }
   if (!options.length) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "No results" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "No results" }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full min-h-0 overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full min-h-0 p-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactVirtuoso.Virtuoso,
+    VirtualScroll,
     {
       style: { height: "100%", minHeight: 0 },
       data: options,
@@ -29399,25 +29586,25 @@ function ListerInner(props) {
     panelClassName
   } = props;
   const { api, actions, store } = useLister();
-  const ownerKeyRef = React74__namespace.useRef(
+  const ownerKeyRef = React76__namespace.useRef(
     (_a = openOptions == null ? void 0 : openOptions.ownerKey) != null ? _a : createRuntimeKey("lister_owner")
   );
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const next = openOptions == null ? void 0 : openOptions.ownerKey;
     if (next) ownerKeyRef.current = next;
   }, [openOptions]);
   const session = findSessionByOwner(store, ownerKeyRef.current);
   const sessionId = session == null ? void 0 : session.sessionId;
   const isOpen = !!(session == null ? void 0 : session.isOpen);
-  const [selectedOptions, setSelectedOptions] = React74__namespace.useState(
+  const [selectedOptions, setSelectedOptions] = React76__namespace.useState(
     null
   );
-  const openingRef = React74__namespace.useRef(false);
+  const openingRef = React76__namespace.useRef(false);
   const mode = modeProp != null ? modeProp : "single";
   const confirm = mode === "multiple" ? true : !!confirmProp;
   const disabledTrigger = !!(disabled || readOnly);
   const hasValue = mode === "multiple" ? Array.isArray(value) && value.length > 0 : value != null && value !== "";
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!hasValue) {
       setSelectedOptions(null);
       return;
@@ -29453,7 +29640,7 @@ function ListerInner(props) {
       alive = false;
     };
   }, [api, def, filters, mode, value, hasValue]);
-  const openSession = React74__namespace.useCallback(async () => {
+  const openSession = React76__namespace.useCallback(async () => {
     var _a2, _b2;
     console.log(openingRef.current);
     if (disabledTrigger) return;
@@ -29494,7 +29681,7 @@ function ListerInner(props) {
     permissions,
     value
   ]);
-  const clear = React74__namespace.useCallback(() => {
+  const clear = React76__namespace.useCallback(() => {
     if (disabledTrigger) return;
     onValue(void 0, {
       action: "clear",
@@ -29502,7 +29689,7 @@ function ListerInner(props) {
     });
     setSelectedOptions(null);
   }, [disabledTrigger, onValue]);
-  const display = React74__namespace.useMemo(() => {
+  const display = React76__namespace.useMemo(() => {
     return buildLabelsFromOptions({
       mode,
       value,
@@ -29511,7 +29698,7 @@ function ListerInner(props) {
       maxItems: maxDisplayItems
     });
   }, [maxDisplayItems, mode, placeholder, selectedOptions, value]);
-  const triggerCtx = React74__namespace.useMemo(
+  const triggerCtx = React76__namespace.useMemo(
     () => ({
       mode,
       value,
@@ -29637,7 +29824,7 @@ function ListerInner(props) {
     }
   );
   const userTriggerEl = renderTrigger ? renderTrigger(triggerCtx) : null;
-  const TriggerNode = renderTrigger && React74__namespace.isValidElement(userTriggerEl) ? React74__namespace.cloneElement(userTriggerEl, {
+  const TriggerNode = renderTrigger && React76__namespace.isValidElement(userTriggerEl) ? React76__namespace.cloneElement(userTriggerEl, {
     className: cn(
       (_b = userTriggerEl.props) == null ? void 0 : _b.className,
       className
@@ -29863,11 +30050,11 @@ function ListerResolvedInner(props) {
   } = props;
   const isStandaloneInline = !def && endpoint != null;
   const shouldInferOptionValue = isStandaloneInline && optionValue === void 0;
-  const [resolvedOptionValue, setResolvedOptionValue] = React74__namespace.useState(() => optionValue != null ? optionValue : "id");
-  React74__namespace.useEffect(() => {
+  const [resolvedOptionValue, setResolvedOptionValue] = React76__namespace.useState(() => optionValue != null ? optionValue : "id");
+  React76__namespace.useEffect(() => {
     if (optionValue !== void 0) setResolvedOptionValue(optionValue);
   }, [optionValue]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!shouldInferOptionValue) return;
     if (!endpoint) return;
     let alive = true;
@@ -29919,7 +30106,7 @@ function ListerResolvedInner(props) {
   const inlineExists = endpoint !== void 0 || method !== void 0 || buildRequest !== void 0 || selector !== void 0 || resolvedOptionValue !== void 0 || // ✅ KEEP THIS (your rule)
   optionLabel !== void 0 || optionIcon !== void 0 || optionDescription !== void 0 || optionDisabled !== void 0 || optionGroup !== void 0 || optionMeta !== void 0 || // ✅ include search override as "inline patch" signal too
   search !== void 0;
-  const finalDef = React74__namespace.useMemo(() => {
+  const finalDef = React76__namespace.useMemo(() => {
     const baseDef = def;
     if (!inlineExists) return baseDef;
     if (!baseDef) {
@@ -29974,7 +30161,7 @@ function ListerResolvedInner(props) {
     optionMeta,
     search
   ]);
-  const openOptions = React74__namespace.useMemo(() => {
+  const openOptions = React76__namespace.useMemo(() => {
     return {
       title,
       searchMode,
@@ -30228,24 +30415,24 @@ function IconPickerPanel(props) {
     maxRender = 2500
   } = props;
   const den = densityTokens2(density);
-  const groups = React74__namespace.useMemo(() => {
+  const groups = React76__namespace.useMemo(() => {
     const base = groupsProp != null ? groupsProp : [];
     if (!(allowedGroupIds == null ? void 0 : allowedGroupIds.length)) return base;
     const allowed = base.filter((g2) => allowedGroupIds.includes(g2.id));
     return allowed.length ? allowed : base;
   }, [allowedGroupIds, groupsProp]);
-  const prefixes = React74__namespace.useMemo(() => {
+  const prefixes = React76__namespace.useMemo(() => {
     return uniq2(groups.flatMap((g2) => g2.prefixes).filter(Boolean));
   }, [groups]);
-  const [selectedGroupId, setSelectedGroupId] = React74__namespace.useState(() => {
+  const [selectedGroupId, setSelectedGroupId] = React76__namespace.useState(() => {
     var _a;
     return (_a = groups[0]) == null ? void 0 : _a.id;
   });
-  const [searchQuery, setSearchQuery] = React74__namespace.useState("");
-  const [loading, setLoading] = React74__namespace.useState(false);
-  const [error, setError] = React74__namespace.useState(null);
-  const [allIcons, setAllIcons] = React74__namespace.useState([]);
-  React74__namespace.useEffect(() => {
+  const [searchQuery, setSearchQuery] = React76__namespace.useState("");
+  const [loading, setLoading] = React76__namespace.useState(false);
+  const [error, setError] = React76__namespace.useState(null);
+  const [allIcons, setAllIcons] = React76__namespace.useState([]);
+  React76__namespace.useEffect(() => {
     setSelectedGroupId((prev) => {
       var _a, _b;
       if (!prev) return (_a = groups[0]) == null ? void 0 : _a.id;
@@ -30253,7 +30440,7 @@ function IconPickerPanel(props) {
       return exists ? prev : (_b = groups[0]) == null ? void 0 : _b.id;
     });
   }, [groups]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     const controller = new AbortController();
     let mounted = true;
     const load = async () => {
@@ -30295,15 +30482,15 @@ function IconPickerPanel(props) {
       controller.abort();
     };
   }, [prefixes, url]);
-  const selectedGroup = React74__namespace.useMemo(
+  const selectedGroup = React76__namespace.useMemo(
     () => groups.find((g2) => g2.id === selectedGroupId),
     [groups, selectedGroupId]
   );
-  const selectedGroupPrefixes = React74__namespace.useMemo(() => {
+  const selectedGroupPrefixes = React76__namespace.useMemo(() => {
     if (!selectedGroup) return void 0;
     return new Set(selectedGroup.prefixes);
   }, [selectedGroup]);
-  const filteredIcons = React74__namespace.useMemo(() => {
+  const filteredIcons = React76__namespace.useMemo(() => {
     const q2 = searchQuery.trim().toLowerCase();
     let list = allIcons;
     if (selectedGroupPrefixes) {
@@ -30319,7 +30506,7 @@ function IconPickerPanel(props) {
     }
     return list;
   }, [allIcons, searchQuery, selectedGroupPrefixes]);
-  const limitedIcons = React74__namespace.useMemo(() => {
+  const limitedIcons = React76__namespace.useMemo(() => {
     if (filteredIcons.length <= maxRender) return filteredIcons;
     return filteredIcons.slice(0, maxRender);
   }, [filteredIcons, maxRender]);
@@ -30333,7 +30520,7 @@ function IconPickerPanel(props) {
       value.includes(iconName) ? value.filter((x2) => x2 !== iconName) : [...value, iconName]
     );
   };
-  const GridComponents = React74__namespace.useMemo(
+  const GridComponents = React76__namespace.useMemo(
     () => ({
       List: (p2) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -30346,8 +30533,11 @@ function IconPickerPanel(props) {
     }),
     []
   );
-  const gridHeightStyle = React74__namespace.useMemo(
-    () => ({ height: "50vh" }),
+  const gridHeightStyle = React76__namespace.useMemo(
+    () => ({
+      height: "320px",
+      maxHeight: "calc(var(--radix-popper-available-height) - 140px)"
+    }),
     []
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
@@ -30404,7 +30594,7 @@ function IconPickerPanel(props) {
         " results (refine search to narrow)."
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        reactVirtuoso.VirtuosoGrid,
+        VirtualScrollGrid,
         {
           style: gridHeightStyle,
           data: limitedIcons,
@@ -30471,7 +30661,7 @@ function IconPickerPanel(props) {
     )
   ] });
 }
-var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant2(props, ref) {
+var ShadcnIconVariant = React76__namespace.forwardRef(function ShadcnIconVariant2(props, ref) {
   var _a, _b;
   const {
     value,
@@ -30523,12 +30713,12 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
   const resolvedLeadingIcons = (leadingIcons == null ? void 0 : leadingIcons.length) ? leadingIcons : icon ? [icon] : [];
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
-  const [popoverOpen, setPopoverOpen] = React74__namespace.useState(false);
-  const selected = React74__namespace.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React76__namespace.useState(false);
+  const selected = React76__namespace.useMemo(() => {
     if (multiple) return Array.isArray(value) ? value.filter(Boolean) : [];
     return typeof value === "string" && value ? [value] : [];
   }, [multiple, value]);
-  const emit = React74__namespace.useCallback(
+  const emit = React76__namespace.useCallback(
     (nextArr, meta) => {
       var _a2, _b2;
       if (!onValue) return;
@@ -30550,7 +30740,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
     },
     [multiple, onValue]
   );
-  const Chip = React74__namespace.useCallback(
+  const Chip = React76__namespace.useCallback(
     ({ iconName }) => {
       var _a2;
       const short = (_a2 = iconName.split(":")[1]) != null ? _a2 : iconName;
@@ -30613,7 +30803,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
     [chipHeightCls, den.chipGap, den.chipPad, emit, selected]
   );
   const selectedCount = selected.length;
-  const resolveButtonTriggerElement = React74__namespace.useCallback(() => {
+  const resolveButtonTriggerElement = React76__namespace.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: selected,
@@ -30643,7 +30833,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React74__namespace.cloneElement(el, {
+        return React76__namespace.cloneElement(el, {
           className: nextClass,
           children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: child }),
@@ -30651,7 +30841,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
           ] })
         });
       }
-      return React74__namespace.cloneElement(el, {
+      return React76__namespace.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           child,
@@ -30659,7 +30849,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
         ] })
       });
     };
-    const withNoopDnD = (el) => React74__namespace.cloneElement(el, {
+    const withNoopDnD = (el) => React76__namespace.cloneElement(el, {
       // keep event-merging parity with file variant (no-op, but safe)
       onDragOver: mergeHandlers2(
         el.props.onDragOver,
@@ -30676,7 +30866,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
         }
       )
     });
-    if (React74__namespace.isValidElement(rawNode))
+    if (React76__namespace.isValidElement(rawNode))
       return withNoopDnD(injectBadgeIntoElement(rawNode));
     const fallback = /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -30724,7 +30914,7 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
     triggerClassName
   ]);
   const COLLAPSE_LIMIT = 2;
-  const TriggerRegion = React74__namespace.useMemo(() => {
+  const TriggerRegion = React76__namespace.useMemo(() => {
     const hasItems = selected.length > 0;
     const visibleItems = selected.slice(0, COLLAPSE_LIMIT);
     const hiddenCount = selected.length - COLLAPSE_LIMIT;
@@ -30812,11 +31002,11 @@ var ShadcnIconVariant = React74__namespace.forwardRef(function ShadcnIconVariant
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height) overflow-hidden flex flex-col",
             popoverClassName
           ),
           align: "start",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
@@ -31096,8 +31286,8 @@ function isFileLikeString(s3) {
   return FILE_EXT_RE.test(v2);
 }
 function useImagePreview(value) {
-  const [src, setSrc] = React74__namespace.useState(null);
-  React74__namespace.useEffect(() => {
+  const [src, setSrc] = React76__namespace.useState(null);
+  React76__namespace.useEffect(() => {
     if (!value) {
       setSrc(null);
       return;
@@ -31115,7 +31305,7 @@ var ImageThumb = ({ image }) => {
   const src = useImagePreview(image);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-sm border bg-muted/50", children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx(Image, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageIconVariant2(props, ref) {
+var ShadcnImageIconVariant = React76__namespace.forwardRef(function ShadcnImageIconVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -31172,7 +31362,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
   const regIcon = getPaletteUtil("iconPicker");
   const resolvedIconUrl = iconUrl != null ? iconUrl : regIcon == null ? void 0 : regIcon.url;
   const resolvedIconGroups = iconGroups != null ? iconGroups : regIcon == null ? void 0 : regIcon.groups;
-  const effectiveIconGroups = React74__namespace.useMemo(() => {
+  const effectiveIconGroups = React76__namespace.useMemo(() => {
     const groups = resolvedIconGroups != null ? resolvedIconGroups : DEFAULT_GROUPS;
     const allowed = toArray2(allowedIconGroupIds).filter(
       Boolean
@@ -31181,7 +31371,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     const filtered = groups.filter((g2) => allowed.includes(g2.id));
     return filtered.length ? filtered : groups;
   }, [resolvedIconGroups, allowedIconGroupIds]);
-  const allowedIconPrefixes = React74__namespace.useMemo(() => {
+  const allowedIconPrefixes = React76__namespace.useMemo(() => {
     var _a;
     const set = /* @__PURE__ */ new Set();
     for (const g2 of effectiveIconGroups) {
@@ -31189,7 +31379,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     }
     return set;
   }, [effectiveIconGroups]);
-  const isIconString = React74__namespace.useCallback(
+  const isIconString = React76__namespace.useCallback(
     (raw) => {
       var _a;
       const s3 = raw.trim();
@@ -31201,7 +31391,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     },
     [allowedIconPrefixes]
   );
-  const normaliseImageIconInput = React74__namespace.useCallback(
+  const normaliseImageIconInput = React76__namespace.useCallback(
     (v2) => {
       var _a;
       if (v2 == null) return null;
@@ -31242,25 +31432,25 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
   const resolvedLeadingIcons = (leadingIcons == null ? void 0 : leadingIcons.length) ? leadingIcons : icon ? [icon] : [];
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
-  const [popoverOpen, setPopoverOpen] = React74__namespace.useState(false);
-  const [tab, setTab] = React74__namespace.useState("icon");
-  const list = React74__namespace.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React76__namespace.useState(false);
+  const [tab, setTab] = React76__namespace.useState("icon");
+  const list = React76__namespace.useMemo(() => {
     const raw = multiple ? toArray2(value) : value != null ? [value] : [];
     return raw.map(normaliseImageIconInput).filter(Boolean);
   }, [multiple, normaliseImageIconInput, value]);
-  const iconsSelected = React74__namespace.useMemo(() => {
+  const iconsSelected = React76__namespace.useMemo(() => {
     return list.filter((x2) => x2.kind === "icon").map((x2) => x2.icon);
   }, [list]);
-  const imagesSelected = React74__namespace.useMemo(() => {
+  const imagesSelected = React76__namespace.useMemo(() => {
     return list.filter((x2) => x2.kind === "image");
   }, [list]);
-  const toFieldRaw = React74__namespace.useCallback(
+  const toFieldRaw = React76__namespace.useCallback(
     (x2) => {
       return x2.kind === "icon" ? x2.icon : x2.image;
     },
     []
   );
-  const emit = React74__namespace.useCallback(
+  const emit = React76__namespace.useCallback(
     (nextList, meta) => {
       var _a, _b;
       if (!onValue) return;
@@ -31289,7 +31479,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     emit(next, { action: "remove", index: idx });
   };
   const clearAll = () => emit([], { action: "clear" });
-  const Chip = React74__namespace.useCallback(
+  const Chip = React76__namespace.useCallback(
     ({ item, index }) => {
       var _a, _b, _c;
       const label = item.kind === "icon" ? (_a = item.icon.split(":")[1]) != null ? _a : item.icon : (_c = item.name) != null ? _c : typeof item.image === "string" ? (_b = item.image.split(/[\\/]/).pop()) != null ? _b : item.image : item.image.name;
@@ -31340,7 +31530,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     [chipHeightCls, den.chipGap, den.chipPad, removeAt]
   );
   const selectedCount = list.length;
-  const resolveButtonTriggerElement = React74__namespace.useCallback(() => {
+  const resolveButtonTriggerElement = React76__namespace.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: list,
@@ -31370,7 +31560,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React74__namespace.cloneElement(el, {
+        return React76__namespace.cloneElement(el, {
           className: nextClass,
           children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: child }),
@@ -31378,7 +31568,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
           ] })
         });
       }
-      return React74__namespace.cloneElement(el, {
+      return React76__namespace.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           child,
@@ -31386,7 +31576,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
         ] })
       });
     };
-    if (React74__namespace.isValidElement(rawNode))
+    if (React76__namespace.isValidElement(rawNode))
       return injectBadgeIntoElement(rawNode);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -31418,12 +31608,12 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     selectedCount,
     triggerClassName
   ]);
-  const [dragOver, setDragOver] = React74__namespace.useState(false);
-  const fileInputRef = React74__namespace.useRef(null);
-  const [imgSelectedIds, setImgSelectedIds] = React74__namespace.useState(
+  const [dragOver, setDragOver] = React76__namespace.useState(false);
+  const fileInputRef = React76__namespace.useRef(null);
+  const [imgSelectedIds, setImgSelectedIds] = React76__namespace.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const imageItems = React74__namespace.useMemo(() => {
+  const imageItems = React76__namespace.useMemo(() => {
     return imagesSelected.map((x2) => normaliseFileLike2(x2.image));
   }, [imagesSelected]);
   const canAddMore = (nextCount) => {
@@ -31486,7 +31676,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
       setImagesFromItems(next, { from });
     }
   };
-  const openImagePicker = React74__namespace.useCallback(async () => {
+  const openImagePicker = React76__namespace.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     const resolvedLoader = typeof customLoader == "function" ? customLoader : customLoader ? getPaletteUtil("customLoader") : void 0;
@@ -31511,14 +31701,14 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
     }
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, [accept, customLoader, imageItems, isDisabled, mergeMode, multiple]);
-  const onDragOver = React74__namespace.useCallback(
+  const onDragOver = React76__namespace.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React74__namespace.useCallback(
+  const onDrop = React76__namespace.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -31567,7 +31757,7 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
       if (icons[0]) setPopoverOpen(false);
     }
   };
-  const TriggerRegion = React74__namespace.useMemo(() => {
+  const TriggerRegion = React76__namespace.useMemo(() => {
     const COLLAPSE_LIMIT = 2;
     const hasItems = list.length > 0;
     const visibleItems = list.slice(0, COLLAPSE_LIMIT);
@@ -31662,11 +31852,11 @@ var ShadcnImageIconVariant = React74__namespace.forwardRef(function ShadcnImageI
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height) overflow-hidden flex flex-col",
             popoverClassName
           ),
           align: "start",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
@@ -32197,7 +32387,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React74.useMemo(() => {
+  const content = React76.useMemo(() => {
     var _a;
     if (children) {
       return children;
@@ -32318,11 +32508,11 @@ function buildLayoutGraph(args) {
     }
   };
 }
-var CoreContextReact = React74__namespace.default.createContext(
+var CoreContextReact = React76__namespace.default.createContext(
   null
 );
 function useCoreContext() {
-  const ctx = React74.useContext(CoreContextReact);
+  const ctx = React76.useContext(CoreContextReact);
   if (!ctx) {
     throw new Error("useCoreContext must be used within a <CoreProvider>.");
   }
@@ -32350,41 +32540,41 @@ function useField(options) {
     onValueChange,
     onSubmit
   } = options;
-  const ref = React74__namespace.useRef(null);
-  const stateRef = React74__namespace.useRef({
+  const ref = React76__namespace.useRef(null);
+  const stateRef = React76__namespace.useRef({
     value: defaultValue,
     error: "",
     loading: false,
     original: getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   });
-  const [valueState, setValueState] = React74__namespace.useState(
+  const [valueState, setValueState] = React76__namespace.useState(
     stateRef.current.value
   );
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (isControlled && valueProp !== stateRef.current.value) {
       stateRef.current.value = valueProp;
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React74__namespace.useState(
+  const [error, setErrorState] = React76__namespace.useState(
     stateRef.current.error
   );
-  const [loading, setLoadingState] = React74__namespace.useState(
+  const [loading, setLoadingState] = React76__namespace.useState(
     stateRef.current.loading
   );
-  const [required, setRequired] = React74__namespace.useState(
+  const [required, setRequired] = React76__namespace.useState(
     Boolean(requiredProp)
   );
-  const [disabled, setDisabled] = React74__namespace.useState(
+  const [disabled, setDisabled] = React76__namespace.useState(
     Boolean(disabledProp)
   );
-  const [readOnly, setReadOnly] = React74__namespace.useState(
+  const [readOnly, setReadOnly] = React76__namespace.useState(
     Boolean(readOnlyProp)
   );
-  const id = React74__namespace.useId();
-  const keyRef = React74__namespace.useRef(
+  const id = React76__namespace.useId();
+  const keyRef = React76__namespace.useRef(
     (() => {
       if (rawName && rawName.trim()) return `${rawName.trim()}-${id}`;
       if (rawBindId && rawBindId.trim())
@@ -32392,10 +32582,10 @@ function useField(options) {
       return `field-${Math.random().toString(36).slice(2)}-${id}`;
     })()
   );
-  const bindIdRef = React74__namespace.useRef(
+  const bindIdRef = React76__namespace.useRef(
     rawBindId && rawBindId.trim() || keyRef.current
   );
-  const fieldRef = React74__namespace.useRef(null);
+  const fieldRef = React76__namespace.useRef(null);
   if (!fieldRef.current) {
     const key = keyRef.current;
     const bindId = bindIdRef.current;
@@ -32498,19 +32688,19 @@ function useField(options) {
     fieldRef.current = f2;
   }
   const field = fieldRef.current;
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setRequired(requiredProp);
     if (field) {
       field.required = requiredProp;
     }
   }, [requiredProp, field]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!field) return;
     form.addField(field);
     return () => {
@@ -32625,25 +32815,25 @@ function useOptionalField(options) {
     getOriginalValue,
     onValueChange
   } = options;
-  const ref = React74__namespace.useRef(null);
-  const [valueState, setValueState] = React74__namespace.useState(defaultValue);
+  const ref = React76__namespace.useRef(null);
+  const [valueState, setValueState] = React76__namespace.useState(defaultValue);
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (isControlled) {
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React74__namespace.useState("");
-  const [loading, setLoadingState] = React74__namespace.useState(false);
-  const [required, setRequired] = React74__namespace.useState(requiredProp);
-  const [disabled, setDisabled] = React74__namespace.useState(disabledProp);
-  const [readOnly, setReadOnly] = React74__namespace.useState(readOnlyProp);
-  const originalRef = React74__namespace.useRef(
+  const [error, setErrorState] = React76__namespace.useState("");
+  const [loading, setLoadingState] = React76__namespace.useState(false);
+  const [required, setRequired] = React76__namespace.useState(requiredProp);
+  const [disabled, setDisabled] = React76__namespace.useState(disabledProp);
+  const [readOnly, setReadOnly] = React76__namespace.useState(readOnlyProp);
+  const originalRef = React76__namespace.useRef(
     getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   );
-  const id = React74__namespace.useId();
-  const keyRef = React74__namespace.useRef("");
+  const id = React76__namespace.useId();
+  const keyRef = React76__namespace.useRef("");
   if (!keyRef.current) {
     if (rawName && rawName.trim()) {
       keyRef.current = `${rawName.trim()}-${id}`;
@@ -32653,17 +32843,17 @@ function useOptionalField(options) {
       keyRef.current = `field-${Math.random().toString(36).slice(2)}-${id}`;
     }
   }
-  const bindIdRef = React74__namespace.useRef("");
+  const bindIdRef = React76__namespace.useRef("");
   if (!bindIdRef.current) {
     bindIdRef.current = rawBindId && rawBindId.trim() || keyRef.current;
   }
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setRequired(requiredProp);
   }, [requiredProp]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
   function setValue(next, variant = "direct") {
@@ -32739,6 +32929,11 @@ function useOptionalField(options) {
     }
   };
 }
+var ThemeContext = React76__namespace.createContext(null);
+function usePaletteTheme() {
+  var _a;
+  return (_a = React76__namespace.useContext(ThemeContext)) != null ? _a : {};
+}
 function normalizeValidateResult(result) {
   if (result === void 0 || result === null || result === true) return [];
   if (result === false) return ["Invalid value."];
@@ -32760,7 +32955,7 @@ function resolveLayoutForField(defaults, overrides, props, variantResolve) {
     ...overrides
   };
 }
-function renderHelperSlot(root, slot, classes) {
+function renderHelperSlot(root, slot, classes, styles) {
   const placement = slot.placement;
   switch (slot.id) {
     case "sublabel":
@@ -32771,6 +32966,7 @@ function renderHelperSlot(root, slot, classes) {
             "text-xs text-muted-foreground",
             classes == null ? void 0 : classes.sublabel
           ),
+          style: styles == null ? void 0 : styles.sublabel,
           "data-slot": `sublabel-${placement}`,
           children: slot.content
         },
@@ -32784,6 +32980,7 @@ function renderHelperSlot(root, slot, classes) {
             "text-xs text-muted-foreground",
             classes == null ? void 0 : classes.description
           ),
+          style: styles == null ? void 0 : styles.description,
           "data-slot": `description-${placement}`,
           children: slot.content
         },
@@ -32797,6 +32994,7 @@ function renderHelperSlot(root, slot, classes) {
             "text-xs text-muted-foreground",
             classes == null ? void 0 : classes.helpText
           ),
+          style: styles == null ? void 0 : styles.helpText,
           "data-slot": `helptext-${placement}`,
           children: slot.content
         },
@@ -32807,6 +33005,7 @@ function renderHelperSlot(root, slot, classes) {
         FieldError,
         {
           className: cn("text-xs text-destructive", classes == null ? void 0 : classes.error),
+          style: styles == null ? void 0 : styles.error,
           "data-slot": `error-${placement}`,
           children: slot.content
         },
@@ -32817,6 +33016,7 @@ function renderHelperSlot(root, slot, classes) {
         "div",
         {
           className: cn("flex items-center gap-1", classes == null ? void 0 : classes.tags),
+          style: (styles == null ? void 0 : styles.tags) || (styles == null ? void 0 : styles.tag),
           "data-slot": `tags-${placement}`,
           children: slot.content
         },
@@ -32826,29 +33026,66 @@ function renderHelperSlot(root, slot, classes) {
       return null;
   }
 }
-function getClasses(props) {
+function getClasses(props, themeClasses, variantThemeClasses) {
   var _a;
   const legacy = (_a = props.classes) != null ? _a : {};
   return {
-    root: cn(legacy.root, props.className) || void 0,
-    labelRow: cn(legacy.labelRow, props.labelRowClassName) || void 0,
-    inlineRow: cn(legacy.inlineRow, props.inlineRowClassName) || void 0,
-    label: cn(legacy.label, props.labelClassName) || void 0,
-    sublabel: cn(legacy.sublabel, props.sublabelClassName) || void 0,
-    description: cn(legacy.description, props.descriptionClassName) || void 0,
-    helpText: cn(legacy.helpText, props.helpTextClassName) || void 0,
-    error: cn(legacy.error, props.errorClassName) || void 0,
-    group: cn(legacy.group, props.groupClassName) || void 0,
-    content: cn(legacy.content, props.contentClassName) || void 0,
-    variant: cn(legacy.variant, props.variantClassName) || void 0,
-    inlineInputColumn: cn(legacy.inlineInputColumn, props.inlineInputColumnClassName) || void 0,
-    inlineLabelColumn: cn(legacy.inlineLabelColumn, props.inlineLabelColumnClassName) || void 0,
-    required: cn(legacy.required, props.requiredClassName) || void 0,
-    tag: cn(legacy.tag, props.tagClassName) || void 0
+    root: cn(themeClasses == null ? void 0 : themeClasses.root, variantThemeClasses == null ? void 0 : variantThemeClasses.root, legacy.root, props.className) || void 0,
+    labelRow: cn(themeClasses == null ? void 0 : themeClasses.labelRow, variantThemeClasses == null ? void 0 : variantThemeClasses.labelRow, legacy.labelRow, props.labelRowClassName) || void 0,
+    inlineRow: cn(themeClasses == null ? void 0 : themeClasses.inlineRow, variantThemeClasses == null ? void 0 : variantThemeClasses.inlineRow, legacy.inlineRow, props.inlineRowClassName) || void 0,
+    label: cn(themeClasses == null ? void 0 : themeClasses.label, variantThemeClasses == null ? void 0 : variantThemeClasses.label, legacy.label, props.labelClassName) || void 0,
+    sublabel: cn(themeClasses == null ? void 0 : themeClasses.sublabel, variantThemeClasses == null ? void 0 : variantThemeClasses.sublabel, legacy.sublabel, props.sublabelClassName) || void 0,
+    description: cn(themeClasses == null ? void 0 : themeClasses.description, variantThemeClasses == null ? void 0 : variantThemeClasses.description, legacy.description, props.descriptionClassName) || void 0,
+    helpText: cn(themeClasses == null ? void 0 : themeClasses.helpText, variantThemeClasses == null ? void 0 : variantThemeClasses.helpText, legacy.helpText, props.helpTextClassName) || void 0,
+    error: cn(themeClasses == null ? void 0 : themeClasses.error, variantThemeClasses == null ? void 0 : variantThemeClasses.error, legacy.error, props.errorClassName) || void 0,
+    group: cn(themeClasses == null ? void 0 : themeClasses.group, variantThemeClasses == null ? void 0 : variantThemeClasses.group, legacy.group, props.groupClassName) || void 0,
+    content: cn(themeClasses == null ? void 0 : themeClasses.content, variantThemeClasses == null ? void 0 : variantThemeClasses.content, legacy.content, props.contentClassName) || void 0,
+    variant: cn(themeClasses == null ? void 0 : themeClasses.variant, variantThemeClasses == null ? void 0 : variantThemeClasses.variant, legacy.variant, props.variantClassName) || void 0,
+    inlineInputColumn: cn(themeClasses == null ? void 0 : themeClasses.inlineInputColumn, variantThemeClasses == null ? void 0 : variantThemeClasses.inlineInputColumn, legacy.inlineInputColumn, props.inlineInputColumnClassName) || void 0,
+    inlineLabelColumn: cn(themeClasses == null ? void 0 : themeClasses.inlineLabelColumn, variantThemeClasses == null ? void 0 : variantThemeClasses.inlineLabelColumn, legacy.inlineLabelColumn, props.inlineLabelColumnClassName) || void 0,
+    required: cn(themeClasses == null ? void 0 : themeClasses.required, variantThemeClasses == null ? void 0 : variantThemeClasses.required, legacy.required, props.requiredClassName) || void 0,
+    tag: cn(themeClasses == null ? void 0 : themeClasses.tag, variantThemeClasses == null ? void 0 : variantThemeClasses.tag, legacy.tag, props.tagClassName) || void 0
   };
 }
+function mergeStyles(propsStyles, themeStyles, variantThemeStyles) {
+  const keys = [
+    "root",
+    "labelRow",
+    "inlineRow",
+    "label",
+    "sublabel",
+    "description",
+    "helpText",
+    "error",
+    "group",
+    "content",
+    "variant",
+    "inlineInputColumn",
+    "inlineLabelColumn",
+    "required",
+    "tag"
+  ];
+  const result = {};
+  for (const key of keys) {
+    const s3 = {
+      ...themeStyles == null ? void 0 : themeStyles[key],
+      ...variantThemeStyles == null ? void 0 : variantThemeStyles[key],
+      ...propsStyles == null ? void 0 : propsStyles[key]
+    };
+    if (Object.keys(s3).length > 0) {
+      result[key] = s3;
+    }
+  }
+  return result;
+}
 function InputField(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const theme = usePaletteTheme();
+  const mergedProps = {
+    ...theme.defaultProps,
+    ...props.variant ? (_b = (_a = theme.variants) == null ? void 0 : _a[props.variant]) == null ? void 0 : _b.defaultProps : void 0,
+    ...props
+  };
   const {
     variant,
     onSubmit,
@@ -32893,7 +33130,7 @@ function InputField(props) {
     classes: _depreciated,
     // Everything else → forwarded to variant
     ...rest
-  } = props;
+  } = mergedProps;
   const module2 = getVariant(variant);
   if (!module2) {
     {
@@ -32905,8 +33142,13 @@ function InputField(props) {
     }
     return null;
   }
-  const classes = getClasses(props);
-  const layout = React74__namespace.useMemo(() => {
+  const themeClasses = theme.classes;
+  const themeVariantClasses = variant ? (_d = (_c = theme.variants) == null ? void 0 : _c[variant]) == null ? void 0 : _d.classes : void 0;
+  const classes = getClasses(mergedProps, themeClasses, themeVariantClasses);
+  const themeStyles = theme.styles;
+  const themeVariantStyles = variant ? (_f = (_e = theme.variants) == null ? void 0 : _e[variant]) == null ? void 0 : _f.styles : void 0;
+  const mergedStyles = mergeStyles(mergedProps.styles, themeStyles, themeVariantStyles);
+  const layout = React76__namespace.useMemo(() => {
     var _a2;
     const defaultsLayout = (_a2 = module2.defaults) == null ? void 0 : _a2.layout;
     const overrides = {};
@@ -32937,7 +33179,7 @@ function InputField(props) {
     return resolveLayoutForField(
       defaultsLayout,
       overrides,
-      props,
+      mergedProps,
       module2.resolveLayout
     );
   }, [
@@ -32950,11 +33192,11 @@ function InputField(props) {
     tagPlacement,
     inline,
     fullWidth,
-    props
+    mergedProps
   ]);
-  const effectiveSize = (_c = size != null ? size : (_b = (_a = module2.defaults) == null ? void 0 : _a.layout) == null ? void 0 : _b.defaultSize) != null ? _c : void 0;
-  const effectiveDensity = (_f = density != null ? density : (_e = (_d = module2.defaults) == null ? void 0 : _d.layout) == null ? void 0 : _e.defaultDensity) != null ? _f : void 0;
-  const validate = React74__namespace.useCallback(
+  const effectiveSize = (_i = size != null ? size : (_h = (_g = module2.defaults) == null ? void 0 : _g.layout) == null ? void 0 : _h.defaultSize) != null ? _i : void 0;
+  const effectiveDensity = (_l = density != null ? density : (_k = (_j = module2.defaults) == null ? void 0 : _j.layout) == null ? void 0 : _k.defaultDensity) != null ? _l : void 0;
+  const validate = React76__namespace.useCallback(
     (value2, field2, form, _report) => {
       var _a2;
       const messages = [];
@@ -32994,7 +33236,7 @@ function InputField(props) {
   const { value: fieldValue, setValue, error, ref, key } = field;
   const Variant = module2.Variant;
   const visualError = (errorText != null ? errorText : error) || "";
-  const handleValueChange = React74__namespace.useCallback(
+  const handleValueChange = React76__namespace.useCallback(
     (next, detail) => {
       let finalValue = next;
       let defaultPrevented = false;
@@ -33043,7 +33285,7 @@ function InputField(props) {
     hostVariantClass,
     classes == null ? void 0 : classes.variant
   ) || void 0;
-  const tagsContent = React74__namespace.useMemo(() => {
+  const tagsContent = React76__namespace.useMemo(() => {
     const items = tags != null ? tags : [];
     if (!items.length) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -33067,7 +33309,7 @@ function InputField(props) {
       index
     )) });
   }, [tags, classes == null ? void 0 : classes.tag]);
-  const graph = React74__namespace.useMemo(
+  const graph = React76__namespace.useMemo(
     () => buildLayoutGraph({
       layout,
       sublabel,
@@ -33111,15 +33353,15 @@ function InputField(props) {
     "[container-type:normal]",
     "[container-name:none]",
     classes == null ? void 0 : classes.group
-  ) : (_g = classes == null ? void 0 : classes.group) != null ? _g : void 0;
+  ) : (_m = classes == null ? void 0 : classes.group) != null ? _m : void 0;
   const inlineFieldContentClass = isCompactInline ? cn("flex-none w-auto", classes == null ? void 0 : classes.content) : cn("w-full", classes == null ? void 0 : classes.content);
-  const inlineInputColumn = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: inlineInputColClass, children: [
+  const inlineInputColumn = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: inlineInputColClass, style: mergedStyles.inlineInputColumn, children: [
     graph.getSlotsFor("input", "above").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("input", slot, classes)
+        (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
       )
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { className: inlineFieldGroupClass, children: /* @__PURE__ */ jsxRuntime.jsx(FieldContent, { className: inlineFieldContentClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { className: inlineFieldGroupClass, style: mergedStyles.group, children: /* @__PURE__ */ jsxRuntime.jsx(FieldContent, { className: inlineFieldContentClass, style: mergedStyles.content, children: /* @__PURE__ */ jsxRuntime.jsx(
       Variant,
       {
         ...rest,
@@ -33133,19 +33375,20 @@ function InputField(props) {
         readOnly: readOnlyProp,
         size: effectiveSize,
         density: effectiveDensity,
-        className: mergedVariantClass
+        className: mergedVariantClass,
+        style: { ...mergedStyles.variant, ...rest.style }
       }
     ) }) }),
     graph.getSlotsFor("input", "below").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("input", slot, classes)
+        (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
       )
     )
   ] });
-  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-0", inlineLabelColClass), children: [
+  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-0", inlineLabelColClass), style: mergedStyles.inlineLabelColumn, children: [
     graph.getSlotsFor("label", "above").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("label", slot, classes)
+        (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
       )
     ),
     hasLabelRowContent && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -33155,10 +33398,11 @@ function InputField(props) {
           "flex items-baseline justify-between gap-1",
           classes == null ? void 0 : classes.labelRow
         ),
+        style: mergedStyles.labelRow,
         "data-slot": "label-row",
         children: [
           graph.getSlotsFor("label", "left").render((slots) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
-            (slot) => renderHelperSlot("label", slot, classes)
+            (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
           ) })),
           label && /* @__PURE__ */ jsxRuntime.jsx(
             FieldLabel,
@@ -33168,6 +33412,7 @@ function InputField(props) {
                 "text-sm font-medium text-foreground",
                 classes == null ? void 0 : classes.label
               ),
+              style: mergedStyles.label,
               children: /* @__PURE__ */ jsxRuntime.jsxs(FieldTitle, { children: [
                 label,
                 " ",
@@ -33178,6 +33423,7 @@ function InputField(props) {
                       "text-destructive",
                       classes == null ? void 0 : classes.required
                     ),
+                    style: mergedStyles.required,
                     children: "*"
                   }
                 ) : ""
@@ -33185,14 +33431,14 @@ function InputField(props) {
             }
           ),
           graph.getSlotsFor("label", "right").render((slots) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
-            (slot) => renderHelperSlot("label", slot, classes)
+            (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
           ) }))
         ]
       }
     ),
     graph.getSlotsFor("label", "below").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("label", slot, classes)
+        (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
       )
     )
   ] });
@@ -33206,14 +33452,14 @@ function InputField(props) {
     hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",
     classes == null ? void 0 : classes.group
   );
-  const Element = contain ? "div" : React74__namespace.Fragment;
+  const Element = contain ? "div" : React76__namespace.Fragment;
   const attrs = (a3 = "l") => contain ? a3 === "l" ? { className: "p-4 border-b border-input" } : { className: "px-4 pt-2 pb-4" } : {};
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
     {
       className: rootClassName,
       ref,
-      style,
+      style: { ...mergedStyles.root, ...style },
       "data-variant": String(variant),
       "data-label-placement": lp != null ? lp : void 0,
       "data-sublabel-placement": sp != null ? sp : void 0,
@@ -33225,7 +33471,7 @@ function InputField(props) {
       "data-fullwidth": layout.fullWidth ? "true" : "false",
       children: isInline ? (
         // INLINE MODE: label + control on the same row
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: inlineRowClassName, "data-slot": "inline-row", children: inlineLabelSide === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: inlineRowClassName, style: mergedStyles.inlineRow, "data-slot": "inline-row", children: inlineLabelSide === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           inlineInputColumn,
           inlineLabelColumn
         ] }) : inlineLabelSide === "hidden" ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: inlineInputColumn }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -33241,7 +33487,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             ),
@@ -33252,13 +33499,15 @@ function InputField(props) {
                   "flex items-baseline justify-between gap-1",
                   classes == null ? void 0 : classes.labelRow
                 ),
+                style: mergedStyles.labelRow,
                 "data-slot": "label-row",
                 children: [
                   graph.getSlotsFor("label", "left").render((slots) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) })),
                   label && /* @__PURE__ */ jsxRuntime.jsx(
@@ -33269,6 +33518,7 @@ function InputField(props) {
                         "text-sm font-medium text-foreground",
                         classes == null ? void 0 : classes.label
                       ),
+                      style: mergedStyles.label,
                       children: /* @__PURE__ */ jsxRuntime.jsxs(FieldTitle, { children: [
                         label,
                         " ",
@@ -33279,6 +33529,7 @@ function InputField(props) {
                               "text-destructive",
                               classes == null ? void 0 : classes.required
                             ),
+                            style: mergedStyles.required,
                             children: "*"
                           }
                         ) : ""
@@ -33289,7 +33540,8 @@ function InputField(props) {
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) }))
                 ]
@@ -33300,7 +33552,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             )
@@ -33308,13 +33561,14 @@ function InputField(props) {
           /* @__PURE__ */ jsxRuntime.jsxs(Element, { ...attrs("i"), children: [
             graph.getSlotsFor("input", "above").render(
               (slots) => slots.map(
-                (slot) => renderHelperSlot("input", slot, classes)
+                (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
               )
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { className: stackedGroupClassName, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { className: stackedGroupClassName, style: mergedStyles.group, children: /* @__PURE__ */ jsxRuntime.jsx(
               FieldContent,
               {
                 className: cn("w-full", classes == null ? void 0 : classes.content),
+                style: mergedStyles.content,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   Variant,
                   {
@@ -33329,14 +33583,15 @@ function InputField(props) {
                     readOnly: readOnlyProp,
                     size: effectiveSize,
                     density: effectiveDensity,
-                    className: mergedVariantClass
+                    className: mergedVariantClass,
+                    style: { ...mergedStyles.variant, ...rest.style }
                   }
                 )
               }
             ) }),
             graph.getSlotsFor("input", "below").render(
               (slots) => slots.map(
-                (slot) => renderHelperSlot("input", slot, classes)
+                (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
               )
             )
           ] })
@@ -33375,14 +33630,14 @@ function ListerFiltersButton(props) {
   const hasFilters = options.length > 0;
   if (!hasFilters) return null;
   const ctx = actions.getFilterCtx(id);
-  const [openGroups, setOpenGroups] = React74__namespace.useState(
+  const [openGroups, setOpenGroups] = React76__namespace.useState(
     {}
   );
   const toggleGroup = (key) => {
     setOpenGroups((m2) => ({ ...m2, [key]: !m2[key] }));
   };
   const selectedIds = asArray(session == null ? void 0 : session.selectedFilterValues);
-  const appliedCount = React74__namespace.useMemo(() => {
+  const appliedCount = React76__namespace.useMemo(() => {
     var _a2;
     const patch = (_a2 = session == null ? void 0 : session.filtersPatch) != null ? _a2 : {};
     return Object.keys(patch).length;
@@ -33898,8 +34153,8 @@ function computeDefaultPos(idx) {
   return { x: x2, y: y2 };
 }
 function usePortalRoot(id = "__timeax_lister_ui__") {
-  const [el, setEl] = React74__namespace.useState(null);
-  React74__namespace.useEffect(() => {
+  const [el, setEl] = React76__namespace.useState(null);
+  React76__namespace.useEffect(() => {
     if (typeof document === "undefined") return;
     const existing = document.getElementById(id);
     const node = existing != null ? existing : document.createElement("div");
@@ -33916,7 +34171,7 @@ function usePortalRoot(id = "__timeax_lister_ui__") {
 }
 function ListerUI() {
   const { state } = useLister();
-  const positionsRef = React74__namespace.useRef(
+  const positionsRef = React76__namespace.useRef(
     /* @__PURE__ */ new Map()
   );
   const portalRoot = usePortalRoot();
@@ -33943,14 +34198,14 @@ function ListerSessionPanel(props) {
   const idx = Math.max(0, state.order.indexOf(id));
   const isActive = state.activeId === id;
   const draggable = (session == null ? void 0 : session.draggable) !== false;
-  const nodeRef = React74__namespace.useRef(null);
-  const [defaultPos] = React74__namespace.useState(() => {
+  const nodeRef = React76__namespace.useRef(null);
+  const [defaultPos] = React76__namespace.useState(() => {
     const saved = positionsRef.current.get(id);
     if (saved) return saved;
     const p2 = session == null ? void 0 : session.position;
     return p2 && typeof p2.x === "number" && typeof p2.y === "number" ? { x: p2.x, y: p2.y } : computeDefaultPos(idx);
   });
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!positionsRef.current.has(id)) {
       positionsRef.current.set(id, defaultPos);
     }
@@ -34041,13 +34296,13 @@ function ListerSessionPanel(props) {
 }
 function useLister() {
   const runtime = useListerRuntime();
-  const [state, setState] = React74__namespace.useState(runtime.getState());
-  React74__namespace.useEffect(() => {
+  const [state, setState] = React76__namespace.useState(runtime.getState());
+  React76__namespace.useEffect(() => {
     return runtime.subscribe(() => {
       setState(runtime.getState());
     });
   }, [runtime]);
-  return React74__namespace.useMemo(
+  return React76__namespace.useMemo(
     () => ({
       api: runtime.api,
       actions: runtime.actions,
@@ -34104,43 +34359,43 @@ function useData(opts, deps = []) {
   const enabled = (_a = opts.enabled) != null ? _a : true;
   const debounceMs = (_b = opts.debounceMs) != null ? _b : 300;
   const http = (_c = opts.http) != null ? _c : defaultHttpClient;
-  const [data, setData] = React74__namespace.useState(() => {
+  const [data, setData] = React76__namespace.useState(() => {
     var _a2;
     return (_a2 = opts.initial) != null ? _a2 : [];
   });
-  const [res, setRes] = React74__namespace.useState();
-  const [loading, setLoading] = React74__namespace.useState(false);
-  const [error, setError] = React74__namespace.useState(void 0);
-  const dataRef = React74__namespace.useRef(data);
-  React74__namespace.useEffect(() => {
+  const [res, setRes] = React76__namespace.useState();
+  const [loading, setLoading] = React76__namespace.useState(false);
+  const [error, setError] = React76__namespace.useState(void 0);
+  const dataRef = React76__namespace.useRef(data);
+  React76__namespace.useEffect(() => {
     dataRef.current = data;
   }, [data]);
-  const [query, _setQuery] = React74__namespace.useState("");
-  const [searchMode, _setSearchMode] = React74__namespace.useState(
+  const [query, _setQuery] = React76__namespace.useState("");
+  const [searchMode, _setSearchMode] = React76__namespace.useState(
     (_d = opts.searchMode) != null ? _d : "remote"
   );
-  const [searchTarget, _setSearchTarget] = React74__namespace.useState(() => defaultSearchTarget(opts.search));
-  const [filters, _setFilters] = React74__namespace.useState(
+  const [searchTarget, _setSearchTarget] = React76__namespace.useState(() => defaultSearchTarget(opts.search));
+  const [filters, _setFilters] = React76__namespace.useState(
     opts.filters
   );
-  const inflight = React74__namespace.useMemo(
+  const inflight = React76__namespace.useMemo(
     () => createInFlight(debounceMs),
     [debounceMs]
   );
-  const inflightKeyRef = React74__namespace.useRef(
+  const inflightKeyRef = React76__namespace.useRef(
     (_e = opts.id) != null ? _e : createRuntimeKey("data")
   );
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (opts.id) inflightKeyRef.current = opts.id;
   }, [opts.id]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     return () => {
       inflight.clear(inflightKeyRef.current);
     };
   }, [inflight]);
   const selectionMode = (_g = (_f = opts.selection) == null ? void 0 : _f.mode) != null ? _g : "none";
   const selectionPrune = (_i = (_h = opts.selection) == null ? void 0 : _h.prune) != null ? _i : "never";
-  const getItemKey = React74__namespace.useMemo(() => {
+  const getItemKey = React76__namespace.useMemo(() => {
     var _a2;
     const key = (_a2 = opts.selection) == null ? void 0 : _a2.key;
     if (!key) {
@@ -34161,11 +34416,11 @@ function useData(opts, deps = []) {
       return isKey(v2) ? v2 : null;
     };
   }, [(_j = opts.selection) == null ? void 0 : _j.key]);
-  const [selectedIdsArr, setSelectedIdsArr] = React74__namespace.useState([]);
-  const selectedCacheRef = React74__namespace.useRef(/* @__PURE__ */ new Map());
-  const didMountRef = React74__namespace.useRef(false);
-  const skipNextModeEffectRef = React74__namespace.useRef(false);
-  const dataById = React74__namespace.useMemo(() => {
+  const [selectedIdsArr, setSelectedIdsArr] = React76__namespace.useState([]);
+  const selectedCacheRef = React76__namespace.useRef(/* @__PURE__ */ new Map());
+  const didMountRef = React76__namespace.useRef(false);
+  const skipNextModeEffectRef = React76__namespace.useRef(false);
+  const dataById = React76__namespace.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (selectionMode === "none") return map;
     for (const item of data) {
@@ -34175,10 +34430,10 @@ function useData(opts, deps = []) {
     }
     return map;
   }, [data, getItemKey, selectionMode]);
-  const normalizeIds = React74__namespace.useCallback((v2) => {
+  const normalizeIds = React76__namespace.useCallback((v2) => {
     return Array.isArray(v2) ? v2 : [v2];
   }, []);
-  const commitSelectedCache = React74__namespace.useCallback(
+  const commitSelectedCache = React76__namespace.useCallback(
     (list) => {
       if (selectionMode === "none") return;
       for (const item of list) {
@@ -34189,7 +34444,7 @@ function useData(opts, deps = []) {
     },
     [getItemKey, selectionMode]
   );
-  const fetchImpl = React74__namespace.useCallback(
+  const fetchImpl = React76__namespace.useCallback(
     async (override2) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       if (!enabled) return dataRef.current;
@@ -34272,14 +34527,14 @@ function useData(opts, deps = []) {
       getItemKey
     ]
   );
-  const refresh = React74__namespace.useCallback(async () => {
+  const refresh = React76__namespace.useCallback(async () => {
     return fetchImpl();
   }, [fetchImpl]);
-  const override = React74__namespace.useCallback((newData) => {
+  const override = React76__namespace.useCallback((newData) => {
     setData(newData);
   }, []);
-  const setQuery = React74__namespace.useCallback((q2) => _setQuery(q2), []);
-  const setSearchMode = React74__namespace.useCallback(
+  const setQuery = React76__namespace.useCallback((q2) => _setQuery(q2), []);
+  const setSearchMode = React76__namespace.useCallback(
     (m2) => {
       inflight.abort(inflightKeyRef.current);
       if (m2 === "remote" || m2 === "hybrid") {
@@ -34298,27 +34553,27 @@ function useData(opts, deps = []) {
     },
     [fetchImpl, inflight]
   );
-  const setSearchTarget = React74__namespace.useCallback((t4) => {
+  const setSearchTarget = React76__namespace.useCallback((t4) => {
     _setSearchTarget(t4);
   }, []);
-  const setFilters = React74__namespace.useCallback(
+  const setFilters = React76__namespace.useCallback(
     (next) => _setFilters(next),
     []
   );
-  const patchFilters = React74__namespace.useCallback((patch) => {
+  const patchFilters = React76__namespace.useCallback((patch) => {
     _setFilters((prev) => ({
       ...prev != null ? prev : {},
       ...patch
     }));
   }, []);
-  const clearFilters = React74__namespace.useCallback(() => _setFilters(void 0), []);
+  const clearFilters = React76__namespace.useCallback(() => _setFilters(void 0), []);
   const fetchOnMount = (_k = opts.fetchOnMount) != null ? _k : !opts.initial;
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!enabled) return;
     if (!fetchOnMount) return;
     void fetchImpl();
   }, deps);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!enabled) return;
     if (!didMountRef.current) {
       didMountRef.current = true;
@@ -34337,14 +34592,14 @@ function useData(opts, deps = []) {
       inflight.abort(key);
     };
   }, [enabled, fetchImpl, inflight, query, searchMode, searchTarget]);
-  React74__namespace.useEffect(() => {
+  React76__namespace.useEffect(() => {
     if (!enabled) return;
     if (opts.autoFetchOnFilterChange === false) return;
     if (!didMountRef.current) return;
     if (searchMode !== "remote" && searchMode !== "hybrid") return;
     void fetchImpl();
   }, [enabled, fetchImpl, filters, opts.autoFetchOnFilterChange, searchMode]);
-  const visible = React74__namespace.useMemo(() => {
+  const visible = React76__namespace.useMemo(() => {
     if (searchMode !== "local" && searchMode !== "hybrid") return data;
     const payload = buildSearchPayloadFromTarget(searchTarget);
     let list = data;
@@ -34371,24 +34626,24 @@ function useData(opts, deps = []) {
       (item) => stringifyForSearch(item).toLowerCase().includes(ql)
     );
   }, [data, getItemKey, query, searchMode, searchTarget]);
-  const selectedIds = React74__namespace.useMemo(() => {
+  const selectedIds = React76__namespace.useMemo(() => {
     var _a2;
     if (selectionMode === "none") return null;
     if (selectionMode === "single") return (_a2 = selectedIdsArr[0]) != null ? _a2 : null;
     return selectedIdsArr;
   }, [selectionMode, selectedIdsArr]);
-  const isSelected = React74__namespace.useCallback(
+  const isSelected = React76__namespace.useCallback(
     (id) => {
       if (selectionMode === "none") return false;
       return selectedIdsArr.includes(id);
     },
     [selectedIdsArr, selectionMode]
   );
-  const clearSelection = React74__namespace.useCallback(() => {
+  const clearSelection = React76__namespace.useCallback(() => {
     if (selectionMode === "none") return;
     setSelectedIdsArr([]);
   }, [selectionMode]);
-  const select = React74__namespace.useCallback(
+  const select = React76__namespace.useCallback(
     (idOrIds) => {
       if (selectionMode === "none") return;
       const ids = normalizeIds(idOrIds).filter(isKey);
@@ -34405,7 +34660,7 @@ function useData(opts, deps = []) {
     },
     [dataById, normalizeIds, selectionMode]
   );
-  const deselect = React74__namespace.useCallback(
+  const deselect = React76__namespace.useCallback(
     (idOrIds) => {
       if (selectionMode === "none") return;
       const ids = new Set(normalizeIds(idOrIds).filter(isKey));
@@ -34418,7 +34673,7 @@ function useData(opts, deps = []) {
     },
     [normalizeIds, selectionMode]
   );
-  const toggle = React74__namespace.useCallback(
+  const toggle = React76__namespace.useCallback(
     (id) => {
       if (selectionMode === "none") return;
       const hit = dataById.get(id);
@@ -34436,7 +34691,7 @@ function useData(opts, deps = []) {
     },
     [dataById, selectionMode]
   );
-  const selected = React74__namespace.useMemo(() => {
+  const selected = React76__namespace.useMemo(() => {
     var _a2, _b2, _c2, _d2;
     if (selectionMode === "none") return null;
     if (selectionMode === "single") {
@@ -34451,8 +34706,8 @@ function useData(opts, deps = []) {
     }
     return out;
   }, [dataById, selectedIdsArr, selectionMode]);
-  const getSelection = React74__namespace.useCallback(() => selected, [selected]);
-  React74__namespace.useEffect(() => {
+  const getSelection = React76__namespace.useCallback(() => selected, [selected]);
+  React76__namespace.useEffect(() => {
     if (selectionMode === "none") {
       setSelectedIdsArr([]);
       return;