@timeax/form-palette 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React66 = require('react');
+var React67 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var SelectPrimitive = require('@radix-ui/react-select');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -8,10 +8,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');
@@ -44,15 +44,15 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React66__namespace = /*#__PURE__*/_interopNamespace(React66);
+var React67__namespace = /*#__PURE__*/_interopNamespace(React67);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 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);
@@ -5633,7 +5633,7 @@ function getAdapter(key) {
 function hasAdapter(key) {
   return typeof registry[key] === "function";
 }
-var CoreContextReact = React66__namespace.default.createContext(
+var CoreContextReact = React67__namespace.default.createContext(
   null
 );
 
@@ -5645,9 +5645,10 @@ function mapZodError(error) {
     const path = issue.path;
     const message2 = issue.message || "Validation error";
     const first = path[0];
-    if (typeof first === "string" && first.length > 0) {
-      const existing = fieldErrors[first];
-      fieldErrors[first] = existing ? `${existing}
+    if ((typeof first === "string" || typeof first === "number") && String(first).length > 0) {
+      const fullPath = path.filter((p2) => typeof p2 === "string" || typeof p2 === "number").join(".");
+      const existing = fieldErrors[fullPath];
+      fieldErrors[fullPath] = existing ? `${existing}
 ${message2}` : message2;
     } else {
       uncaught.push(message2);
@@ -9214,16 +9215,16 @@ function deepEqual(a3, b2) {
 }
 function CoreProvider(props) {
   var _a, _b;
-  const registryRef = React66__namespace.useRef(new FieldRegistry());
-  const bucketRef = React66__namespace.useRef({});
-  const uncaughtRef = React66__namespace.useRef([]);
-  const errorsRef = React66__namespace.useRef(null);
-  const buttonRef = React66__namespace.useRef(null);
-  const activeButtonNameRef = React66__namespace.useRef(null);
-  const [hasUncaughtErrors, setHasUncaughtErrors] = React66__namespace.useState(0);
-  const originalRef = React66__namespace.useRef(null);
-  const propsRef = React66__namespace.useRef(props);
-  React66__namespace.useEffect(() => {
+  const registryRef = React67__namespace.useRef(new FieldRegistry());
+  const bucketRef = React67__namespace.useRef({});
+  const uncaughtRef = React67__namespace.useRef([]);
+  const errorsRef = React67__namespace.useRef(null);
+  const buttonRef = React67__namespace.useRef(null);
+  const activeButtonNameRef = React67__namespace.useRef(null);
+  const [hasUncaughtErrors, setHasUncaughtErrors] = React67__namespace.useState(0);
+  const originalRef = React67__namespace.useRef(null);
+  const propsRef = React67__namespace.useRef(props);
+  React67__namespace.useEffect(() => {
     propsRef.current = props;
   }, [props]);
   const adapterKey = (_a = props.adapter) != null ? _a : "local";
@@ -9765,7 +9766,7 @@ function CoreProvider(props) {
       return uncaughtRef.current;
     }
   };
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!props.formRef) return;
     props.formRef.current = context;
     return () => {
@@ -9774,7 +9775,7 @@ function CoreProvider(props) {
       }
     };
   }, [context]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (props.init) {
       props.init(context);
     }
@@ -9782,7 +9783,7 @@ function CoreProvider(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(CoreContextReact.Provider, { value: context, children: props.children });
 }
 function useCoreContext() {
-  const ctx = React66.useContext(CoreContextReact);
+  const ctx = React67.useContext(CoreContextReact);
   if (!ctx) {
     throw new Error("useCoreContext must be used within a <CoreProvider>.");
   }
@@ -9829,7 +9830,7 @@ var defaultAttributes = {
 };
 
 // ../../node_modules/lucide-react/dist/esm/Icon.js
-var Icon = React66.forwardRef(
+var Icon = React67.forwardRef(
   ({
     color = "currentColor",
     size = 24,
@@ -9839,7 +9840,7 @@ var Icon = React66.forwardRef(
     children,
     iconNode,
     ...rest
-  }, ref) => React66.createElement(
+  }, ref) => React67.createElement(
     "svg",
     {
       ref,
@@ -9853,7 +9854,7 @@ var Icon = React66.forwardRef(
       ...rest
     },
     [
-      ...iconNode.map(([tag, attrs]) => React66.createElement(tag, attrs)),
+      ...iconNode.map(([tag, attrs]) => React67.createElement(tag, attrs)),
       ...Array.isArray(children) ? children : [children]
     ]
   )
@@ -9861,8 +9862,8 @@ var Icon = React66.forwardRef(
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = React66.forwardRef(
-    ({ className, ...props }, ref) => React66.createElement(Icon, {
+  const Component = React67.forwardRef(
+    ({ className, ...props }, ref) => React67.createElement(Icon, {
       ref,
       iconNode,
       className: mergeClasses(
@@ -10210,9 +10211,9 @@ function ErrorStrip(props) {
   } = props;
   const ctxFromHook = useCore();
   const form = formProp != null ? formProp : ctxFromHook;
-  const [isVisible, setIsVisible] = React66__namespace.useState(true);
+  const [isVisible, setIsVisible] = React67__namespace.useState(true);
   const messages = messagesProp ? messagesProp : (_b = (form == null ? void 0 : form.hasUncaughtErrors) ? (_a = form == null ? void 0 : form.getUncaught) == null ? void 0 : _a.call(form) : []) != null ? _b : [];
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (messages.length > 0) {
       setIsVisible(true);
     }
@@ -10276,7 +10277,7 @@ function ErrorStrip(props) {
 function CoreRoot(props) {
   const { noErrorStrip, onSubmitForm, children, ...rest } = props;
   const form = useCore();
-  const handleSubmit = React66__namespace.useCallback(
+  const handleSubmit = React67__namespace.useCallback(
     (event) => {
       event.preventDefault();
       if (form.props.activateButtonOnChange && !form.isDirty()) return;
@@ -10324,16 +10325,16 @@ function CoreShell(props) {
 function useButton(options) {
   const form = useCoreContext();
   const { name, disabled: disabledProp = false } = options;
-  const [loading, setLoadingState] = React66__namespace.useState(false);
-  const [disabled, setDisabledState] = React66__namespace.useState(
+  const [loading, setLoadingState] = React67__namespace.useState(false);
+  const [disabled, setDisabledState] = React67__namespace.useState(
     Boolean(disabledProp)
   );
-  const ref = React66__namespace.useRef(null);
-  const optsRef = React66__namespace.useRef(options);
-  React66__namespace.useEffect(() => {
+  const ref = React67__namespace.useRef(null);
+  const optsRef = React67__namespace.useRef(options);
+  React67__namespace.useEffect(() => {
     optsRef.current = options;
   }, [options]);
-  const buttonRef = React66__namespace.useRef(null);
+  const buttonRef = React67__namespace.useRef(null);
   if (!buttonRef.current) {
     const btn = {
       name,
@@ -10363,11 +10364,11 @@ function useButton(options) {
     };
     buttonRef.current = btn;
   }
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!buttonRef.current) return;
     buttonRef.current.name = name;
   }, [name]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!buttonRef.current) return;
     form.button = buttonRef.current;
     return () => {
@@ -10434,41 +10435,41 @@ function useField(options) {
     onValueChange,
     onSubmit
   } = options;
-  const ref = React66__namespace.useRef(null);
-  const stateRef = React66__namespace.useRef({
+  const ref = React67__namespace.useRef(null);
+  const stateRef = React67__namespace.useRef({
     value: defaultValue,
     error: "",
     loading: false,
     original: getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   });
-  const [valueState, setValueState] = React66__namespace.useState(
+  const [valueState, setValueState] = React67__namespace.useState(
     stateRef.current.value
   );
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (isControlled && valueProp !== stateRef.current.value) {
       stateRef.current.value = valueProp;
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React66__namespace.useState(
+  const [error, setErrorState] = React67__namespace.useState(
     stateRef.current.error
   );
-  const [loading, setLoadingState] = React66__namespace.useState(
+  const [loading, setLoadingState] = React67__namespace.useState(
     stateRef.current.loading
   );
-  const [required, setRequired] = React66__namespace.useState(
+  const [required, setRequired] = React67__namespace.useState(
     Boolean(requiredProp)
   );
-  const [disabled, setDisabled] = React66__namespace.useState(
+  const [disabled, setDisabled] = React67__namespace.useState(
     Boolean(disabledProp)
   );
-  const [readOnly, setReadOnly] = React66__namespace.useState(
+  const [readOnly, setReadOnly] = React67__namespace.useState(
     Boolean(readOnlyProp)
   );
-  const id = React66__namespace.useId();
-  const keyRef = React66__namespace.useRef(
+  const id = React67__namespace.useId();
+  const keyRef = React67__namespace.useRef(
     (() => {
       if (rawName && rawName.trim()) return `${rawName.trim()}-${id}`;
       if (rawBindId && rawBindId.trim())
@@ -10476,10 +10477,10 @@ function useField(options) {
       return `field-${Math.random().toString(36).slice(2)}-${id}`;
     })()
   );
-  const bindIdRef = React66__namespace.useRef(
+  const bindIdRef = React67__namespace.useRef(
     rawBindId && rawBindId.trim() || keyRef.current
   );
-  const fieldRef = React66__namespace.useRef(null);
+  const fieldRef = React67__namespace.useRef(null);
   if (!fieldRef.current) {
     const key = keyRef.current;
     const bindId = bindIdRef.current;
@@ -10582,19 +10583,19 @@ function useField(options) {
     fieldRef.current = f2;
   }
   const field = fieldRef.current;
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setRequired(requiredProp);
     if (field) {
       field.required = requiredProp;
     }
   }, [requiredProp, field]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!field) return;
     form.addField(field);
     return () => {
@@ -10709,25 +10710,25 @@ function useOptionalField(options) {
     getOriginalValue,
     onValueChange
   } = options;
-  const ref = React66__namespace.useRef(null);
-  const [valueState, setValueState] = React66__namespace.useState(defaultValue);
+  const ref = React67__namespace.useRef(null);
+  const [valueState, setValueState] = React67__namespace.useState(defaultValue);
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (isControlled) {
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React66__namespace.useState("");
-  const [loading, setLoadingState] = React66__namespace.useState(false);
-  const [required, setRequired] = React66__namespace.useState(requiredProp);
-  const [disabled, setDisabled] = React66__namespace.useState(disabledProp);
-  const [readOnly, setReadOnly] = React66__namespace.useState(readOnlyProp);
-  const originalRef = React66__namespace.useRef(
+  const [error, setErrorState] = React67__namespace.useState("");
+  const [loading, setLoadingState] = React67__namespace.useState(false);
+  const [required, setRequired] = React67__namespace.useState(requiredProp);
+  const [disabled, setDisabled] = React67__namespace.useState(disabledProp);
+  const [readOnly, setReadOnly] = React67__namespace.useState(readOnlyProp);
+  const originalRef = React67__namespace.useRef(
     getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   );
-  const id = React66__namespace.useId();
-  const keyRef = React66__namespace.useRef("");
+  const id = React67__namespace.useId();
+  const keyRef = React67__namespace.useRef("");
   if (!keyRef.current) {
     if (rawName && rawName.trim()) {
       keyRef.current = `${rawName.trim()}-${id}`;
@@ -10737,17 +10738,17 @@ function useOptionalField(options) {
       keyRef.current = `field-${Math.random().toString(36).slice(2)}-${id}`;
     }
   }
-  const bindIdRef = React66__namespace.useRef("");
+  const bindIdRef = React67__namespace.useRef("");
   if (!bindIdRef.current) {
     bindIdRef.current = rawBindId && rawBindId.trim() || keyRef.current;
   }
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setRequired(requiredProp);
   }, [requiredProp]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
   function setValue(next, variant = "direct") {
@@ -10845,17 +10846,17 @@ var focusEl = (el) => {
   }
 };
 function useUpdateEffect(effect, deps) {
-  const mounted = React66__namespace.useRef(false);
-  React66__namespace.useEffect(() => {
+  const mounted = React67__namespace.useRef(false);
+  React67__namespace.useEffect(() => {
     if (mounted.current) {
       return effect();
     }
     mounted.current = true;
   }, deps);
 }
-var InputMask = React66__namespace.memo(
-  React66__namespace.forwardRef((inProps, ref) => {
-    const props = React66__namespace.useMemo(
+var InputMask = React67__namespace.memo(
+  React67__namespace.forwardRef((inProps, ref) => {
+    const props = React67__namespace.useMemo(
       () => ({
         autoClear: true,
         autoFocus: false,
@@ -10870,20 +10871,20 @@ var InputMask = React66__namespace.memo(
       }),
       [inProps]
     );
-    const elementRef = React66__namespace.useRef(null);
-    const firstNonMaskPos = React66__namespace.useRef(null);
-    const lastRequiredNonMaskPos = React66__namespace.useRef(0);
-    const tests = React66__namespace.useRef([]);
-    const buffer = React66__namespace.useRef([]);
-    const len = React66__namespace.useRef(0);
-    const oldVal = React66__namespace.useRef(null);
-    const focus = React66__namespace.useRef(false);
-    const focusText = React66__namespace.useRef(null);
-    const isValueChecked = React66__namespace.useRef(null);
-    const partialPosition = React66__namespace.useRef(null);
-    const defaultBuffer = React66__namespace.useRef(null);
-    const caretTimeoutId = React66__namespace.useRef(null);
-    const androidChrome = React66__namespace.useRef(false);
+    const elementRef = React67__namespace.useRef(null);
+    const firstNonMaskPos = React67__namespace.useRef(null);
+    const lastRequiredNonMaskPos = React67__namespace.useRef(0);
+    const tests = React67__namespace.useRef([]);
+    const buffer = React67__namespace.useRef([]);
+    const len = React67__namespace.useRef(0);
+    const oldVal = React67__namespace.useRef(null);
+    const focus = React67__namespace.useRef(false);
+    const focusText = React67__namespace.useRef(null);
+    const isValueChecked = React67__namespace.useRef(null);
+    const partialPosition = React67__namespace.useRef(null);
+    const defaultBuffer = React67__namespace.useRef(null);
+    const caretTimeoutId = React67__namespace.useRef(null);
+    const androidChrome = React67__namespace.useRef(false);
     const caret = (first, last) => {
       var _a, _b;
       let range;
@@ -10918,7 +10919,7 @@ var InputMask = React66__namespace.memo(
       }
       return { begin, end };
     };
-    const getPlaceholder = React66__namespace.useCallback(
+    const getPlaceholder = React67__namespace.useCallback(
       (i4) => {
         var _a;
         const slotChar2 = (_a = props.slotChar) != null ? _a : "_";
@@ -11188,7 +11189,7 @@ var InputMask = React66__namespace.memo(
         });
       }
     };
-    const getUnmaskedValue = React66__namespace.useCallback(() => {
+    const getUnmaskedValue = React67__namespace.useCallback(() => {
       const unmaskedBuffer = [];
       for (let i4 = 0; i4 < buffer.current.length; i4++) {
         const c2 = buffer.current[i4];
@@ -11243,7 +11244,7 @@ var InputMask = React66__namespace.memo(
       }
       return pos;
     };
-    const isValueUpdated = React66__namespace.useCallback(() => {
+    const isValueUpdated = React67__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 : "");
@@ -11343,7 +11344,7 @@ var InputMask = React66__namespace.memo(
     const onInput = (event) => {
       androidChrome.current ? handleAndroidInput(event) : handleInputChange(event);
     };
-    React66__namespace.useImperativeHandle(
+    React67__namespace.useImperativeHandle(
       ref,
       () => ({
         focus: () => focusEl(elementRef.current),
@@ -11351,10 +11352,10 @@ var InputMask = React66__namespace.memo(
       }),
       []
     );
-    React66__namespace.useEffect(() => {
+    React67__namespace.useEffect(() => {
       if (!elementRef.current) return;
     }, []);
-    React66__namespace.useEffect(() => {
+    React67__namespace.useEffect(() => {
       init();
       updateValue();
     }, []);
@@ -11388,6 +11389,7 @@ var InputMask = React66__namespace.memo(
       onKeyPress: l2,
       onInput: m2,
       className,
+      invalid,
       ...restInputProps
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11409,6 +11411,7 @@ var InputMask = React66__namespace.memo(
         onKeyPress,
         onInput,
         onPaste: (e4) => handleInputChange(e4, true),
+        "aria-invalid": invalid ? "true" : void 0,
         ...restInputProps
       }
     );
@@ -11502,7 +11505,7 @@ function resolveSizeDensityClasses(size, density) {
   }
   return { heightCls, textCls, densityCls };
 }
-var Input = React66__namespace.forwardRef(
+var Input = React67__namespace.forwardRef(
   function Input2(rawProps, forwardedRef) {
     const {
       // base
@@ -11512,6 +11515,7 @@ var Input = React66__namespace.forwardRef(
       disabled,
       readOnly,
       required,
+      invalid,
       // size / density
       size = "md",
       density = "normal",
@@ -11565,8 +11569,8 @@ var Input = React66__namespace.forwardRef(
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
     const isMasked = Boolean(mask);
-    const innerRef = React66__namespace.useRef(null);
-    React66__namespace.useImperativeHandle(
+    const innerRef = React67__namespace.useRef(null);
+    React67__namespace.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -11587,11 +11591,11 @@ var Input = React66__namespace.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 4;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React66__namespace.useRef(null);
-    const trailingIconsRef = React66__namespace.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React66__namespace.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React66__namespace.useState(0);
-    React66__namespace.useLayoutEffect(() => {
+    const leadingIconsRef = React67__namespace.useRef(null);
+    const trailingIconsRef = React67__namespace.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React67__namespace.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React67__namespace.useState(0);
+    React67__namespace.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       if (typeof ResizeObserver === "undefined") return;
       const leadingEl = leadingIconsRef.current;
@@ -11666,7 +11670,7 @@ var Input = React66__namespace.forwardRef(
       inputClassName
     );
     const maskMode = unmask === true || unmask === "raw" ? "raw" : "masked";
-    const handleFocus = React66__namespace.useCallback(
+    const handleFocus = React67__namespace.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (!prefix && !suffix) return;
@@ -11694,7 +11698,7 @@ var Input = React66__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 = React66__namespace.useCallback(
+    const handleKeyDownWrapped = React67__namespace.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keydown" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -11711,7 +11715,7 @@ var Input = React66__namespace.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyDown]
     );
-    const handleKeyPressWrapped = React66__namespace.useCallback(
+    const handleKeyPressWrapped = React67__namespace.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keypress" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -11728,7 +11732,7 @@ var Input = React66__namespace.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyPress]
     );
-    const handleBeforeInputWrapped = React66__namespace.useCallback(
+    const handleBeforeInputWrapped = React67__namespace.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "beforeinput" && (event == null ? void 0 : event.nativeEvent)) {
           const inputEl = event.currentTarget;
@@ -11749,7 +11753,7 @@ var Input = React66__namespace.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onBeforeInput]
     );
-    const handlePasteWrapped = React66__namespace.useCallback(
+    const handlePasteWrapped = React67__namespace.useCallback(
       (event) => {
         var _a, _b;
         if (hasKeyFilter && keyFilterOnPaste) {
@@ -11800,6 +11804,7 @@ var Input = React66__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,
@@ -11853,6 +11858,7 @@ var Input = React66__namespace.forwardRef(
             disabled,
             readOnly,
             "aria-required": required ? "true" : void 0,
+            "aria-invalid": invalid ? "true" : void 0,
             "data-size": sizeKey,
             "data-density": densityKey,
             placeholder,
@@ -12147,7 +12153,7 @@ function stripAffixes(value, prefix, suffix) {
   if (suffix && out.endsWith(suffix)) out = out.slice(0, -suffix.length);
   return out;
 }
-var ShadcnTextVariant = React66__namespace.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
+var ShadcnTextVariant = React67__namespace.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
   const {
     // form-level props
     value,
@@ -12195,7 +12201,7 @@ var ShadcnTextVariant = React66__namespace.forwardRef(function ShadcnTextVariant
     ...rest
   } = props;
   const isMasked = Boolean(mask);
-  const handlePlainChange = React66__namespace.useCallback(
+  const handlePlainChange = React67__namespace.useCallback(
     (e4) => {
       var _a;
       const displayed = (_a = e4.target.value) != null ? _a : "";
@@ -12226,7 +12232,7 @@ var ShadcnTextVariant = React66__namespace.forwardRef(function ShadcnTextVariant
     },
     [onValue, prefix, suffix, stripPrefix, stripSuffix]
   );
-  const handleMaskedChange = React66__namespace.useCallback(
+  const handleMaskedChange = React67__namespace.useCallback(
     (e4) => {
       var _a, _b, _c;
       const maskedValue = (_a = e4.value) != null ? _a : "";
@@ -12444,8 +12450,8 @@ function normalizeEditable(raw, locale, decimalSep, allowMinus) {
   if (t4 === decimalSep) t4 = "0" + decimalSep;
   return t4;
 }
-var InputNumber = React66__namespace.memo(
-  React66__namespace.forwardRef((inProps, ref) => {
+var InputNumber = React67__namespace.memo(
+  React67__namespace.forwardRef((inProps, ref) => {
     var _a;
     const props = {
       allowEmpty: true,
@@ -12460,19 +12466,19 @@ var InputNumber = React66__namespace.memo(
       type: "text",
       ...inProps
     };
-    const locale = React66__namespace.useMemo(
+    const locale = React67__namespace.useMemo(
       () => resolveLocale(props.locale),
       [props.locale]
     );
-    const decimalSep = React66__namespace.useMemo(
+    const decimalSep = React67__namespace.useMemo(
       () => getDecimalSeparator(locale),
       [locale]
     );
-    const allowMinus = React66__namespace.useMemo(
+    const allowMinus = React67__namespace.useMemo(
       () => props.min == null || props.min < 0,
       [props.min]
     );
-    const fmtOptions = React66__namespace.useMemo(() => {
+    const fmtOptions = React67__namespace.useMemo(() => {
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
@@ -12493,22 +12499,22 @@ var InputNumber = React66__namespace.memo(
       props.maxFractionDigits,
       props.roundingMode
     ]);
-    const inputRef = React66__namespace.useRef(null);
-    React66__namespace.useImperativeHandle(ref, () => inputRef.current);
-    const [display, setDisplay] = React66__namespace.useState("");
-    const [focused, setFocused] = React66__namespace.useState(false);
-    const toEditableFromNumber = React66__namespace.useCallback(
+    const inputRef = React67__namespace.useRef(null);
+    React67__namespace.useImperativeHandle(ref, () => inputRef.current);
+    const [display, setDisplay] = React67__namespace.useState("");
+    const [focused, setFocused] = React67__namespace.useState(false);
+    const toEditableFromNumber = React67__namespace.useCallback(
       (n3) => {
         const s3 = String(n3);
         return decimalSep === "." ? s3 : s3.replace(".", decimalSep);
       },
       [decimalSep]
     );
-    const clampModel = React66__namespace.useCallback(
+    const clampModel = React67__namespace.useCallback(
       (n3) => clampToLimits(n3, props.min, props.max),
       [props.min, props.max]
     );
-    const emit = React66__namespace.useCallback(
+    const emit = React67__namespace.useCallback(
       (event, value2) => {
         var _a2, _b, _c;
         const safeValue = sanitizeNumberish(value2);
@@ -12543,7 +12549,7 @@ var InputNumber = React66__namespace.memo(
         }
       });
     };
-    const formatFromModel = React66__namespace.useCallback(
+    const formatFromModel = React67__namespace.useCallback(
       (n3) => {
         const safeNumber = sanitizeNumberish(n3);
         if (safeNumber == null) return "";
@@ -12566,7 +12572,7 @@ var InputNumber = React66__namespace.memo(
         toEditableFromNumber
       ]
     );
-    const getModelFromDisplay = React66__namespace.useCallback(
+    const getModelFromDisplay = React67__namespace.useCallback(
       (text) => {
         const stripped = stripAffixes2(text, props.prefix, props.suffix);
         const withoutGroup = stripGrouping(stripped, locale);
@@ -12578,7 +12584,7 @@ var InputNumber = React66__namespace.memo(
       },
       [props.prefix, props.suffix, locale, decimalSep, clampModel]
     );
-    const syncFromPropsValue = React66__namespace.useCallback(
+    const syncFromPropsValue = React67__namespace.useCallback(
       (v2) => {
         const safeValue = sanitizeNumberish(v2);
         if (safeValue == null) {
@@ -12592,11 +12598,11 @@ var InputNumber = React66__namespace.memo(
       },
       [clampModel, focused, toEditableFromNumber, formatFromModel]
     );
-    React66__namespace.useEffect(() => {
+    React67__namespace.useEffect(() => {
       var _a2;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
     }, []);
-    React66__namespace.useEffect(() => {
+    React67__namespace.useEffect(() => {
       var _a2;
       if (focused) return;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
@@ -12689,6 +12695,25 @@ var InputNumber = React66__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 (
@@ -12730,7 +12755,7 @@ InputNumber.displayName = "InputNumber";
 function sanitizeNumberish2(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
-var ShadcnNumberVariant = React66__namespace.default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
+var ShadcnNumberVariant = React67__namespace.default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
   const {
     showButtons,
     buttonLayout = "stacked",
@@ -12748,7 +12773,7 @@ var ShadcnNumberVariant = React66__namespace.default.forwardRef(function ShadcnN
     id,
     inputId
   } = rest;
-  const handleChange = React66__namespace.default.useCallback(
+  const handleChange = React67__namespace.default.useCallback(
     (e4) => {
       const safeValue = sanitizeNumberish2(e4.value);
       if (onValueChange) {
@@ -12761,7 +12786,7 @@ var ShadcnNumberVariant = React66__namespace.default.forwardRef(function ShadcnN
     },
     [onValueChange]
   );
-  const handleStep = React66__namespace.default.useCallback(
+  const handleStep = React67__namespace.default.useCallback(
     (direction, originalEvent) => {
       var _a, _b;
       if (disabled) return;
@@ -13279,7 +13304,7 @@ var CountrySelect = ({
     }) })
   ] }) });
 };
-var ShadcnPhoneVariant = React66__namespace.forwardRef(function ShadcnPhoneVariant2(props, ref) {
+var ShadcnPhoneVariant = React67__namespace.forwardRef(function ShadcnPhoneVariant2(props, ref) {
   const {
     countries: countriesProp,
     defaultCountry,
@@ -13304,8 +13329,8 @@ var ShadcnPhoneVariant = React66__namespace.forwardRef(function ShadcnPhoneVaria
   } = props;
   let DEFAULT_COUNTRIES2 = getGlobalCountryList();
   const defaultCountries = countriesProp && countriesProp.length > 0 ? countriesProp : DEFAULT_COUNTRIES2;
-  const [countries, setLoadedCountries] = React66__namespace.useState(defaultCountries);
-  React66__namespace.useEffect(() => {
+  const [countries, setLoadedCountries] = React67__namespace.useState(defaultCountries);
+  React67__namespace.useEffect(() => {
     if (countriesProp == null ? void 0 : countriesProp.length) return;
     const list = getPaletteUtil("countries");
     if (list == null ? void 0 : list.length) {
@@ -13318,7 +13343,7 @@ var ShadcnPhoneVariant = React66__namespace.forwardRef(function ShadcnPhoneVaria
       });
     }
   }, []);
-  const [country, setCountry] = React66__namespace.useState(() => {
+  const [country, setCountry] = React67__namespace.useState(() => {
     var _a;
     if (defaultCountry) {
       const found = countries.find((c2) => c2.code === defaultCountry);
@@ -13326,7 +13351,7 @@ var ShadcnPhoneVariant = React66__namespace.forwardRef(function ShadcnPhoneVaria
     }
     return (_a = countries[0]) != null ? _a : DEFAULT_COUNTRIES2[0];
   });
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setCountry((prev) => {
       var _a;
       if (defaultCountry) {
@@ -13337,13 +13362,13 @@ var ShadcnPhoneVariant = React66__namespace.forwardRef(function ShadcnPhoneVaria
       return (_a = stillThere != null ? stillThere : countries[0]) != null ? _a : prev;
     });
   }, [countries, defaultCountry]);
-  const [local, setLocal] = React66__namespace.useState(
+  const [local, setLocal] = React67__namespace.useState(
     () => computeDisplayFromValue(value, country, keepCharPositions)
   );
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setLocal(computeDisplayFromValue(value, country, keepCharPositions));
   }, [value, country, keepCharPositions]);
-  const handleInputChange = React66__namespace.useCallback(
+  const handleInputChange = React67__namespace.useCallback(
     (event) => {
       var _a;
       const rawInput = (_a = event.target.value) != null ? _a : "";
@@ -13369,7 +13394,7 @@ var ShadcnPhoneVariant = React66__namespace.forwardRef(function ShadcnPhoneVaria
     },
     [country, valueMode, keepCharPositions, onValue]
   );
-  const handleCountryChange = React66__namespace.useCallback(
+  const handleCountryChange = React67__namespace.useCallback(
     (nextCode) => {
       var _a;
       const nextCountry = (_a = countries.find((c2) => c2.code === nextCode)) != null ? _a : countries[0];
@@ -13456,7 +13481,7 @@ function normalizeColorForPicker(value) {
   }
   return "#000000";
 }
-var ShadcnColorVariant = React66__namespace.forwardRef(function ShadcnColorVariant2(props, ref) {
+var ShadcnColorVariant = React67__namespace.forwardRef(function ShadcnColorVariant2(props, ref) {
   const {
     // variant contract
     value,
@@ -13477,22 +13502,22 @@ var ShadcnColorVariant = React66__namespace.forwardRef(function ShadcnColorVaria
     // everything else → Input (size, density, className, icons, etc.)
     ...restTextProps
   } = props;
-  const [local, setLocal] = React66__namespace.useState(value != null ? value : "");
-  const [pickerOpen, setPickerOpen] = React66__namespace.useState(false);
-  React66__namespace.useEffect(() => {
+  const [local, setLocal] = React67__namespace.useState(value != null ? value : "");
+  const [pickerOpen, setPickerOpen] = React67__namespace.useState(false);
+  React67__namespace.useEffect(() => {
     setLocal(value != null ? value : "");
   }, [value]);
-  const pickerRef = React66__namespace.useRef(null);
+  const pickerRef = React67__namespace.useRef(null);
   const effectiveColor = normalizeColorForPicker(local || value);
   const showError = Boolean(error);
-  const openSystemPicker = React66__namespace.useCallback(() => {
+  const openSystemPicker = React67__namespace.useCallback(() => {
     setPickerOpen(true);
     window.setTimeout(() => {
       var _a;
       (_a = pickerRef.current) == null ? void 0 : _a.click();
     }, 0);
   }, []);
-  const handleTextChange = React66__namespace.useCallback(
+  const handleTextChange = React67__namespace.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -13509,7 +13534,7 @@ var ShadcnColorVariant = React66__namespace.forwardRef(function ShadcnColorVaria
     },
     [onValue]
   );
-  const handlePickerChange = React66__namespace.useCallback(
+  const handlePickerChange = React67__namespace.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -13527,7 +13552,7 @@ var ShadcnColorVariant = React66__namespace.forwardRef(function ShadcnColorVaria
     },
     [onValue]
   );
-  const handlePickerBlur = React66__namespace.useCallback(() => {
+  const handlePickerBlur = React67__namespace.useCallback(() => {
     setPickerOpen(false);
   }, []);
   const leadingControl = showPreview ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -13829,7 +13854,7 @@ function meterColor(score) {
   if (score === 3) return "bg-amber-500";
   return "bg-emerald-500";
 }
-var ShadcnPasswordVariant = React66__namespace.forwardRef(function ShadcnPasswordVariant2(props, ref) {
+var ShadcnPasswordVariant = React67__namespace.forwardRef(function ShadcnPasswordVariant2(props, ref) {
   var _a, _b;
   const {
     // base variant bits
@@ -13865,18 +13890,18 @@ var ShadcnPasswordVariant = React66__namespace.forwardRef(function ShadcnPasswor
     // everything else from Shadcn text UI
     ...restTextProps
   } = props;
-  const [revealed, setRevealed] = React66__namespace.useState(
+  const [revealed, setRevealed] = React67__namespace.useState(
     Boolean(defaultRevealed)
   );
-  const normalizedStrength = React66__namespace.useMemo(
+  const normalizedStrength = React67__namespace.useMemo(
     () => normalizeStrengthOptions(strengthMeter),
     [strengthMeter]
   );
-  const effectiveRuleDefinitions = React66__namespace.useMemo(
+  const effectiveRuleDefinitions = React67__namespace.useMemo(
     () => getMergedRuleDefinitions(ruleDefinitions),
     [ruleDefinitions]
   );
-  const meterState = React66__namespace.useMemo(() => {
+  const meterState = React67__namespace.useMemo(() => {
     if (!normalizedStrength) return null;
     const v2 = value != null ? value : "";
     return computeMeterState(
@@ -13886,14 +13911,14 @@ var ShadcnPasswordVariant = React66__namespace.forwardRef(function ShadcnPasswor
       ruleUses
     );
   }, [normalizedStrength, value, ruleUses, effectiveRuleDefinitions]);
-  const handleToggleReveal = React66__namespace.useCallback(() => {
+  const handleToggleReveal = React67__namespace.useCallback(() => {
     setRevealed((prev) => {
       const next = !prev;
       onRevealChange == null ? void 0 : onRevealChange(next);
       return next;
     });
   }, [onRevealChange]);
-  const handleChange = React66__namespace.useCallback(
+  const handleChange = React67__namespace.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -16543,38 +16568,38 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 function Button(props) {
-  return React66__namespace.default.createElement("button", { ...props });
+  return React67__namespace.default.createElement("button", { ...props });
 }
 function CaptionLabel(props) {
-  return React66__namespace.default.createElement("span", { ...props });
+  return React67__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
-    React66__namespace.default.createElement(
+    React67__namespace.default.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React66__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" && React66__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" && React66__namespace.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React66__namespace.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      orientation === "up" && React67__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" && React67__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" && React67__namespace.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && React67__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 React66__namespace.default.createElement("td", { ...tdProps });
+  return React67__namespace.default.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React66__namespace.default.useRef(null);
-  React66__namespace.default.useEffect(() => {
+  const ref = React67__namespace.default.useRef(null);
+  React67__namespace.default.useEffect(() => {
     var _a;
     if (modifiers.focused)
       (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
-  return React66__namespace.default.createElement("button", { ref, ...buttonProps });
+  return React67__namespace.default.createElement("button", { ref, ...buttonProps });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/UI.js
@@ -16637,41 +16662,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 React66__namespace.default.createElement(
+  return React67__namespace.default.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React66__namespace.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React66__namespace.default.createElement(components.Option, { key: value, value, disabled }, label))),
-    React66__namespace.default.createElement(
+    React67__namespace.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React67__namespace.default.createElement(components.Option, { key: value, value, disabled }, label))),
+    React67__namespace.default.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption == null ? void 0 : selectedOption.label,
-      React66__namespace.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React67__namespace.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React66__namespace.default.createElement("div", { ...props });
+  return React67__namespace.default.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React66__namespace.default.createElement("div", { ...props });
+  return React67__namespace.default.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React66__namespace.default.createElement("div", { ...divProps }, props.children);
+  return React67__namespace.default.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React66__namespace.default.createElement("div", { ...divProps });
+  return React67__namespace.default.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React66__namespace.default.createElement("table", { ...props });
+  return React67__namespace.default.createElement("table", { ...props });
 }
 function Months(props) {
-  return React66__namespace.default.createElement("div", { ...props });
+  return React67__namespace.default.createElement("div", { ...props });
 }
-var dayPickerContext = React66.createContext(void 0);
+var dayPickerContext = React67.createContext(void 0);
 function useDayPicker() {
-  const context = React66.useContext(dayPickerContext);
+  const context = React67.useContext(dayPickerContext);
   if (context === void 0) {
     throw new Error("useDayPicker() must be used within a custom component.");
   }
@@ -16681,81 +16706,81 @@ function useDayPicker() {
 // ../../node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React66__namespace.default.createElement(components.Dropdown, { ...props });
+  return React67__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 = React66.useCallback((e4) => {
+  const handleNextClick = React67.useCallback((e4) => {
     if (nextMonth) {
       onNextClick == null ? void 0 : onNextClick(e4);
     }
   }, [nextMonth, onNextClick]);
-  const handlePreviousClick = React66.useCallback((e4) => {
+  const handlePreviousClick = React67.useCallback((e4) => {
     if (previousMonth) {
       onPreviousClick == null ? void 0 : onPreviousClick(e4);
     }
   }, [previousMonth, onPreviousClick]);
-  return React66__namespace.default.createElement(
+  return React67__namespace.default.createElement(
     "nav",
     { ...navProps },
-    React66__namespace.default.createElement(
+    React67__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 },
-      React66__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React67__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React66__namespace.default.createElement(
+    React67__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 },
-      React66__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React67__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return React66__namespace.default.createElement(components.Button, { ...props });
+  return React67__namespace.default.createElement(components.Button, { ...props });
 }
 function Option(props) {
-  return React66__namespace.default.createElement("option", { ...props });
+  return React67__namespace.default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return React66__namespace.default.createElement(components.Button, { ...props });
+  return React67__namespace.default.createElement(components.Button, { ...props });
 }
 function Root3(props) {
   const { rootRef, ...rest } = props;
-  return React66__namespace.default.createElement("div", { ...rest, ref: rootRef });
+  return React67__namespace.default.createElement("div", { ...rest, ref: rootRef });
 }
 function Select2(props) {
-  return React66__namespace.default.createElement("select", { ...props });
+  return React67__namespace.default.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React66__namespace.default.createElement("tr", { ...trProps });
+  return React67__namespace.default.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React66__namespace.default.createElement("th", { ...props });
+  return React67__namespace.default.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React66__namespace.default.createElement(
+  return React67__namespace.default.createElement(
     "thead",
     { "aria-hidden": true },
-    React66__namespace.default.createElement("tr", { ...props })
+    React67__namespace.default.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React66__namespace.default.createElement("th", { ...thProps });
+  return React67__namespace.default.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React66__namespace.default.createElement("th", { ...props });
+  return React67__namespace.default.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React66__namespace.default.createElement("tbody", { ...props });
+  return React67__namespace.default.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React66__namespace.default.createElement(components.Dropdown, { ...props });
+  return React67__namespace.default.createElement(components.Dropdown, { ...props });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
@@ -17238,10 +17263,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 = React66.useRef(null);
-  const previousMonthsRef = React66.useRef(months);
-  const animatingRef = React66.useRef(false);
-  React66.useLayoutEffect(() => {
+  const previousRootElSnapshotRef = React67.useRef(null);
+  const previousMonthsRef = React67.useRef(months);
+  const animatingRef = React67.useRef(false);
+  React67.useLayoutEffect(() => {
     const previousMonths = previousMonthsRef.current;
     previousMonthsRef.current = months;
     if (!enabled || !rootElRef.current || // safety check because the ref can be set to anything by consumers
@@ -17541,7 +17566,7 @@ function getWeeks(months) {
   }, initialWeeks.slice());
 }
 function useControlledValue(defaultValue, controlledValue) {
-  const [uncontrolledValue, setValue] = React66.useState(defaultValue);
+  const [uncontrolledValue, setValue] = React67.useState(defaultValue);
   const value = controlledValue === void 0 ? uncontrolledValue : controlledValue;
   return [value, setValue];
 }
@@ -17557,11 +17582,11 @@ function useCalendar(props, dateLib) {
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : void 0
   );
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
-  const { months, weeks, days, previousMonth, nextMonth } = React66.useMemo(() => {
+  const { months, weeks, days, previousMonth, nextMonth } = React67.useMemo(() => {
     const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
     const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, {
       ISOWeek: props.ISOWeek,
@@ -17713,9 +17738,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] = React66.useState();
+  const [lastFocused, setLastFocused] = React67.useState();
   const focusTarget = calculateFocusTarget(calendar.days, getModifiers, isSelected || (() => false), lastFocused);
-  const [focusedDay, setFocused] = React66.useState(autoFocus ? focusTarget : void 0);
+  const [focusedDay, setFocused] = React67.useState(autoFocus ? focusTarget : void 0);
   const blur = () => {
     setLastFocused(focusedDay);
     setFocused(void 0);
@@ -18096,7 +18121,7 @@ function DayPicker(initialProps) {
       props.modifiers = nextModifiers;
     }
   }
-  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = React66.useMemo(() => {
+  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = React67.useMemo(() => {
     const locale2 = { ...enUS2, ...props.locale };
     const dateLib2 = new DateLib({
       locale: locale2,
@@ -18141,21 +18166,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 = React66.useMemo(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
+  const weekdays = React67.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 = React66.useCallback(() => {
+  const handlePreviousClick = React67.useCallback(() => {
     if (!previousMonth)
       return;
     goToMonth(previousMonth);
     onPrevClick == null ? void 0 : onPrevClick(previousMonth);
   }, [previousMonth, goToMonth, onPrevClick]);
-  const handleNextClick = React66.useCallback(() => {
+  const handleNextClick = React67.useCallback(() => {
     if (!nextMonth)
       return;
     goToMonth(nextMonth);
     onNextClick == null ? void 0 : onNextClick(nextMonth);
   }, [goToMonth, nextMonth, onNextClick]);
-  const handleDayClick = React66.useCallback((day, m2) => (e4) => {
+  const handleDayClick = React67.useCallback((day, m2) => (e4) => {
     e4.preventDefault();
     e4.stopPropagation();
     setFocused(day);
@@ -18165,15 +18190,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 = React66.useCallback((day, m2) => (e4) => {
+  const handleDayFocus = React67.useCallback((day, m2) => (e4) => {
     setFocused(day);
     onDayFocus == null ? void 0 : onDayFocus(day.date, m2, e4);
   }, [onDayFocus, setFocused]);
-  const handleDayBlur = React66.useCallback((day, m2) => (e4) => {
+  const handleDayBlur = React67.useCallback((day, m2) => (e4) => {
     blur();
     onDayBlur == null ? void 0 : onDayBlur(day.date, m2, e4);
   }, [blur, onDayBlur]);
-  const handleDayKeyDown = React66.useCallback((day, modifiers) => (e4) => {
+  const handleDayKeyDown = React67.useCallback((day, modifiers) => (e4) => {
     const keyMap = {
       ArrowLeft: [
         e4.shiftKey ? "month" : "day",
@@ -18198,28 +18223,28 @@ function DayPicker(initialProps) {
     }
     onDayKeyDown == null ? void 0 : onDayKeyDown(day.date, modifiers, e4);
   }, [moveFocus, onDayKeyDown, props.dir]);
-  const handleDayMouseEnter = React66.useCallback((day, modifiers) => (e4) => {
+  const handleDayMouseEnter = React67.useCallback((day, modifiers) => (e4) => {
     onDayMouseEnter == null ? void 0 : onDayMouseEnter(day.date, modifiers, e4);
   }, [onDayMouseEnter]);
-  const handleDayMouseLeave = React66.useCallback((day, modifiers) => (e4) => {
+  const handleDayMouseLeave = React67.useCallback((day, modifiers) => (e4) => {
     onDayMouseLeave == null ? void 0 : onDayMouseLeave(day.date, modifiers, e4);
   }, [onDayMouseLeave]);
-  const handleMonthChange = React66.useCallback((date) => (e4) => {
+  const handleMonthChange = React67.useCallback((date) => (e4) => {
     const selectedMonth = Number(e4.target.value);
     const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const handleYearChange = React66.useCallback((date) => (e4) => {
+  const handleYearChange = React67.useCallback((date) => (e4) => {
     const selectedYear = Number(e4.target.value);
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const { className, style } = React66.useMemo(() => ({
+  const { className, style } = React67.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 = React66.useRef(null);
+  const rootElRef = React67.useRef(null);
   useAnimation(rootElRef, Boolean(props.animate), {
     classNames,
     months,
@@ -18242,18 +18267,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React66__namespace.default.createElement(
+  return React67__namespace.default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React66__namespace.default.createElement(
+    React67__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 },
-      React66__namespace.default.createElement(
+      React67__namespace.default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && React66__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 && React67__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 React66__namespace.default.createElement(
+          return React67__namespace.default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -18264,21 +18289,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React66__namespace.default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React67__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 },
-              React66__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React67__namespace.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React66__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")) ? React66__namespace.default.createElement(
+            React67__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")) ? React67__namespace.default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React66__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) }) : React66__namespace.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React66__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) }) : React66__namespace.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React67__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) }) : React67__namespace.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React67__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) }) : React67__namespace.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React66__namespace.default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React67__namespace.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -18290,27 +18315,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React66__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 && React66__namespace.default.createElement(
+            ) : React67__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 && React67__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 },
-              React66__namespace.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React67__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 && React66__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 }),
-            React66__namespace.default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React67__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 }),
+            React67__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 && React66__namespace.default.createElement(
+              !props.hideWeekdays && React67__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 && React66__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) => React66__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 && React67__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) => React67__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)))
               ),
-              React66__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 React66__namespace.default.createElement(
+              React67__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 React67__namespace.default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React66__namespace.default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React67__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) => {
@@ -18327,7 +18352,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 React66__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 ? React66__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 React67__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 ? React67__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));
                   })
                 );
               }))
@@ -18335,7 +18360,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React66__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 && React67__namespace.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -18578,8 +18603,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React66__namespace.useRef(null);
-  React66__namespace.useEffect(() => {
+  const ref = React67__namespace.useRef(null);
+  React67__namespace.useEffect(() => {
     var _a;
     if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
@@ -18656,15 +18681,15 @@ var TimeDropdowns = (props) => {
     triggerClassName,
     density = "normal"
   } = props;
-  const minuteOptions = React66__namespace.useMemo(
+  const minuteOptions = React67__namespace.useMemo(
     () => buildMinuteOptions(minuteStep),
     [minuteStep]
   );
-  const secondOptions = React66__namespace.useMemo(
+  const secondOptions = React67__namespace.useMemo(
     () => buildSecondOptions(secondStep),
     [secondStep]
   );
-  const hourOptions = React66__namespace.useMemo(
+  const hourOptions = React67__namespace.useMemo(
     () => use12Hour ? buildHourOptions12() : buildHourOptions24(),
     [use12Hour]
   );
@@ -19003,7 +19028,7 @@ function parseRawToDate(rawDigits, kind) {
 function meterSafeDigits(masked) {
   return masked.replace(/\D+/g, "");
 }
-var ShadcnDateVariant = React66__namespace.forwardRef(function ShadcnDateVariant2(props, ref) {
+var ShadcnDateVariant = React67__namespace.forwardRef(function ShadcnDateVariant2(props, ref) {
   const {
     // variant base bits
     value,
@@ -19036,10 +19061,10 @@ var ShadcnDateVariant = React66__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] = React66__namespace.useState(false);
+  const [internalOpen, setInternalOpen] = React67__namespace.useState(false);
   const isControlledOpen = open !== void 0;
   const currentOpen = isControlledOpen ? !!open : internalOpen;
-  const handleOpenChange = React66__namespace.useCallback(
+  const handleOpenChange = React67__namespace.useCallback(
     (next) => {
       if (!isControlledOpen) {
         setInternalOpen(next);
@@ -19049,7 +19074,7 @@ var ShadcnDateVariant = React66__namespace.forwardRef(function ShadcnDateVariant
     [isControlledOpen, onOpenChange]
   );
   const { single, range } = normalizeValueForMode(value, mode);
-  const displayValue = React66__namespace.useMemo(() => {
+  const displayValue = React67__namespace.useMemo(() => {
     if (mode === "single") {
       return formatDisplaySingle(single, singlePattern);
     }
@@ -19060,12 +19085,12 @@ var ShadcnDateVariant = React66__namespace.forwardRef(function ShadcnDateVariant
       rangeSeparator
     );
   }, [mode, single, range, singlePattern, formatRange, rangeSeparator]);
-  const [localText, setLocalText] = React66__namespace.useState(displayValue);
-  React66__namespace.useEffect(() => {
+  const [localText, setLocalText] = React67__namespace.useState(displayValue);
+  React67__namespace.useEffect(() => {
     setLocalText(displayValue);
   }, [displayValue]);
   const showTimeDropdowns = mode === "single" && (kind === "datetime" || kind === "time" || kind === "hour");
-  const handleSelect = React66__namespace.useCallback(
+  const handleSelect = React67__namespace.useCallback(
     (next) => {
       let nextValue;
       let nextRange;
@@ -19115,7 +19140,7 @@ var ShadcnDateVariant = React66__namespace.forwardRef(function ShadcnDateVariant
     },
     [mode, stayOpenOnSelect, onValue, handleOpenChange, kind, single]
   );
-  const handleTimeChange = React66__namespace.useCallback(
+  const handleTimeChange = React67__namespace.useCallback(
     (next) => {
       if (!next) {
         const detail2 = {
@@ -19146,7 +19171,7 @@ var ShadcnDateVariant = React66__namespace.forwardRef(function ShadcnDateVariant
     },
     [mode, kind, onValue]
   );
-  const handleClear = React66__namespace.useCallback(
+  const handleClear = React67__namespace.useCallback(
     (ev) => {
       ev.preventDefault();
       ev.stopPropagation();
@@ -19165,7 +19190,7 @@ var ShadcnDateVariant = React66__namespace.forwardRef(function ShadcnDateVariant
   );
   const hasValue = hasSelection(value);
   const placeholderText = typeof placeholder === "string" ? placeholder : mode === "range" ? "Select date range" : "Select date";
-  const handleInputChange = React66__namespace.useCallback(
+  const handleInputChange = React67__namespace.useCallback(
     (event) => {
       var _a, _b, _c;
       if (mode !== "single") return;
@@ -19352,7 +19377,7 @@ function resolveBasePadding2(size, density) {
   }
   return { px, py };
 }
-var Textarea = React66__namespace.forwardRef(
+var Textarea = React67__namespace.forwardRef(
   function Textarea2(rawProps, forwardedRef) {
     const {
       // layout wrapper
@@ -19400,8 +19425,8 @@ var Textarea = React66__namespace.forwardRef(
     } = rawProps;
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
-    const innerRef = React66__namespace.useRef(null);
-    React66__namespace.useImperativeHandle(
+    const innerRef = React67__namespace.useRef(null);
+    React67__namespace.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -19422,11 +19447,11 @@ var Textarea = React66__namespace.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 1;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React66__namespace.useRef(null);
-    const trailingIconsRef = React66__namespace.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React66__namespace.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React66__namespace.useState(0);
-    const measureIconWidths = React66__namespace.useCallback(() => {
+    const leadingIconsRef = React67__namespace.useRef(null);
+    const trailingIconsRef = React67__namespace.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React67__namespace.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React67__namespace.useState(0);
+    const measureIconWidths = React67__namespace.useCallback(() => {
       if (typeof window === "undefined") return;
       const lead = leadingIconsRef.current;
       const trail = trailingIconsRef.current;
@@ -19443,7 +19468,7 @@ var Textarea = React66__namespace.forwardRef(
         setTrailingIconsWidth(0);
       }
     }, []);
-    React66__namespace.useLayoutEffect(() => {
+    React67__namespace.useLayoutEffect(() => {
       if (typeof window === "undefined" || typeof MutationObserver === "undefined") {
         measureIconWidths();
         return;
@@ -19472,10 +19497,10 @@ var Textarea = React66__namespace.forwardRef(
       measureIconWidths();
       return () => observers.forEach((o3) => o3.disconnect());
     }, [measureIconWidths, hasLeadingIcons, hasTrailingIcons]);
-    const [rowHeight, setRowHeight] = React66__namespace.useState(null);
+    const [rowHeight, setRowHeight] = React67__namespace.useState(null);
     const baseMinRows = Math.max(minRowsProp != null ? minRowsProp : 1, 1);
-    const [rows, setRows] = React66__namespace.useState(baseMinRows);
-    React66__namespace.useLayoutEffect(() => {
+    const [rows, setRows] = React67__namespace.useState(baseMinRows);
+    React67__namespace.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       const el = innerRef.current;
       if (!el) return;
@@ -19491,7 +19516,7 @@ var Textarea = React66__namespace.forwardRef(
         setRows(baseMinRows);
       }
     }, [sizeKey, densityKey, baseMinRows]);
-    const recomputeHeight = React66__namespace.useCallback(() => {
+    const recomputeHeight = React67__namespace.useCallback(() => {
       if (!autoResize) return;
       if (!innerRef.current) return;
       if (!rowHeight) return;
@@ -19513,7 +19538,7 @@ var Textarea = React66__namespace.forwardRef(
       el.style.height = `${nextHeight}px`;
       setRows(nextRows);
     }, [autoResize, rowHeight, baseMinRows, maxRows]);
-    React66__namespace.useLayoutEffect(() => {
+    React67__namespace.useLayoutEffect(() => {
       recomputeHeight();
     }, [recomputeHeight, rest.value, rest.defaultValue]);
     const { px: pxDefault, py: pyDefault } = resolveBasePadding2(size, density);
@@ -19583,19 +19608,19 @@ var Textarea = React66__namespace.forwardRef(
     const focusTextarea = () => {
       if (innerRef.current) innerRef.current.focus();
     };
-    const handleFocus = React66__namespace.useCallback(
+    const handleFocus = React67__namespace.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
       },
       [onFocus]
     );
-    const handleBlur = React66__namespace.useCallback(
+    const handleBlur = React67__namespace.useCallback(
       (event) => {
         onBlur == null ? void 0 : onBlur(event);
       },
       [onBlur]
     );
-    const handleChange = React66__namespace.useCallback(
+    const handleChange = React67__namespace.useCallback(
       (event) => {
         onChange == null ? void 0 : onChange(event);
         recomputeHeight();
@@ -19772,7 +19797,7 @@ function splitIntoTokens(raw, sep) {
   }
   return acc.map((t4) => t4.trim()).filter((t4) => t4.length > 0);
 }
-var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVariant2(props, ref) {
+var ShadcnChipsVariant = React67__namespace.forwardRef(function ShadcnChipsVariant2(props, ref) {
   var _a;
   const {
     // variant base bits
@@ -19809,20 +19834,20 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
     ...restTextProps
   } = props;
   const hasInvalidIncomingValue = value !== void 0 && !Array.isArray(value);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!hasInvalidIncomingValue) return;
     console.warn(
       "[form-palette] ShadcnChipsVariant expected `value` to be `string[] | undefined`; received:",
       value
     );
   }, [hasInvalidIncomingValue, value]);
-  const chips = React66__namespace.useMemo(
+  const chips = React67__namespace.useMemo(
     () => Array.isArray(value) ? value : [],
     [value]
   );
   const hasChips = chips.length > 0;
-  const [inputText, setInputText] = React66__namespace.useState("");
-  const emitChange = React66__namespace.useCallback(
+  const [inputText, setInputText] = React67__namespace.useState("");
+  const emitChange = React67__namespace.useCallback(
     (nextChips, meta) => {
       const detail = {
         source: "variant",
@@ -19837,7 +19862,7 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
     },
     [onValue]
   );
-  const commitFromRaw = React66__namespace.useCallback(
+  const commitFromRaw = React67__namespace.useCallback(
     (raw) => {
       const tokens = splitIntoTokens(raw, separators);
       if (!tokens.length) return;
@@ -19858,7 +19883,7 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
     },
     [chips, separators, allowDuplicates, maxChips, emitChange, onAddChips]
   );
-  const handleRemoveAt = React66__namespace.useCallback(
+  const handleRemoveAt = React67__namespace.useCallback(
     (index) => {
       if (index < 0 || index >= chips.length) return;
       const removed = [chips[index]];
@@ -19868,7 +19893,7 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleClear = React66__namespace.useCallback(
+  const handleClear = React67__namespace.useCallback(
     (ev) => {
       ev == null ? void 0 : ev.preventDefault();
       ev == null ? void 0 : ev.stopPropagation();
@@ -19879,7 +19904,7 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleEntryChange = React66__namespace.useCallback(
+  const handleEntryChange = React67__namespace.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -19887,7 +19912,7 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
     },
     []
   );
-  const handleEntryKeyDown = React66__namespace.useCallback(
+  const handleEntryKeyDown = React67__namespace.useCallback(
     (event) => {
       const key = event.key;
       if (key === "Enter" && addOnEnter) {
@@ -19918,7 +19943,7 @@ var ShadcnChipsVariant = React66__namespace.forwardRef(function ShadcnChipsVaria
       handleRemoveAt
     ]
   );
-  const handleEntryBlur = React66__namespace.useCallback(
+  const handleEntryBlur = React67__namespace.useCallback(
     (event) => {
       if (addOnBlur && inputText.trim().length) {
         commitFromRaw(inputText);
@@ -19930,10 +19955,12 @@ var ShadcnChipsVariant = React66__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 ? {
@@ -19943,7 +19970,7 @@ var ShadcnChipsVariant = React66__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(React66__namespace.Fragment, { children: renderChip(chip, index, {
+      return /* @__PURE__ */ jsxRuntime.jsx(React67__namespace.Fragment, { children: renderChip(chip, index, {
         remove: () => handleRemoveAt(index),
         chips
       }) }, `${chip}-${index}`);
@@ -19992,25 +20019,69 @@ var ShadcnChipsVariant = React66__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(React66__namespace.Fragment, { children: node }, "__overflow")
+      /* @__PURE__ */ jsxRuntime.jsx(React67__namespace.Fragment, { children: node }, "__overflow")
     );
   }
   const effectivePlacement = textareaMode ? placement != null ? placement : "inline" : placement != null ? placement : "inline";
@@ -20204,7 +20275,7 @@ var chipVariant = {
     tags: ["chips", "multi-select", "tags"]
   }
 };
-var ShadcnTextareaVariant = React66__namespace.forwardRef(function ShadcnTextareaVariant2(props, ref) {
+var ShadcnTextareaVariant = React67__namespace.forwardRef(function ShadcnTextareaVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -20212,7 +20283,7 @@ var ShadcnTextareaVariant = React66__namespace.forwardRef(function ShadcnTextare
     // everything else goes straight to the UI Textarea
     ...rest
   } = props;
-  const handleChange = React66__namespace.useCallback(
+  const handleChange = React67__namespace.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -20307,7 +20378,7 @@ function switchThumbSize(size) {
   if (size === "lg") return "size-5";
   return "size-4";
 }
-var ShadcnToggleVariant = React66__namespace.forwardRef(function ShadcnToggleVariant2(props, _ref) {
+var ShadcnToggleVariant = React67__namespace.forwardRef(function ShadcnToggleVariant2(props, _ref) {
   const {
     // variant bits
     value,
@@ -20329,7 +20400,7 @@ var ShadcnToggleVariant = React66__namespace.forwardRef(function ShadcnToggleVar
     ...restSwitchProps
   } = props;
   const checked = !!value;
-  const handleToggle = React66__namespace.useCallback(
+  const handleToggle = React67__namespace.useCallback(
     (next) => {
       const nextVal = Boolean(next);
       const detail = {
@@ -20855,7 +20926,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     ...restGroupProps
   } = props;
   const hasError = !!error;
-  const normalized = React66__namespace.useMemo(
+  const normalized = React67__namespace.useMemo(
     () => normalizeItems(
       items != null ? items : options,
       mappers,
@@ -20886,14 +20957,14 @@ var InnerShadcnRadioVariant = (props, ref) => {
       optionTagOnClick
     ]
   );
-  const selectedString = React66__namespace.useMemo(() => {
+  const selectedString = React67__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 = React66__namespace.useCallback(
+  const handleSelect = React67__namespace.useCallback(
     (next, selectedRaw) => {
       if (!onValue || disabled) return;
       const detail = {
@@ -20907,7 +20978,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     },
     [onValue, disabled]
   );
-  const handleRadioChange = React66__namespace.useCallback(
+  const handleRadioChange = React67__namespace.useCallback(
     (raw) => {
       var _a;
       const found = normalized.find((item) => String(item.value) === raw);
@@ -21049,7 +21120,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     }
   );
 };
-var ShadcnRadioVariant = React66__namespace.forwardRef(
+var ShadcnRadioVariant = React67__namespace.forwardRef(
   InnerShadcnRadioVariant
 );
 
@@ -21309,7 +21380,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   } = props;
   const hasError = !!error;
   const isSingle = !!single;
-  const normalized = React66__namespace.useMemo(
+  const normalized = React67__namespace.useMemo(
     () => normalizeItems2(
       items != null ? items : options,
       mappers,
@@ -21412,14 +21483,14 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       }
     );
   }
-  const normalizedByValueKey = React66__namespace.useMemo(() => {
+  const normalizedByValueKey = React67__namespace.useMemo(() => {
     const lookup = /* @__PURE__ */ new Map();
     normalized.forEach((item) => {
       lookup.set(valueLookupKey(item.value), item);
     });
     return lookup;
   }, [normalized]);
-  const groupValue = React66__namespace.useMemo(() => {
+  const groupValue = React67__namespace.useMemo(() => {
     const source = asGroupValue(value);
     if (!(source == null ? void 0 : source.length)) return source;
     return source.map((entry) => {
@@ -21457,21 +21528,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     labelTextSizeClass: labelTextSize2(size),
     descriptionTextSizeClass: descriptionTextSize2(size)
   });
-  const hasAnyTristate = React66__namespace.useMemo(
+  const hasAnyTristate = React67__namespace.useMemo(
     () => normalized.some((item) => {
       var _a, _b;
       return (_b = (_a = item.tristate) != null ? _a : tristateDefault) != null ? _b : false;
     }),
     [normalized, tristateDefault]
   );
-  const findEntryIndex = React66__namespace.useCallback(
+  const findEntryIndex = React67__namespace.useCallback(
     (val) => {
       if (!groupValue) return -1;
       return groupValue.findIndex((e4) => isEqualValue2(e4.value, val));
     },
     [groupValue]
   );
-  const getEntryState = React66__namespace.useCallback(
+  const getEntryState = React67__namespace.useCallback(
     (val) => {
       const idx = findEntryIndex(val);
       if (!groupValue || idx === -1) return "none";
@@ -21479,7 +21550,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     },
     [groupValue, findEntryIndex]
   );
-  const updateGroupValue = React66__namespace.useCallback(
+  const updateGroupValue = React67__namespace.useCallback(
     (itemValue, nextInternal, effectiveTristate) => {
       if (!onValue || disabled) return;
       const currentList = groupValue ? [...groupValue] : [];
@@ -21709,7 +21780,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     }
   );
 };
-var ShadcnCheckboxVariant = React66__namespace.forwardRef(
+var ShadcnCheckboxVariant = React67__namespace.forwardRef(
   InnerShadcnCheckboxVariant
 );
 
@@ -21732,6 +21803,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 = React67__namespace.useMemo(() => {
+    return React67__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 = React67__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 = React67__namespace.useMemo(() => {
+    return React67__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 = React67__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);
 }
@@ -21756,7 +21976,7 @@ function triggerPadding(density) {
       return "py-1.5";
   }
 }
-var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVariant2(props, _ref) {
+var ShadcnSelectVariant = React67__namespace.forwardRef(function ShadcnSelectVariant2(props, _ref) {
   var _a, _b;
   const {
     value,
@@ -21788,6 +22008,7 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
     clearable,
     placeholder,
     className,
+    style,
     triggerClassName,
     contentClassName,
     renderOption,
@@ -21814,9 +22035,9 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
     virtualScroll = true
   } = props;
   const isButtonMode = mode === "button";
-  const [open, setOpen] = React66__namespace.useState(false);
-  const [query, setQuery] = React66__namespace.useState("");
-  const items = React66__namespace.useMemo(
+  const [open, setOpen] = React67__namespace.useState(false);
+  const [query, setQuery] = React67__namespace.useState("");
+  const items = React67__namespace.useMemo(
     () => normalizeOptions(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -21852,7 +22073,7 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
     ]
   );
   const normalizedValue = value === "" || value == null ? void 0 : value;
-  const valueMap = React66__namespace.useMemo(() => {
+  const valueMap = React67__namespace.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const item of items) {
       map.set(String(item.value), item.value);
@@ -21862,7 +22083,7 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
   const selectedItem = normalizedValue == null ? null : (_a = items.find(
     (it) => String(it.value) === String(normalizedValue)
   )) != null ? _a : null;
-  const filteredItems = React66__namespace.useMemo(() => {
+  const filteredItems = React67__namespace.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
@@ -21874,7 +22095,7 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
     listMaxHeight,
     Math.max(estimatedRowHeight, filteredItems.length * estimatedRowHeight)
   );
-  const handleChange = React66__namespace.useCallback(
+  const handleChange = React67__namespace.useCallback(
     (rawKey) => {
       var _a2, _b2, _c, _d;
       if (!onValue || rawKey === "") return;
@@ -21923,7 +22144,7 @@ var ShadcnSelectVariant = React66__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 = React66__namespace.useMemo(() => {
+  const ButtonModeTrigger = React67__namespace.useMemo(() => {
     if (!isButtonMode) return null;
     const selectedValue = value;
     const renderable = button != null ? button : children;
@@ -21998,8 +22219,10 @@ var ShadcnSelectVariant = React66__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(
@@ -22082,7 +22305,7 @@ var ShadcnSelectVariant = React66__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,
@@ -22145,7 +22368,7 @@ var ShadcnSelectVariant = React66__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,
@@ -22200,7 +22423,7 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
                   setQuery("");
                 }
               });
-            }) })
+            }) }) })
           )
         ] })
       ]
@@ -22213,8 +22436,7 @@ var ShadcnSelectVariant = React66__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,
@@ -22244,6 +22466,7 @@ var ShadcnSelectVariant = React66__namespace.forwardRef(function ShadcnSelectVar
           "div",
           {
             className: groupClassName,
+            style,
             "data-slot": "select-group",
             "data-disabled": disabled ? "true" : "false",
             children: [
@@ -22289,8 +22512,7 @@ var ShadcnSelectVariant = React66__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,
@@ -22348,10 +22570,10 @@ var SelectionSummary = ({
   placeholder,
   onRemoveValue
 }) => {
-  const containerRef = React66__namespace.useRef(null);
-  const [visibleCount, setVisibleCount] = React66__namespace.useState(0);
-  const [moreOpen, setMoreOpen] = React66__namespace.useState(false);
-  React66__namespace.useLayoutEffect(() => {
+  const containerRef = React67__namespace.useRef(null);
+  const [visibleCount, setVisibleCount] = React67__namespace.useState(0);
+  const [moreOpen, setMoreOpen] = React67__namespace.useState(false);
+  React67__namespace.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const computeVisibleItems = () => {
@@ -22399,7 +22621,7 @@ var SelectionSummary = ({
       ref: containerRef,
       className: "flex items-center w-full overflow-hidden whitespace-nowrap",
       children: [
-        visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React66__namespace.Fragment, { children: [
+        visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React67__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)),
@@ -22480,7 +22702,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);
@@ -22506,7 +22728,7 @@ function triggerPadding2(density) {
       return "py-1.5";
   }
 }
-var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
+var ShadcnMultiSelectVariant = React67__namespace.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
   var _a;
   const {
     value,
@@ -22569,9 +22791,9 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
     selectedBadgeClassName,
     selectedBadgePlacement = "end"
   } = props;
-  const [open, setOpen] = React66__namespace.useState(false);
-  const [query, setQuery] = React66__namespace.useState("");
-  const { items, keyedItems } = React66__namespace.useMemo(() => {
+  const [open, setOpen] = React67__namespace.useState(false);
+  const [query, setQuery] = React67__namespace.useState("");
+  const { items, keyedItems } = React67__namespace.useMemo(() => {
     const items2 = normalizeOptions2(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -22606,24 +22828,24 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
     optionTagBgColor,
     optionTagOnClick
   ]);
-  const selectedValues = React66__namespace.useMemo(
+  const selectedValues = React67__namespace.useMemo(
     () => new Set(value != null ? value : []),
     [value]
   );
-  const selectedItems = React66__namespace.useMemo(
+  const selectedItems = React67__namespace.useMemo(
     () => items.filter((it) => selectedValues.has(it.value)),
     [items, selectedValues]
   );
-  const filteredItems = React66__namespace.useMemo(() => {
+  const filteredItems = React67__namespace.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
   }, [items, query]);
-  const selectableItems = React66__namespace.useMemo(
+  const selectableItems = React67__namespace.useMemo(
     () => items.filter((it) => !it.disabled),
     [items]
   );
-  const allSelectableValues = React66__namespace.useMemo(
+  const allSelectableValues = React67__namespace.useMemo(
     () => new Set(selectableItems.map((it) => it.value)),
     [selectableItems]
   );
@@ -22643,7 +22865,7 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
       filteredItems.length * estimatedRowHeight + headerHeight + footerHeight
     )
   );
-  const handleToggleValue = React66__namespace.useCallback(
+  const handleToggleValue = React67__namespace.useCallback(
     (primitive) => {
       if (!onValue || disabled || readOnly) return;
       const current = value != null ? value : [];
@@ -22677,7 +22899,7 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
     },
     [onValue, value, disabled, readOnly, keyedItems]
   );
-  const handleSelectAll = React66__namespace.useCallback(() => {
+  const handleSelectAll = React67__namespace.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const current = value != null ? value : [];
     const allSelectableArr = Array.from(allSelectableValues);
@@ -22718,7 +22940,7 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
     selectedValues,
     keyedItems
   ]);
-  const handleClearAll = React66__namespace.useCallback(() => {
+  const handleClearAll = React67__namespace.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const detail = {
       source: "variant",
@@ -22770,7 +22992,7 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
   const hasLeadingControl = !!leadingControl;
   const hasTrailingControl = !!trailingControl;
   const hasControls = hasLeadingControl || hasTrailingControl;
-  const makeCheckboxNode = React66__namespace.useCallback(
+  const makeCheckboxNode = React67__namespace.useCallback(
     (opts) => {
       if (renderCheckbox) {
         return renderCheckbox(opts);
@@ -22866,7 +23088,7 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
       ] })
     }
   );
-  const ButtonModeTrigger = React66__namespace.useMemo(() => {
+  const ButtonModeTrigger = React67__namespace.useMemo(() => {
     if (mode !== "button") return null;
     const selectedCount = selectedItems.length;
     const content = (() => {
@@ -22971,7 +23193,7 @@ var ShadcnMultiSelectVariant = React66__namespace.forwardRef(function ShadcnMult
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                reactVirtuoso.Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -23235,7 +23457,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React66__namespace.useMemo(
+  const _values = React67__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -23314,7 +23536,7 @@ function clampToRange(v2, min2, max2) {
   if (v2 > max2) return max2;
   return v2;
 }
-var ShadcnSliderVariant = React66__namespace.forwardRef(function ShadcnSliderVariant2(props, _ref) {
+var ShadcnSliderVariant = React67__namespace.forwardRef(function ShadcnSliderVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23353,7 +23575,7 @@ var ShadcnSliderVariant = React66__namespace.forwardRef(function ShadcnSliderVar
   } = props;
   const numericValue = typeof value === "number" ? value : min2;
   const isDisabled = !!(disabled || readOnly);
-  const handleChange = React66__namespace.useCallback(
+  const handleChange = React67__namespace.useCallback(
     (vals) => {
       if (!onValue) return;
       const next = clampToRange(vals[0], min2, max2);
@@ -23368,7 +23590,7 @@ var ShadcnSliderVariant = React66__namespace.forwardRef(function ShadcnSliderVar
     [onValue, min2, max2]
   );
   const stepAmount = controlStep != null ? controlStep : step;
-  const applyStep = React66__namespace.useCallback(
+  const applyStep = React67__namespace.useCallback(
     (direction) => {
       if (!onValue || isDisabled) return;
       const current = typeof value === "number" ? value : min2;
@@ -23826,7 +24048,7 @@ function getGapPx(el) {
   const g2 = cs.columnGap && cs.columnGap !== "normal" ? cs.columnGap : cs.gap;
   return parsePx(g2);
 }
-var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
+var ShadcnKeyValueVariant = React67__namespace.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23851,14 +24073,14 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
     renderChip
   } = props;
   const isDisabled = disabled || readOnly;
-  const items = React66__namespace.useMemo(() => mapToItems(value), [value]);
-  const [dialogOpen, setDialogOpen] = React66__namespace.useState(false);
-  const [editingIndex, setEditingIndex] = React66__namespace.useState(null);
-  const [draft, setDraft] = React66__namespace.useState({ key: "", value: "" });
+  const items = React67__namespace.useMemo(() => mapToItems(value), [value]);
+  const [dialogOpen, setDialogOpen] = React67__namespace.useState(false);
+  const [editingIndex, setEditingIndex] = React67__namespace.useState(null);
+  const [draft, setDraft] = React67__namespace.useState({ key: "", value: "" });
   const canAdd = items.length < max2;
   const canDelete = items.length > min2;
   const hasItems = items.length > 0;
-  const commitItems = React66__namespace.useCallback(
+  const commitItems = React67__namespace.useCallback(
     (next, meta) => {
       if (!onValue) return;
       const nextMap = itemsToMap(next);
@@ -23872,13 +24094,13 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
     },
     [onValue]
   );
-  const openForNew = React66__namespace.useCallback(() => {
+  const openForNew = React67__namespace.useCallback(() => {
     if (isDisabled || !canAdd) return;
     setEditingIndex(null);
     setDraft({ key: "", value: "" });
     setDialogOpen(true);
   }, [isDisabled, canAdd]);
-  const openForEdit = React66__namespace.useCallback(
+  const openForEdit = React67__namespace.useCallback(
     (index) => {
       if (isDisabled) return;
       const item = items[index];
@@ -23889,7 +24111,7 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
     },
     [isDisabled, items]
   );
-  const handleDelete = React66__namespace.useCallback(() => {
+  const handleDelete = React67__namespace.useCallback(() => {
     if (editingIndex == null) return;
     if (!canDelete) return;
     const next = items.slice();
@@ -23900,7 +24122,7 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
       index: editingIndex
     });
   }, [editingIndex, items, canDelete, commitItems]);
-  const handleSubmit = React66__namespace.useCallback(() => {
+  const handleSubmit = React67__namespace.useCallback(() => {
     const trimmedKey = draft.key.trim();
     const trimmedValue = draft.value;
     if (!trimmedKey) return;
@@ -23922,7 +24144,7 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
       index: editingIndex != null ? editingIndex : next.length - 1
     });
   }, [draft, items, editingIndex, canAdd, commitItems]);
-  const handleQuickRemove = React66__namespace.useCallback(
+  const handleQuickRemove = React67__namespace.useCallback(
     (index) => {
       if (isDisabled || !canDelete) return;
       const next = items.slice();
@@ -23931,21 +24153,21 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
     },
     [isDisabled, canDelete, items, commitItems]
   );
-  const [listOpen, setListOpen] = React66__namespace.useState(false);
-  const openList = React66__namespace.useCallback(() => {
+  const [listOpen, setListOpen] = React67__namespace.useState(false);
+  const openList = React67__namespace.useCallback(() => {
     if (isDisabled) return;
     setListOpen(true);
   }, [isDisabled]);
-  const wrapRef = React66__namespace.useRef(null);
-  const leftRef = React66__namespace.useRef(null);
-  const moreMeasureRef = React66__namespace.useRef(null);
-  const chipRefs = React66__namespace.useRef([]);
+  const wrapRef = React67__namespace.useRef(null);
+  const leftRef = React67__namespace.useRef(null);
+  const moreMeasureRef = React67__namespace.useRef(null);
+  const chipRefs = React67__namespace.useRef([]);
   chipRefs.current = items.map((_2, i3) => {
     var _a;
     return (_a = chipRefs.current[i3]) != null ? _a : null;
   });
-  const [visibleCount, setVisibleCount] = React66__namespace.useState(() => items.length);
-  const recomputeVisible = React66__namespace.useCallback(() => {
+  const [visibleCount, setVisibleCount] = React67__namespace.useState(() => items.length);
+  const recomputeVisible = React67__namespace.useCallback(() => {
     var _a, _b;
     const leftEl = leftRef.current;
     if (!leftEl) {
@@ -23994,10 +24216,10 @@ var ShadcnKeyValueVariant = React66__namespace.forwardRef(function ShadcnKeyValu
     }
     setVisibleCount(best);
   }, [items.length]);
-  React66__namespace.useLayoutEffect(() => {
+  React67__namespace.useLayoutEffect(() => {
     recomputeVisible();
   }, [recomputeVisible, items, size, density, showValue]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const el = leftRef.current;
     if (!el) return;
     const ro = new ResizeObserver(() => recomputeVisible());
@@ -24204,7 +24426,7 @@ var ShadcnKeyValueVariant = React66__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",
@@ -24387,7 +24609,7 @@ var keyValueModule = {
     label: ""
   }
 };
-var ShadcnCustomVariant = React66__namespace.forwardRef(function ShadcnCustomVariant2(props, ref) {
+var ShadcnCustomVariant = React67__namespace.forwardRef(function ShadcnCustomVariant2(props, ref) {
   const {
     // Variant base props we care about:
     value,
@@ -24423,7 +24645,7 @@ var ShadcnCustomVariant = React66__namespace.forwardRef(function ShadcnCustomVar
   }
   const isDisabled = !!disabled;
   const isReadOnly = !!readOnly;
-  const handleChange = React66__namespace.useCallback(
+  const handleChange = React67__namespace.useCallback(
     (...args) => {
       var _a;
       if (!onValue) return;
@@ -24528,7 +24750,7 @@ function triggerHeight3(size) {
       return "min-h-9 text-sm";
   }
 }
-var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
+var ShadcnTreeSelectVariant = React67__namespace.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -24588,14 +24810,14 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
     selectedBadgeClassName,
     selectedBadgePlacement = "corner"
   } = props;
-  const [open, setOpen] = React66__namespace.useState(false);
-  const [query, setQuery] = React66__namespace.useState("");
+  const [open, setOpen] = React67__namespace.useState(false);
+  const [query, setQuery] = React67__namespace.useState("");
   const isDisabled = disabled || readOnly;
-  const d = React66__namespace.useMemo(
+  const d = React67__namespace.useMemo(
     () => densityClasses(density),
     [density]
   );
-  const tree = React66__namespace.useMemo(
+  const tree = React67__namespace.useMemo(
     () => normalizeTree(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -24630,8 +24852,8 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
       optionTagOnClick
     ]
   );
-  const allNodesFlat = React66__namespace.useMemo(() => flattenTree(tree), [tree]);
-  const computedInitialExpanded = React66__namespace.useMemo(() => {
+  const allNodesFlat = React67__namespace.useMemo(() => flattenTree(tree), [tree]);
+  const computedInitialExpanded = React67__namespace.useMemo(() => {
     if (expandAll) {
       return new Set(
         allNodesFlat.filter((n3) => n3.hasChildren).map((n3) => n3.value)
@@ -24642,13 +24864,13 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
     }
     return /* @__PURE__ */ new Set();
   }, [expandAll, defaultExpandedValues, allNodesFlat]);
-  const [expanded, setExpanded] = React66__namespace.useState(
+  const [expanded, setExpanded] = React67__namespace.useState(
     computedInitialExpanded
   );
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     setExpanded(computedInitialExpanded);
   }, [computedInitialExpanded]);
-  const toggleExpanded = React66__namespace.useCallback((key) => {
+  const toggleExpanded = React67__namespace.useCallback((key) => {
     setExpanded((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -24656,7 +24878,7 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
       return next;
     });
   }, []);
-  const displayedNodes = React66__namespace.useMemo(() => {
+  const displayedNodes = React67__namespace.useMemo(() => {
     if (query) {
       const q2 = query.toLowerCase();
       const matchSet = /* @__PURE__ */ new Set();
@@ -24690,19 +24912,19 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
       displayedNodes.length * estimatedRowHeight
     )
   );
-  const selectedValues = React66__namespace.useMemo(() => {
+  const selectedValues = React67__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 = React66__namespace.useMemo(
+  const selectedItems = React67__namespace.useMemo(
     () => allNodesFlat.filter((node) => selectedValues.includes(node.value)),
     [allNodesFlat, selectedValues]
   );
   const selectedCount = selectedItems.length;
-  const handleToggleValue = React66__namespace.useCallback(
+  const handleToggleValue = React67__namespace.useCallback(
     (item) => {
       if (isDisabled) return;
       if (leafOnly && item.hasChildren) {
@@ -24745,7 +24967,7 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
       allNodesFlat
     ]
   );
-  const handleClear = React66__namespace.useCallback(() => {
+  const handleClear = React67__namespace.useCallback(() => {
     if (!onValue) return;
     const detail = {
       source: "variant",
@@ -24796,12 +25018,12 @@ var ShadcnTreeSelectVariant = React66__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",
@@ -24811,7 +25033,7 @@ var ShadcnTreeSelectVariant = React66__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: [
@@ -24853,7 +25075,7 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
       ] })
     }
   );
-  const ButtonModeTrigger = React66__namespace.useMemo(() => {
+  const ButtonModeTrigger = React67__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;
@@ -24883,7 +25105,7 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
         badgeEl
       ] });
     };
-    if (React66__namespace.isValidElement(triggerNode)) {
+    if (React67__namespace.isValidElement(triggerNode)) {
       return wrapWithBadge(triggerNode);
     }
     return wrapWithBadge(
@@ -24917,7 +25139,7 @@ var ShadcnTreeSelectVariant = React66__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,
@@ -25012,7 +25234,7 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
           );
           const renderer = (_b = item.render) != null ? _b : renderOption;
           if (!renderer) {
-            return /* @__PURE__ */ jsxRuntime.jsx(React66__namespace.Fragment, { children: optionNode }, item.key);
+            return /* @__PURE__ */ jsxRuntime.jsx(React67__namespace.Fragment, { children: optionNode }, item.key);
           }
           const rendered = renderer({
             item,
@@ -25023,7 +25245,7 @@ var ShadcnTreeSelectVariant = React66__namespace.forwardRef(function ShadcnTreeS
               if (!item.disabled) handleToggleValue(item);
             }
           });
-          return /* @__PURE__ */ jsxRuntime.jsx(React66__namespace.Fragment, { children: rendered }, item.key);
+          return /* @__PURE__ */ jsxRuntime.jsx(React67__namespace.Fragment, { children: rendered }, item.key);
         }
       }
     )
@@ -25140,62 +25362,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)}`;
 }
@@ -25348,8 +25536,8 @@ function mergeHandlers(a3, b2) {
   };
 }
 var FileThumbnail = ({ item }) => {
-  const [preview, setPreview] = React66__namespace.useState(null);
-  React66__namespace.useEffect(() => {
+  const [preview, setPreview] = React67__namespace.useState(null);
+  React67__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;
@@ -25371,7 +25559,7 @@ var FileThumbnail = ({ item }) => {
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(File2, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant2(props, ref) {
+var ShadcnFileVariant = React67__namespace.forwardRef(function ShadcnFileVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -25425,18 +25613,18 @@ var ShadcnFileVariant = React66__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 = React66__namespace.useMemo(() => {
+  const items = React67__namespace.useMemo(() => {
     var _a;
     const raw = (_a = toArray(value)) != null ? _a : [];
     return raw.map(normaliseFileLike);
   }, [value]);
   const isDisabled = Boolean(disabled || readOnly);
-  const [dragOver, setDragOver] = React66__namespace.useState(false);
-  const [selectedIds, setSelectedIds] = React66__namespace.useState(
+  const [dragOver, setDragOver] = React67__namespace.useState(false);
+  const [selectedIds, setSelectedIds] = React67__namespace.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const [popoverOpen, setPopoverOpen] = React66__namespace.useState(false);
-  const fileInputRef = React66__namespace.useRef(null);
+  const [popoverOpen, setPopoverOpen] = React67__namespace.useState(false);
+  const fileInputRef = React67__namespace.useRef(null);
   const den = densityTokens(density);
   const heightCls = triggerHeight4(size);
   const chipHeightCls = chipHeight(size);
@@ -25445,7 +25633,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
   const COLLAPSE_LIMIT = 2;
-  const emitChange = React66__namespace.useCallback(
+  const emitChange = React67__namespace.useCallback(
     (nextItems, meta) => {
       var _a;
       const nextValues = nextItems.map(fileItemToValue);
@@ -25459,7 +25647,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     },
     [multiple, onValue]
   );
-  const handleAddItems = React66__namespace.useCallback(
+  const handleAddItems = React67__namespace.useCallback(
     (incoming, from) => {
       if (isDisabled) return;
       let next = multiple ? [...items] : [];
@@ -25496,7 +25684,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
       onFilesAdded
     ]
   );
-  const handleRemove = React66__namespace.useCallback(
+  const handleRemove = React67__namespace.useCallback(
     (id) => {
       const next = items.filter((i3) => i3.id !== id);
       emitChange(next, { action: "remove", id });
@@ -25508,7 +25696,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     },
     [emitChange, items, selectedIds]
   );
-  const handleBulkRemove = React66__namespace.useCallback(() => {
+  const handleBulkRemove = React67__namespace.useCallback(() => {
     const next = items.filter((i3) => !selectedIds.has(i3.id));
     emitChange(next, {
       action: "bulk-remove",
@@ -25516,7 +25704,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     });
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [emitChange, items, selectedIds]);
-  const openPicker = React66__namespace.useCallback(async () => {
+  const openPicker = React67__namespace.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     let resolvedLoader = customLoader != null ? customLoader : custom && getPaletteUtil("customLoader");
@@ -25555,14 +25743,14 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     mergeMode,
     multiple
   ]);
-  const onDragOver = React66__namespace.useCallback(
+  const onDragOver = React67__namespace.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React66__namespace.useCallback(
+  const onDrop = React67__namespace.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -25580,15 +25768,15 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     }
     e4.target.value = "";
   };
-  const FileChip = React66__namespace.useCallback(
+  const FileChip = React67__namespace.useCallback(
     ({
       item,
       condensed = false
     }) => {
       const name = formatFileName ? formatFileName(item) : item.name;
-      const [preview, setPreview] = React66__namespace.useState(null);
-      const [isOpen, setIsOpen] = React66__namespace.useState(false);
-      React66__namespace.useEffect(() => {
+      const [preview, setPreview] = React67__namespace.useState(null);
+      const [isOpen, setIsOpen] = React67__namespace.useState(false);
+      React67__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) {
@@ -25695,7 +25883,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     ]
   );
   const selectedCount = items.length;
-  const resolveButtonTriggerElement = React66__namespace.useCallback(() => {
+  const resolveButtonTriggerElement = React67__namespace.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items,
@@ -25725,7 +25913,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React66__namespace.cloneElement(el, {
+        return React67__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 }),
@@ -25733,7 +25921,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
           ] })
         });
       }
-      return React66__namespace.cloneElement(el, {
+      return React67__namespace.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           child,
@@ -25741,7 +25929,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
         ] })
       });
     };
-    const withDnD = (el) => React66__namespace.cloneElement(el, {
+    const withDnD = (el) => React67__namespace.cloneElement(el, {
       onDragOver: mergeHandlers(
         el.props.onDragOver,
         onDragOver
@@ -25752,7 +25940,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
       ),
       onDrop: mergeHandlers(el.props.onDrop, onDrop)
     });
-    if (React66__namespace.isValidElement(rawNode)) {
+    if (React67__namespace.isValidElement(rawNode)) {
       return withDnD(injectBadgeIntoElement(rawNode));
     }
     const fallback = /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25808,7 +25996,7 @@ var ShadcnFileVariant = React66__namespace.forwardRef(function ShadcnFileVariant
     selectedCount,
     triggerClassName
   ]);
-  const TriggerRegion = React66__namespace.useMemo(() => {
+  const TriggerRegion = React67__namespace.useMemo(() => {
     if (showDropArea) {
       if (renderDropArea)
         return renderDropArea({ openPicker, isDragging: dragOver });
@@ -26268,7 +26456,7 @@ var toggleVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React66__namespace.createContext({
+var ToggleGroupContext = React67__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -26305,7 +26493,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React66__namespace.useContext(ToggleGroupContext);
+  const context = React67__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -26496,7 +26684,7 @@ function normalizeOption(input, {
     raw: input
   };
 }
-var ShadcnToggleVariant3 = React66__namespace.forwardRef(function ShadcnToggleVariant4(props, ref) {
+var ShadcnToggleVariant3 = React67__namespace.forwardRef(function ShadcnToggleVariant4(props, ref) {
   const {
     value,
     onValue,
@@ -26533,7 +26721,7 @@ var ShadcnToggleVariant3 = React66__namespace.forwardRef(function ShadcnToggleVa
   const isDisabled = Boolean(disabled || readOnly);
   const toggleSize = mapSizeToToggleSize(size);
   const currentValue = normalizeValue(value, multiple);
-  const normalizedOptions = React66__namespace.useMemo(
+  const normalizedOptions = React67__namespace.useMemo(
     () => options.map(
       (opt) => normalizeOption(
         opt,
@@ -26573,7 +26761,7 @@ var ShadcnToggleVariant3 = React66__namespace.forwardRef(function ShadcnToggleVa
       autoCap
     ]
   );
-  const handleChange = React66__namespace.useCallback(
+  const handleChange = React67__namespace.useCallback(
     (val) => {
       if (readOnly) return;
       if (!onValue) return;
@@ -26610,7 +26798,7 @@ var ShadcnToggleVariant3 = React66__namespace.forwardRef(function ShadcnToggleVa
     fullWidth && layout === "vertical" && "[&>*]:w-full",
     className
   );
-  const groupStyle = React66__namespace.useMemo(() => {
+  const groupStyle = React67__namespace.useMemo(() => {
     const style = {};
     if (layout === "grid") {
       style.gridTemplateColumns = `repeat(${gridCols}, minmax(0, 1fr))`;
@@ -26751,29 +26939,29 @@ function ShadcnEditorVariant(props) {
     theme = "auto",
     themeTarget = "nearest"
   } = props;
-  const mountRef = React66__namespace.useRef(null);
-  const editorRef = React66__namespace.useRef(null);
-  const formatRef = React66__namespace.useRef(format2);
-  const onValueRef = React66__namespace.useRef(onValue);
-  const syncingRef = React66__namespace.useRef(false);
-  const loadedRef = React66__namespace.useRef(false);
-  const lastContentRef = React66__namespace.useRef(value != null ? value : "");
-  const [autoDark, setAutoDark] = React66__namespace.useState(false);
+  const mountRef = React67__namespace.useRef(null);
+  const editorRef = React67__namespace.useRef(null);
+  const formatRef = React67__namespace.useRef(format2);
+  const onValueRef = React67__namespace.useRef(onValue);
+  const syncingRef = React67__namespace.useRef(false);
+  const loadedRef = React67__namespace.useRef(false);
+  const lastContentRef = React67__namespace.useRef(value != null ? value : "");
+  const [autoDark, setAutoDark] = React67__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 = React66__namespace.useCallback((ed) => {
+  const readContent = React67__namespace.useCallback((ed) => {
     var _a, _b;
     return formatRef.current === "markdown" ? (_a = ed.getMarkdown()) != null ? _a : "" : (_b = ed.getHTML()) != null ? _b : "";
   }, []);
-  const emit = React66__namespace.useCallback((next) => {
+  const emit = React67__namespace.useCallback((next) => {
     var _a;
     const detail = { source: "user", raw: next };
     (_a = onValueRef.current) == null ? void 0 : _a.call(onValueRef, next, detail);
   }, []);
-  const structuralKey = React66__namespace.useMemo(() => {
+  const structuralKey = React67__namespace.useMemo(() => {
     const hideModeSwitch = toolbar === "none" || pastePlainText;
     return JSON.stringify({
       toolbar,
@@ -26782,7 +26970,7 @@ function ShadcnEditorVariant(props) {
       effectiveTheme
     });
   }, [toolbar, useCommandShortcut, pastePlainText, effectiveTheme]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (theme !== "auto") return;
     if (typeof document === "undefined") return;
     const host = mountRef.current;
@@ -26807,7 +26995,7 @@ function ShadcnEditorVariant(props) {
     }
     return () => observer.disconnect();
   }, [theme, themeTarget]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     var _a;
     const el = mountRef.current;
     if (!el) return;
@@ -26878,29 +27066,29 @@ function ShadcnEditorVariant(props) {
       editorRef.current = null;
     };
   }, [structuralKey]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setHeight === "function") ed.setHeight(height);
   }, [height]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setPlaceholder === "function")
       ed.setPlaceholder(placeholder);
   }, [placeholder]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changeMode === "function") ed.changeMode(editType);
   }, [editType]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changePreviewStyle === "function")
       ed.changePreviewStyle(previewStyle);
   }, [previewStyle]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     var _a, _b, _c, _d;
     const ed = editorRef.current;
     if (!ed) return;
@@ -26918,7 +27106,7 @@ function ShadcnEditorVariant(props) {
       syncingRef.current = false;
     });
   }, [value, format2]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!pastePlainText) return;
     const host = mountRef.current;
     if (!host) return;
@@ -27422,10 +27610,10 @@ function JsonEditorMain(props) {
     className,
     contentClassName
   } = props;
-  const directChildPaths = React66__namespace.useMemo(() => {
+  const directChildPaths = React67__namespace.useMemo(() => {
     return getDirectChildPaths(route, allPaths);
   }, [route, allPaths]);
-  const rows = React66__namespace.useMemo(() => {
+  const rows = React67__namespace.useMemo(() => {
     return resolveLayoutForParent({
       parent: route,
       childPaths: directChildPaths,
@@ -27433,7 +27621,7 @@ function JsonEditorMain(props) {
       filters
     });
   }, [route, directChildPaths, layout, filters]);
-  const effectiveRows = React66__namespace.useMemo(() => {
+  const effectiveRows = React67__namespace.useMemo(() => {
     const hasAny = rows.some((r5) => {
       var _a;
       return (_a = r5.fields) == null ? void 0 : _a.length;
@@ -27957,12 +28145,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 = React66.createContext({ getStyles: () => ({}), icons: {} });
+var P = React67.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 = () => React66.useContext(P);
+var K = () => React67.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, {});
@@ -27998,9 +28186,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 = React66.createContext(null);
+var L = React67.createContext(null);
 var z = ({ children: e4, onEditEvent: n3, onCollapse: r5 }) => {
-  const [o3, l2] = React66.useState(null), [s3, c2] = React66.useState(null), [d, u] = React66.useState(null), [p2, g2] = React66.useState({ path: null, pathString: null }), m2 = React66.useRef(null), h2 = React66.useRef("next"), y2 = React66.useRef(null);
+  const [o3, l2] = React67.useState(null), [s3, c2] = React67.useState(null), [d, u] = React67.useState(null), [p2, g2] = React67.useState({ path: null, pathString: null }), m2 = React67.useRef(null), h2 = React67.useRef("next"), y2 = React67.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) => {
@@ -28019,7 +28207,7 @@ var z = ({ children: e4, onEditEvent: n3, onCollapse: r5 }) => {
   }, previousValue: d, setPreviousValue: u, dragSource: p2, setDragSource: g2 }, children: e4 });
 };
 var M = () => {
-  const e4 = React66.useContext(L);
+  const e4 = React67.useContext(L);
   if (!e4) throw new Error("Missing Context Provider");
   return e4;
 };
@@ -28031,7 +28219,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] = React66.useState(false), f2 = o3 ? '"' : "", b2 = m2.length > a3, v2 = () => {
+  const m2 = null != p2 ? p2 : r5.value, [h2, y2] = React67.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) => {
@@ -28039,7 +28227,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 = React66.useRef(null);
+  const c2 = React67.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");
@@ -28065,14 +28253,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 = React66.useRef(void 0), r5 = React66.useRef(t4);
-  React66.useEffect((() => {
+  const n3 = React67.useRef(void 0), r5 = React67.useRef(t4);
+  React67.useEffect((() => {
     r5.current = t4;
   }), [t4]);
   const o3 = (e5) => {
     r5.current(e5);
   };
-  React66.useEffect((() => {
+  React67.useEffect((() => {
     if (window.clearTimeout(n3.current), e4) return n3.current = window.setTimeout((() => {
       window.addEventListener("keydown", o3);
     }), 100), () => {
@@ -28128,7 +28316,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] = React66.useState(w2), [O2, k2] = React66.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] = React67.useState(w2), [O2, k2] = React67.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;
@@ -28169,9 +28357,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] = React66.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] = React67.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 = React66.useCallback(((e5, t5) => {
+  }, A2 = React67.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) => {
@@ -28186,11 +28374,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] = React66.useState(false), h2 = j(r5), y2 = React66.useMemo((() => e4 ? { onDragStart: (e5) => {
+  const { getStyles: d } = K(), { dragSource: u, setDragSource: p2 } = M(), [g2, m2] = React67.useState(false), h2 = j(r5), y2 = React67.useMemo((() => e4 ? { onDragStart: (e5) => {
     e5.stopPropagation(), p2({ path: r5, pathString: h2 });
   }, onDragEnd: (e5) => {
     e5.stopPropagation(), p2({ path: null, pathString: null });
-  } } : {}), [e4, h2]), f2 = React66.useMemo((() => (e5) => n3 ? { onDragOver: (e6) => {
+  } } : {}), [e4, h2]), f2 = React67.useMemo((() => (e5) => n3 ? { onDragOver: (e6) => {
     e6.stopPropagation(), e6.preventDefault();
   }, onDrop: (t4) => {
     t4.stopPropagation(), v2(e5), p2({ path: null, pathString: null }), m2(false);
@@ -28199,7 +28387,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 = React66.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 = React67.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) => {
@@ -28226,20 +28414,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] = React66.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] = React66.useState(he(r5, S2)), Ee2 = React66.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] = React67.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] = React67.useState(he(r5, S2)), Ee2 = React67.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]);
-  React66.useEffect((() => {
+  React67.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 = React66.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 = React67.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] = React66.useState(((e4, t4) => {
+  }), [Z2, h2]), [Ae, Pe] = React67.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));
@@ -28348,8 +28536,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] = React66.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] = React66.useState(n3 ? 0 : void 0), [d2, u2] = React66.useState(n3), p3 = React66.useRef(false), g2 = React66.useRef(null), m2 = React66.useRef(0), h2 = React66.useRef(0), y2 = t4 / 1e3 + "s", f3 = React66.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] = React67.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] = React67.useState(n3 ? 0 : void 0), [d2, u2] = React67.useState(n3), p3 = React67.useRef(false), g2 = React67.useRef(null), m2 = React67.useRef(0), h2 = React67.useRef(0), y2 = t4 / 1e3 + "s", f3 = React67.useCallback(((n4) => {
       var i3, a3;
       if (d2 !== n4) {
         switch (window.clearTimeout(h2.current), p3.current = true, n4) {
@@ -28369,23 +28557,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 = React66.useRef(!fe2), { isEditing: He, isEditingKey: Ue, isArray: $e, canEditKey: Ze } = ze;
-  React66.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 = React67.useRef(!fe2), { isEditing: He, isEditingKey: Ue, isArray: $e, canEditKey: Ze } = ze;
+  React67.useEffect((() => {
     ye2(q2(D2));
-  }), [D2, q2]), React66.useEffect((() => {
+  }), [D2, q2]), React67.useEffect((() => {
     const e4 = R2(Se2) && !He;
     Ye.current = !e4, Ce2(e4);
-  }), [R2]), React66.useEffect((() => {
+  }), [R2]), React67.useEffect((() => {
     if (null !== c2) {
       const e4 = u(Ne2);
       e4 && (Ye.current = true, Ce2(e4.collapsed));
     }
   }), [c2]);
-  const Xe = React66.useRef(null), Je = React66.useCallback(((e4, t4) => {
+  const Xe = React67.useRef(null), Je = React67.useCallback(((e4, t4) => {
     if ("function" != typeof U2) return U2;
     const n3 = U2(e4, t4);
     return void 0 !== n3 ? n3 : null;
-  }), [U2]), Qe = React66.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 = React67.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) => {
@@ -28474,15 +28662,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 = React66.useMemo((() => Se(D2)), [D2]), he2 = React66.useMemo((() => Ee(X3, q2)), [X3, q2]), [ye2, fe2] = React66.useState(V2), [je2, we2] = (({ setData: e5, data: t4 }) => {
-    const [n4, r6] = React66.useState(e5 ? void 0 : t4), o4 = React66.useCallback(((t5) => {
+  const { getStyles: ue2 } = K(), { setCurrentlyEditingElement: pe2 } = M(), ge2 = React67.useMemo((() => Se(D2)), [D2]), he2 = React67.useMemo((() => Ee(X3, q2)), [X3, q2]), [ye2, fe2] = React67.useState(V2), [je2, we2] = (({ setData: e5, data: t4 }) => {
+    const [n4, r6] = React67.useState(e5 ? void 0 : t4), o4 = React67.useCallback(((t5) => {
       e5 ? e5(t5) : r6(t5);
     }), [e5]);
-    return React66.useEffect((() => {
+    return React67.useEffect((() => {
       e5 || r6(t4);
     }), [t4]), [e5 ? t4 : n4, o4];
-  })({ setData: n3, data: e4 }), De2 = React66.useRef(null);
-  React66.useEffect((() => {
+  })({ setData: n3, data: e4 }), De2 = React67.useRef(null);
+  React67.useEffect((() => {
     pe2(null);
     const e5 = setTimeout((() => fe2(V2)), _2);
     return () => clearTimeout(e5);
@@ -28493,7 +28681,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 = React66.useMemo((() => Se(S2, R2)), [S2, R2]), Pe = React66.useMemo((() => Se(N2, R2)), [N2, R2]), Re = React66.useMemo((() => Se(x2, R2)), [x2, R2]), Ke = React66.useMemo((() => Se(P2, R2)), [P2, R2]), Ie = React66.useMemo((() => Ne(I2)), [I2]), Ve = React66.useMemo((() => ((e5) => {
+  })), Ae = React67.useMemo((() => Se(S2, R2)), [S2, R2]), Pe = React67.useMemo((() => Se(N2, R2)), [N2, R2]), Re = React67.useMemo((() => Se(x2, R2)), [x2, R2]), Ke = React67.useMemo((() => Se(P2, R2)), [P2, R2]), Ie = React67.useMemo((() => Ne(I2)), [I2]), Ve = React67.useMemo((() => ((e5) => {
     const t4 = Object.assign({}, C);
     for (const n4 of Object.keys(C)) {
       const r6 = n4;
@@ -28505,25 +28693,25 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
       }
     }
     return t4;
-  })(ae2)), [ae2]), _e = React66.useCallback(((e5, t4) => ((e6, t5, n4) => {
+  })(ae2)), [ae2]), _e = React67.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 = React66.useMemo((() => {
+  })(Ve, t4, e5)), [Ve]), Fe = React67.useMemo((() => {
     const e5 = xe(ee2, "stringifyReplacer");
     return (t4) => re3(t4, e5);
-  }), [ee2, re3]), Le = React66.useMemo((() => {
+  }), [ee2, re3]), Le = React67.useMemo((() => {
     const e5 = xe(ee2, "parseReviver");
     return (t4) => {
       const n4 = ne2(t4, e5);
       return T(n4);
     };
-  }), [ee2, ne2]), ze = React66.useRef(null);
+  }), [ee2, ne2]), ze = React67.useRef(null);
   ((e5, t4) => {
     const { setCurrentlyEditingElement: n4, currentlyEditingElement: r6, setCollapseState: o4 } = M();
-    React66.useEffect((() => {
+    React67.useEffect((() => {
       if (!e5) return;
       const { collapse: i3, edit: a3 } = e5;
       i3 && o4(i3);
@@ -28540,7 +28728,7 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
       }
     }), [e5]);
   })(le2, ze);
-  const Me = React66.useCallback(((e5, t4) => {
+  const Me = React67.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;
@@ -28566,8 +28754,8 @@ var Ce = ({ data: e4, setData: n3, rootName: r5 = "root", onUpdate: o3 = () => {
 };
 var Oe = (e4) => {
   var n3;
-  const [r5, o3] = React66.useState();
-  return React66.useEffect((() => {
+  const [r5, o3] = React67.useState();
+  return React67.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;
@@ -28609,7 +28797,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 = React66__namespace.useCallback(async () => {
+  const onCopy = React67__namespace.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(
         JSON.stringify(root != null ? root : {}, null, 2)
@@ -28703,17 +28891,17 @@ function collectAllPaths(value, prefix = "", out = []) {
 }
 function useControllable(opts) {
   const { value, defaultValue, onChange } = opts;
-  const [inner, setInner] = React66__namespace.useState(defaultValue);
+  const [inner, setInner] = React67__namespace.useState(defaultValue);
   const isControlled = value !== void 0;
   const state = isControlled ? value : inner;
-  const setState = React66__namespace.useCallback(
+  const setState = React67__namespace.useCallback(
     (next) => {
       if (!isControlled) setInner(next);
       onChange == null ? void 0 : onChange(next);
     },
     [isControlled, onChange]
   );
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!isControlled) return;
     setInner(value);
   }, [isControlled]);
@@ -28728,7 +28916,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 = React66__namespace.forwardRef(function JsonEditorEditor(props, ref) {
+var JsonEditor = React67__namespace.forwardRef(function JsonEditorEditor(props, ref) {
   var _a, _b;
   const {
     root,
@@ -28758,16 +28946,16 @@ var JsonEditor = React66__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 = React66__namespace.useMemo(
+  const routes = React67__namespace.useMemo(
     () => buildJsonRoutes(root, void 0, filters),
     [root, filters]
   );
-  const allPaths = React66__namespace.useMemo(() => {
+  const allPaths = React67__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 = React66__namespace.useMemo(() => {
+  const computedInitialRoute = React67__namespace.useMemo(() => {
     var _a2, _b2;
     const explicit = routeProp != null ? routeProp : defaultRoute;
     if (explicit !== void 0) return explicit;
@@ -28783,25 +28971,25 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     defaultValue: defaultViewMode,
     onChange: onViewModeChange
   });
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!canViewRaw && (viewMode === "raw" || viewMode === "split")) {
       setViewMode("visual");
     }
   }, [canViewRaw, setViewMode, viewMode]);
-  const fileInputRef = React66__namespace.useRef(null);
-  const contentRef = React66__namespace.useRef(null);
-  const [rawWidth, setRawWidth] = React66__namespace.useState(420);
-  const [isResizing, setIsResizing] = React66__namespace.useState(false);
-  const startXRef = React66__namespace.useRef(0);
-  const startWRef = React66__namespace.useRef(0);
-  const clampRawWidth = React66__namespace.useCallback((w2) => {
+  const fileInputRef = React67__namespace.useRef(null);
+  const contentRef = React67__namespace.useRef(null);
+  const [rawWidth, setRawWidth] = React67__namespace.useState(420);
+  const [isResizing, setIsResizing] = React67__namespace.useState(false);
+  const startXRef = React67__namespace.useRef(0);
+  const startWRef = React67__namespace.useRef(0);
+  const clampRawWidth = React67__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 = React66__namespace.useCallback(
+  const onResizePointerDown = React67__namespace.useCallback(
     (e4) => {
       if (e4.button !== 0 && e4.pointerType === "mouse") return;
       setIsResizing(true);
@@ -28813,7 +29001,7 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [rawWidth]
   );
-  const onResizePointerMove = React66__namespace.useCallback(
+  const onResizePointerMove = React67__namespace.useCallback(
     (e4) => {
       if (!isResizing) return;
       const dx = e4.clientX - startXRef.current;
@@ -28822,7 +29010,7 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [clampRawWidth, isResizing]
   );
-  const stopResizing = React66__namespace.useCallback(
+  const stopResizing = React67__namespace.useCallback(
     (e4) => {
       if (!isResizing) return;
       setIsResizing(false);
@@ -28833,14 +29021,14 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [isResizing]
   );
-  const loadFile = React66__namespace.useCallback(() => {
+  const loadFile = React67__namespace.useCallback(() => {
     var _a2;
     (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, []);
-  const close = React66__namespace.useCallback(() => {
+  const close = React67__namespace.useCallback(() => {
     onClose == null ? void 0 : onClose();
   }, [onClose]);
-  const onFilePicked = React66__namespace.useCallback(
+  const onFilePicked = React67__namespace.useCallback(
     async (e4) => {
       var _a2;
       const file = (_a2 = e4.target.files) == null ? void 0 : _a2[0];
@@ -28860,7 +29048,7 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [callbacks, onRoot, route]
   );
-  const breadcrumb = React66__namespace.useMemo(() => {
+  const breadcrumb = React67__namespace.useMemo(() => {
     const segs = splitPath(route);
     const parts = [];
     const rootNode = {
@@ -28887,7 +29075,7 @@ var JsonEditor = React66__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(React66__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(React67__namespace.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button2,
         {
@@ -28902,7 +29090,7 @@ var JsonEditor = React66__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 = React66__namespace.useMemo(() => {
+  const routeTitle = React67__namespace.useMemo(() => {
     if (!route) return "Config.json";
     const key = lastSegment(route);
     if (renderRouteLabel) {
@@ -28918,7 +29106,7 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     }
     return prettifyLabel2(key);
   }, [route, renderRouteLabel]);
-  const viewControls = React66__namespace.useMemo(() => {
+  const viewControls = React67__namespace.useMemo(() => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Button2,
@@ -28961,7 +29149,7 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
       ) : null
     ] });
   }, [canViewRaw, setViewMode, viewMode]);
-  const header = React66__namespace.useMemo(() => {
+  const header = React67__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,
@@ -29013,7 +29201,7 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     showClose,
     viewControls
   ]);
-  const onVisualRoot = React66__namespace.useCallback(
+  const onVisualRoot = React67__namespace.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       const d = detail;
@@ -29025,14 +29213,14 @@ var JsonEditor = React66__namespace.forwardRef(function JsonEditorEditor(props,
     },
     [callbacks, onRoot, route]
   );
-  const onRawRoot = React66__namespace.useCallback(
+  const onRawRoot = React67__namespace.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       callCallbacks(callbacks, "edit-raw", nextRoot, { route, path: "" });
     },
     [callbacks, onRoot, route]
   );
-  React66__namespace.useImperativeHandle(
+  React67__namespace.useImperativeHandle(
     ref,
     () => ({
       loadFile,
@@ -29154,7 +29342,7 @@ function triggerHeightCls(size) {
       return "h-9 text-sm";
   }
 }
-var ShadcnJsonEditorVariant = React66__namespace.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
+var ShadcnJsonEditorVariant = React67__namespace.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
   var _a;
   const {
     mode = "popover",
@@ -29201,15 +29389,15 @@ var ShadcnJsonEditorVariant = React66__namespace.forwardRef(function ShadcnJsonE
     extendBoxToControls = true,
     triggerClassName
   } = props;
-  const editorRef = React66__namespace.useRef(null);
-  const root = React66__namespace.useMemo(() => {
+  const editorRef = React67__namespace.useRef(null);
+  const root = React67__namespace.useMemo(() => {
     if ("root" in props) return props.root;
     const v2 = props.value;
     if (isPlainObject6(v2)) return v2;
     if (v2 == null) return {};
     return {};
   }, [props]);
-  const emitRoot = React66__namespace.useCallback(
+  const emitRoot = React67__namespace.useCallback(
     (nextRoot, detail) => {
       var _a2, _b;
       if ("onRoot" in props) {
@@ -29220,9 +29408,9 @@ var ShadcnJsonEditorVariant = React66__namespace.forwardRef(function ShadcnJsonE
     },
     [props]
   );
-  const [openInner, setOpenInner] = React66__namespace.useState(false);
+  const [openInner, setOpenInner] = React67__namespace.useState(false);
   const open = openProp != null ? openProp : openInner;
-  const setOpen = React66__namespace.useCallback(
+  const setOpen = React67__namespace.useCallback(
     (next) => {
       if (openProp === void 0) setOpenInner(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
@@ -29230,11 +29418,11 @@ var ShadcnJsonEditorVariant = React66__namespace.forwardRef(function ShadcnJsonE
     },
     [openProp, onOpenChange, onClose]
   );
-  const close = React66__namespace.useCallback(() => setOpen(false), [setOpen]);
-  const doOpen = React66__namespace.useCallback(() => setOpen(true), [setOpen]);
-  const toggle = React66__namespace.useCallback(() => setOpen(!open), [setOpen, open]);
-  const [expanded, setExpanded] = React66__namespace.useState();
-  React66__namespace.useImperativeHandle(
+  const close = React67__namespace.useCallback(() => setOpen(false), [setOpen]);
+  const doOpen = React67__namespace.useCallback(() => setOpen(true), [setOpen]);
+  const toggle = React67__namespace.useCallback(() => setOpen(!open), [setOpen, open]);
+  const [expanded, setExpanded] = React67__namespace.useState();
+  React67__namespace.useImperativeHandle(
     ref,
     () => ({
       open: doOpen,
@@ -30631,19 +30819,19 @@ function createListerRuntime(opts) {
     selectors
   };
 }
-var ListerContext = React66__namespace.createContext(
+var ListerContext = React67__namespace.createContext(
   null
 );
 function ListerProvider({
   children,
   ...opts
 }) {
-  const runtimeRef = React66__namespace.useRef(null);
-  const [, forceUpdate] = React66__namespace.useReducer((x2) => x2 + 1, 0);
+  const runtimeRef = React67__namespace.useRef(null);
+  const [, forceUpdate] = React67__namespace.useReducer((x2) => x2 + 1, 0);
   if (!runtimeRef.current) {
     runtimeRef.current = createListerRuntime(opts);
   }
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const runtime = runtimeRef.current;
     if (!runtime) return;
     const unsub = runtime.subscribe(() => {
@@ -30654,7 +30842,7 @@ function ListerProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(ListerContext.Provider, { value: runtimeRef.current, children });
 }
 function useListerRuntime() {
-  const ctx = React66__namespace.useContext(ListerContext);
+  const ctx = React67__namespace.useContext(ListerContext);
   if (!ctx)
     throw new Error(
       "useListerRuntime must be used within <ListerProvider>"
@@ -30691,14 +30879,14 @@ function ListerFiltersButton(props) {
   const hasFilters = options.length > 0;
   if (!hasFilters) return null;
   const ctx = actions.getFilterCtx(id);
-  const [openGroups, setOpenGroups] = React66__namespace.useState(
+  const [openGroups, setOpenGroups] = React67__namespace.useState(
     {}
   );
   const toggleGroup = (key) => {
     setOpenGroups((m2) => ({ ...m2, [key]: !m2[key] }));
   };
   const selectedIds = asArray(session == null ? void 0 : session.selectedFilterValues);
-  const appliedCount = React66__namespace.useMemo(() => {
+  const appliedCount = React67__namespace.useMemo(() => {
     var _a2;
     const patch = (_a2 = session == null ? void 0 : session.filtersPatch) != null ? _a2 : {};
     return Object.keys(patch).length;
@@ -31209,7 +31397,7 @@ function normalizeIconifyInput(icon) {
 }
 function OptionIcon(props) {
   const { icon, className } = props;
-  if (React66__namespace.isValidElement(icon)) {
+  if (React67__namespace.isValidElement(icon)) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("shrink-0", className), children: icon });
   }
   if (isSvgSnippetString(icon)) {
@@ -31262,7 +31450,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 = React66__namespace.useCallback(
+  const isSelected = React67__namespace.useCallback(
     (value) => {
       if (isMulti) return Array.isArray(draft) && draft.includes(value);
       return draft === value;
@@ -31270,19 +31458,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,
@@ -31329,13 +31517,13 @@ function OptionList(props) {
 }
 function useLister() {
   const runtime = useListerRuntime();
-  const [state, setState] = React66__namespace.useState(runtime.getState());
-  React66__namespace.useEffect(() => {
+  const [state, setState] = React67__namespace.useState(runtime.getState());
+  React67__namespace.useEffect(() => {
     return runtime.subscribe(() => {
       setState(runtime.getState());
     });
   }, [runtime]);
-  return React66__namespace.useMemo(
+  return React67__namespace.useMemo(
     () => ({
       api: runtime.api,
       actions: runtime.actions,
@@ -31478,7 +31666,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),
@@ -31674,25 +31862,25 @@ function ListerInner(props) {
     panelClassName
   } = props;
   const { api, actions, store } = useLister();
-  const ownerKeyRef = React66__namespace.useRef(
+  const ownerKeyRef = React67__namespace.useRef(
     (_a = openOptions == null ? void 0 : openOptions.ownerKey) != null ? _a : createRuntimeKey("lister_owner")
   );
-  React66__namespace.useEffect(() => {
+  React67__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] = React66__namespace.useState(
+  const [selectedOptions, setSelectedOptions] = React67__namespace.useState(
     null
   );
-  const openingRef = React66__namespace.useRef(false);
+  const openingRef = React67__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 !== "";
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!hasValue) {
       setSelectedOptions(null);
       return;
@@ -31728,7 +31916,7 @@ function ListerInner(props) {
       alive = false;
     };
   }, [api, def, filters, mode, value, hasValue]);
-  const openSession = React66__namespace.useCallback(async () => {
+  const openSession = React67__namespace.useCallback(async () => {
     var _a2, _b2;
     console.log(openingRef.current);
     if (disabledTrigger) return;
@@ -31769,7 +31957,7 @@ function ListerInner(props) {
     permissions,
     value
   ]);
-  const clear = React66__namespace.useCallback(() => {
+  const clear = React67__namespace.useCallback(() => {
     if (disabledTrigger) return;
     onValue(void 0, {
       action: "clear",
@@ -31777,7 +31965,7 @@ function ListerInner(props) {
     });
     setSelectedOptions(null);
   }, [disabledTrigger, onValue]);
-  const display = React66__namespace.useMemo(() => {
+  const display = React67__namespace.useMemo(() => {
     return buildLabelsFromOptions({
       mode,
       value,
@@ -31786,7 +31974,7 @@ function ListerInner(props) {
       maxItems: maxDisplayItems
     });
   }, [maxDisplayItems, mode, placeholder, selectedOptions, value]);
-  const triggerCtx = React66__namespace.useMemo(
+  const triggerCtx = React67__namespace.useMemo(
     () => ({
       mode,
       value,
@@ -31912,7 +32100,7 @@ function ListerInner(props) {
     }
   );
   const userTriggerEl = renderTrigger ? renderTrigger(triggerCtx) : null;
-  const TriggerNode = renderTrigger && React66__namespace.isValidElement(userTriggerEl) ? React66__namespace.cloneElement(userTriggerEl, {
+  const TriggerNode = renderTrigger && React67__namespace.isValidElement(userTriggerEl) ? React67__namespace.cloneElement(userTriggerEl, {
     className: cn(
       (_b = userTriggerEl.props) == null ? void 0 : _b.className,
       className
@@ -32138,11 +32326,11 @@ function ListerResolvedInner(props) {
   } = props;
   const isStandaloneInline = !def && endpoint != null;
   const shouldInferOptionValue = isStandaloneInline && optionValue === void 0;
-  const [resolvedOptionValue, setResolvedOptionValue] = React66__namespace.useState(() => optionValue != null ? optionValue : "id");
-  React66__namespace.useEffect(() => {
+  const [resolvedOptionValue, setResolvedOptionValue] = React67__namespace.useState(() => optionValue != null ? optionValue : "id");
+  React67__namespace.useEffect(() => {
     if (optionValue !== void 0) setResolvedOptionValue(optionValue);
   }, [optionValue]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     if (!shouldInferOptionValue) return;
     if (!endpoint) return;
     let alive = true;
@@ -32194,7 +32382,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 = React66__namespace.useMemo(() => {
+  const finalDef = React67__namespace.useMemo(() => {
     const baseDef = def;
     if (!inlineExists) return baseDef;
     if (!baseDef) {
@@ -32249,7 +32437,7 @@ function ListerResolvedInner(props) {
     optionMeta,
     search
   ]);
-  const openOptions = React66__namespace.useMemo(() => {
+  const openOptions = React67__namespace.useMemo(() => {
     return {
       title,
       searchMode,
@@ -32503,24 +32691,24 @@ function IconPickerPanel(props) {
     maxRender = 2500
   } = props;
   const den = densityTokens2(density);
-  const groups = React66__namespace.useMemo(() => {
+  const groups = React67__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 = React66__namespace.useMemo(() => {
+  const prefixes = React67__namespace.useMemo(() => {
     return uniq2(groups.flatMap((g2) => g2.prefixes).filter(Boolean));
   }, [groups]);
-  const [selectedGroupId, setSelectedGroupId] = React66__namespace.useState(() => {
+  const [selectedGroupId, setSelectedGroupId] = React67__namespace.useState(() => {
     var _a;
     return (_a = groups[0]) == null ? void 0 : _a.id;
   });
-  const [searchQuery, setSearchQuery] = React66__namespace.useState("");
-  const [loading, setLoading] = React66__namespace.useState(false);
-  const [error, setError] = React66__namespace.useState(null);
-  const [allIcons, setAllIcons] = React66__namespace.useState([]);
-  React66__namespace.useEffect(() => {
+  const [searchQuery, setSearchQuery] = React67__namespace.useState("");
+  const [loading, setLoading] = React67__namespace.useState(false);
+  const [error, setError] = React67__namespace.useState(null);
+  const [allIcons, setAllIcons] = React67__namespace.useState([]);
+  React67__namespace.useEffect(() => {
     setSelectedGroupId((prev) => {
       var _a, _b;
       if (!prev) return (_a = groups[0]) == null ? void 0 : _a.id;
@@ -32528,7 +32716,7 @@ function IconPickerPanel(props) {
       return exists ? prev : (_b = groups[0]) == null ? void 0 : _b.id;
     });
   }, [groups]);
-  React66__namespace.useEffect(() => {
+  React67__namespace.useEffect(() => {
     const controller = new AbortController();
     let mounted = true;
     const load = async () => {
@@ -32570,15 +32758,15 @@ function IconPickerPanel(props) {
       controller.abort();
     };
   }, [prefixes, url]);
-  const selectedGroup = React66__namespace.useMemo(
+  const selectedGroup = React67__namespace.useMemo(
     () => groups.find((g2) => g2.id === selectedGroupId),
     [groups, selectedGroupId]
   );
-  const selectedGroupPrefixes = React66__namespace.useMemo(() => {
+  const selectedGroupPrefixes = React67__namespace.useMemo(() => {
     if (!selectedGroup) return void 0;
     return new Set(selectedGroup.prefixes);
   }, [selectedGroup]);
-  const filteredIcons = React66__namespace.useMemo(() => {
+  const filteredIcons = React67__namespace.useMemo(() => {
     const q2 = searchQuery.trim().toLowerCase();
     let list = allIcons;
     if (selectedGroupPrefixes) {
@@ -32594,7 +32782,7 @@ function IconPickerPanel(props) {
     }
     return list;
   }, [allIcons, searchQuery, selectedGroupPrefixes]);
-  const limitedIcons = React66__namespace.useMemo(() => {
+  const limitedIcons = React67__namespace.useMemo(() => {
     if (filteredIcons.length <= maxRender) return filteredIcons;
     return filteredIcons.slice(0, maxRender);
   }, [filteredIcons, maxRender]);
@@ -32608,7 +32796,7 @@ function IconPickerPanel(props) {
       value.includes(iconName) ? value.filter((x2) => x2 !== iconName) : [...value, iconName]
     );
   };
-  const GridComponents = React66__namespace.useMemo(
+  const GridComponents = React67__namespace.useMemo(
     () => ({
       List: (p2) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -32621,8 +32809,11 @@ function IconPickerPanel(props) {
     }),
     []
   );
-  const gridHeightStyle = React66__namespace.useMemo(
-    () => ({ height: "50vh" }),
+  const gridHeightStyle = React67__namespace.useMemo(
+    () => ({
+      height: "320px",
+      maxHeight: "calc(var(--radix-popper-available-height) - 140px)"
+    }),
     []
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
@@ -32679,7 +32870,7 @@ function IconPickerPanel(props) {
         " results (refine search to narrow)."
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        reactVirtuoso.VirtuosoGrid,
+        VirtualScrollGrid,
         {
           style: gridHeightStyle,
           data: limitedIcons,
@@ -32746,7 +32937,7 @@ function IconPickerPanel(props) {
     )
   ] });
 }
-var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant2(props, ref) {
+var ShadcnIconVariant = React67__namespace.forwardRef(function ShadcnIconVariant2(props, ref) {
   var _a, _b;
   const {
     value,
@@ -32798,12 +32989,12 @@ var ShadcnIconVariant = React66__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] = React66__namespace.useState(false);
-  const selected = React66__namespace.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React67__namespace.useState(false);
+  const selected = React67__namespace.useMemo(() => {
     if (multiple) return Array.isArray(value) ? value.filter(Boolean) : [];
     return typeof value === "string" && value ? [value] : [];
   }, [multiple, value]);
-  const emit = React66__namespace.useCallback(
+  const emit = React67__namespace.useCallback(
     (nextArr, meta) => {
       var _a2, _b2;
       if (!onValue) return;
@@ -32825,7 +33016,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
     },
     [multiple, onValue]
   );
-  const Chip = React66__namespace.useCallback(
+  const Chip = React67__namespace.useCallback(
     ({ iconName }) => {
       var _a2;
       const short = (_a2 = iconName.split(":")[1]) != null ? _a2 : iconName;
@@ -32888,7 +33079,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
     [chipHeightCls, den.chipGap, den.chipPad, emit, selected]
   );
   const selectedCount = selected.length;
-  const resolveButtonTriggerElement = React66__namespace.useCallback(() => {
+  const resolveButtonTriggerElement = React67__namespace.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: selected,
@@ -32918,7 +33109,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React66__namespace.cloneElement(el, {
+        return React67__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 }),
@@ -32926,7 +33117,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
           ] })
         });
       }
-      return React66__namespace.cloneElement(el, {
+      return React67__namespace.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           child,
@@ -32934,7 +33125,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
         ] })
       });
     };
-    const withNoopDnD = (el) => React66__namespace.cloneElement(el, {
+    const withNoopDnD = (el) => React67__namespace.cloneElement(el, {
       // keep event-merging parity with file variant (no-op, but safe)
       onDragOver: mergeHandlers2(
         el.props.onDragOver,
@@ -32951,7 +33142,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
         }
       )
     });
-    if (React66__namespace.isValidElement(rawNode))
+    if (React67__namespace.isValidElement(rawNode))
       return withNoopDnD(injectBadgeIntoElement(rawNode));
     const fallback = /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -32999,7 +33190,7 @@ var ShadcnIconVariant = React66__namespace.forwardRef(function ShadcnIconVariant
     triggerClassName
   ]);
   const COLLAPSE_LIMIT = 2;
-  const TriggerRegion = React66__namespace.useMemo(() => {
+  const TriggerRegion = React67__namespace.useMemo(() => {
     const hasItems = selected.length > 0;
     const visibleItems = selected.slice(0, COLLAPSE_LIMIT);
     const hiddenCount = selected.length - COLLAPSE_LIMIT;
@@ -33087,11 +33278,11 @@ var ShadcnIconVariant = React66__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",
               {
@@ -33371,8 +33562,8 @@ function isFileLikeString(s3) {
   return FILE_EXT_RE.test(v2);
 }
 function useImagePreview(value) {
-  const [src, setSrc] = React66__namespace.useState(null);
-  React66__namespace.useEffect(() => {
+  const [src, setSrc] = React67__namespace.useState(null);
+  React67__namespace.useEffect(() => {
     if (!value) {
       setSrc(null);
       return;
@@ -33390,7 +33581,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 = React66__namespace.forwardRef(function ShadcnImageIconVariant2(props, ref) {
+var ShadcnImageIconVariant = React67__namespace.forwardRef(function ShadcnImageIconVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -33447,7 +33638,7 @@ var ShadcnImageIconVariant = React66__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 = React66__namespace.useMemo(() => {
+  const effectiveIconGroups = React67__namespace.useMemo(() => {
     const groups = resolvedIconGroups != null ? resolvedIconGroups : DEFAULT_GROUPS;
     const allowed = toArray(allowedIconGroupIds).filter(
       Boolean
@@ -33456,7 +33647,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     const filtered = groups.filter((g2) => allowed.includes(g2.id));
     return filtered.length ? filtered : groups;
   }, [resolvedIconGroups, allowedIconGroupIds]);
-  const allowedIconPrefixes = React66__namespace.useMemo(() => {
+  const allowedIconPrefixes = React67__namespace.useMemo(() => {
     var _a;
     const set = /* @__PURE__ */ new Set();
     for (const g2 of effectiveIconGroups) {
@@ -33464,7 +33655,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     }
     return set;
   }, [effectiveIconGroups]);
-  const isIconString = React66__namespace.useCallback(
+  const isIconString = React67__namespace.useCallback(
     (raw) => {
       var _a;
       const s3 = raw.trim();
@@ -33476,7 +33667,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     },
     [allowedIconPrefixes]
   );
-  const normaliseImageIconInput = React66__namespace.useCallback(
+  const normaliseImageIconInput = React67__namespace.useCallback(
     (v2) => {
       var _a;
       if (v2 == null) return null;
@@ -33517,25 +33708,25 @@ var ShadcnImageIconVariant = React66__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] = React66__namespace.useState(false);
-  const [tab, setTab] = React66__namespace.useState("icon");
-  const list = React66__namespace.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React67__namespace.useState(false);
+  const [tab, setTab] = React67__namespace.useState("icon");
+  const list = React67__namespace.useMemo(() => {
     const raw = multiple ? toArray(value) : value != null ? [value] : [];
     return raw.map(normaliseImageIconInput).filter(Boolean);
   }, [multiple, normaliseImageIconInput, value]);
-  const iconsSelected = React66__namespace.useMemo(() => {
+  const iconsSelected = React67__namespace.useMemo(() => {
     return list.filter((x2) => x2.kind === "icon").map((x2) => x2.icon);
   }, [list]);
-  const imagesSelected = React66__namespace.useMemo(() => {
+  const imagesSelected = React67__namespace.useMemo(() => {
     return list.filter((x2) => x2.kind === "image");
   }, [list]);
-  const toFieldRaw = React66__namespace.useCallback(
+  const toFieldRaw = React67__namespace.useCallback(
     (x2) => {
       return x2.kind === "icon" ? x2.icon : x2.image;
     },
     []
   );
-  const emit = React66__namespace.useCallback(
+  const emit = React67__namespace.useCallback(
     (nextList, meta) => {
       var _a, _b;
       if (!onValue) return;
@@ -33564,7 +33755,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     emit(next, { action: "remove", index: idx });
   };
   const clearAll = () => emit([], { action: "clear" });
-  const Chip = React66__namespace.useCallback(
+  const Chip = React67__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;
@@ -33615,7 +33806,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     [chipHeightCls, den.chipGap, den.chipPad, removeAt]
   );
   const selectedCount = list.length;
-  const resolveButtonTriggerElement = React66__namespace.useCallback(() => {
+  const resolveButtonTriggerElement = React67__namespace.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: list,
@@ -33645,7 +33836,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React66__namespace.cloneElement(el, {
+        return React67__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 }),
@@ -33653,7 +33844,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
           ] })
         });
       }
-      return React66__namespace.cloneElement(el, {
+      return React67__namespace.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           child,
@@ -33661,7 +33852,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
         ] })
       });
     };
-    if (React66__namespace.isValidElement(rawNode))
+    if (React67__namespace.isValidElement(rawNode))
       return injectBadgeIntoElement(rawNode);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -33693,12 +33884,12 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     selectedCount,
     triggerClassName
   ]);
-  const [dragOver, setDragOver] = React66__namespace.useState(false);
-  const fileInputRef = React66__namespace.useRef(null);
-  const [imgSelectedIds, setImgSelectedIds] = React66__namespace.useState(
+  const [dragOver, setDragOver] = React67__namespace.useState(false);
+  const fileInputRef = React67__namespace.useRef(null);
+  const [imgSelectedIds, setImgSelectedIds] = React67__namespace.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const imageItems = React66__namespace.useMemo(() => {
+  const imageItems = React67__namespace.useMemo(() => {
     return imagesSelected.map((x2) => normaliseFileLike2(x2.image));
   }, [imagesSelected]);
   const canAddMore = (nextCount) => {
@@ -33761,7 +33952,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
       setImagesFromItems(next, { from });
     }
   };
-  const openImagePicker = React66__namespace.useCallback(async () => {
+  const openImagePicker = React67__namespace.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     const resolvedLoader = typeof customLoader == "function" ? customLoader : customLoader ? getPaletteUtil("customLoader") : void 0;
@@ -33786,14 +33977,14 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
     }
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, [accept, customLoader, imageItems, isDisabled, mergeMode, multiple]);
-  const onDragOver = React66__namespace.useCallback(
+  const onDragOver = React67__namespace.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React66__namespace.useCallback(
+  const onDrop = React67__namespace.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -33842,7 +34033,7 @@ var ShadcnImageIconVariant = React66__namespace.forwardRef(function ShadcnImageI
       if (icons[0]) setPopoverOpen(false);
     }
   };
-  const TriggerRegion = React66__namespace.useMemo(() => {
+  const TriggerRegion = React67__namespace.useMemo(() => {
     const COLLAPSE_LIMIT = 2;
     const hasItems = list.length > 0;
     const visibleItems = list.slice(0, COLLAPSE_LIMIT);
@@ -33937,11 +34128,11 @@ var ShadcnImageIconVariant = React66__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",
               {
@@ -34472,7 +34663,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React66.useMemo(() => {
+  const content = React67.useMemo(() => {
     var _a;
     if (children) {
       return children;
@@ -34593,6 +34784,70 @@ function buildLayoutGraph(args) {
     }
   };
 }
+var ThemeContext = React67__namespace.createContext(null);
+function ThemeProvider({ theme, children }) {
+  const outerTheme = React67__namespace.useContext(ThemeContext);
+  const mergedTheme = React67__namespace.useMemo(() => {
+    if (!outerTheme) return theme;
+    return mergeThemes(outerTheme, theme);
+  }, [outerTheme, theme]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: mergedTheme, children });
+}
+var PaletteThemeProvider = ThemeProvider;
+function usePaletteTheme() {
+  var _a;
+  return (_a = React67__namespace.useContext(ThemeContext)) != null ? _a : {};
+}
+function mergeThemes(outer, inner) {
+  var _a;
+  const merged = {
+    defaultProps: { ...outer.defaultProps, ...inner.defaultProps },
+    classes: mergeClasses2(outer.classes, inner.classes),
+    styles: mergeStyleObjects(outer.styles, inner.styles),
+    variants: { ...outer.variants }
+  };
+  if (inner.variants) {
+    for (const key of Object.keys(inner.variants)) {
+      const variantKey = key;
+      const innerVar = inner.variants[variantKey];
+      const outerVar = (_a = outer.variants) == null ? void 0 : _a[variantKey];
+      if (innerVar) {
+        merged.variants[variantKey] = {
+          defaultProps: { ...outerVar == null ? void 0 : outerVar.defaultProps, ...innerVar.defaultProps },
+          classes: mergeClasses2(outerVar == null ? void 0 : outerVar.classes, innerVar.classes),
+          styles: mergeStyleObjects(outerVar == null ? void 0 : outerVar.styles, innerVar.styles)
+        };
+      }
+    }
+  }
+  return merged;
+}
+function mergeClasses2(outer, inner) {
+  if (!outer && !inner) return void 0;
+  if (!outer) return inner;
+  if (!inner) return outer;
+  const result = { ...outer };
+  for (const key of Object.keys(inner)) {
+    const outerVal = outer[key];
+    const innerVal = inner[key];
+    if (outerVal && innerVal) {
+      result[key] = `${outerVal} ${innerVal}`;
+    } else if (innerVal) {
+      result[key] = innerVal;
+    }
+  }
+  return result;
+}
+function mergeStyleObjects(outer, inner) {
+  if (!outer && !inner) return void 0;
+  if (!outer) return inner;
+  if (!inner) return outer;
+  const result = { ...outer };
+  for (const key of Object.keys(inner)) {
+    result[key] = { ...outer[key], ...inner[key] };
+  }
+  return result;
+}
 function normalizeValidateResult(result) {
   if (result === void 0 || result === null || result === true) return [];
   if (result === false) return ["Invalid value."];
@@ -34614,7 +34869,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":
@@ -34625,6 +34880,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
         },
@@ -34638,6 +34894,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
         },
@@ -34651,6 +34908,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
         },
@@ -34661,6 +34919,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
         },
@@ -34671,6 +34930,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
         },
@@ -34680,29 +34940,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,
@@ -34747,7 +35044,7 @@ function InputField(props) {
     classes: _depreciated,
     // Everything else → forwarded to variant
     ...rest
-  } = props;
+  } = mergedProps;
   const module2 = getVariant(variant);
   if (!module2) {
     {
@@ -34759,8 +35056,13 @@ function InputField(props) {
     }
     return null;
   }
-  const classes = getClasses(props);
-  const layout = React66__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 = React67__namespace.useMemo(() => {
     var _a2;
     const defaultsLayout = (_a2 = module2.defaults) == null ? void 0 : _a2.layout;
     const overrides = {};
@@ -34791,7 +35093,7 @@ function InputField(props) {
     return resolveLayoutForField(
       defaultsLayout,
       overrides,
-      props,
+      mergedProps,
       module2.resolveLayout
     );
   }, [
@@ -34804,11 +35106,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 = React66__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 = React67__namespace.useCallback(
     (value2, field2, form, _report) => {
       var _a2;
       const messages = [];
@@ -34848,7 +35150,7 @@ function InputField(props) {
   const { value: fieldValue, setValue, error, ref, key } = field;
   const Variant = module2.Variant;
   const visualError = (errorText != null ? errorText : error) || "";
-  const handleValueChange = React66__namespace.useCallback(
+  const handleValueChange = React67__namespace.useCallback(
     (next, detail) => {
       let finalValue = next;
       let defaultPrevented = false;
@@ -34897,7 +35199,7 @@ function InputField(props) {
     hostVariantClass,
     classes == null ? void 0 : classes.variant
   ) || void 0;
-  const tagsContent = React66__namespace.useMemo(() => {
+  const tagsContent = React67__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(
@@ -34921,7 +35223,7 @@ function InputField(props) {
       index
     )) });
   }, [tags, classes == null ? void 0 : classes.tag]);
-  const graph = React66__namespace.useMemo(
+  const graph = React67__namespace.useMemo(
     () => buildLayoutGraph({
       layout,
       sublabel,
@@ -34965,15 +35267,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,
@@ -34987,19 +35289,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(
@@ -35009,10 +35312,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,
@@ -35022,6 +35326,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,
                 " ",
@@ -35032,6 +35337,7 @@ function InputField(props) {
                       "text-destructive",
                       classes == null ? void 0 : classes.required
                     ),
+                    style: mergedStyles.required,
                     children: "*"
                   }
                 ) : ""
@@ -35039,14 +35345,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)
       )
     )
   ] });
@@ -35060,14 +35366,14 @@ function InputField(props) {
     hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",
     classes == null ? void 0 : classes.group
   );
-  const Element = contain ? "div" : React66__namespace.Fragment;
+  const Element = contain ? "div" : React67__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,
@@ -35079,7 +35385,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: [
@@ -35095,7 +35401,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             ),
@@ -35106,13 +35413,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(
@@ -35123,6 +35432,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,
                         " ",
@@ -35133,6 +35443,7 @@ function InputField(props) {
                               "text-destructive",
                               classes == null ? void 0 : classes.required
                             ),
+                            style: mergedStyles.required,
                             children: "*"
                           }
                         ) : ""
@@ -35143,7 +35454,8 @@ function InputField(props) {
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) }))
                 ]
@@ -35154,7 +35466,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             )
@@ -35162,13 +35475,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,
                   {
@@ -35183,14 +35497,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)
               )
             )
           ] })
@@ -35499,7 +35814,9 @@ exports.Input = Input;
 exports.InputField = InputField;
 exports.InputMask = InputMask;
 exports.InputNumber = InputNumber;
+exports.PaletteThemeProvider = PaletteThemeProvider;
 exports.Textarea = Textarea;
+exports.ThemeProvider = ThemeProvider;
 exports.createAxiosAdapter = createAxiosAdapter;
 exports.createInertiaAdapter = createInertiaAdapter;
 exports.getAdapter = getAdapter;
@@ -35523,5 +35840,6 @@ exports.useCore = useCore;
 exports.useCoreContext = useCoreContext;
 exports.useField = useField;
 exports.useOptionalField = useOptionalField;
+exports.usePaletteTheme = usePaletteTheme;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map