@timeax/form-palette 0.2.0 → 0.2.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React66 from 'react';
-import React66__default, { forwardRef, createElement, createContext, useMemo, useCallback, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
+import * as React67 from 'react';
+import React67__default, { forwardRef, createElement, createContext, useMemo, useCallback, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -7,10 +7,10 @@ import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as ScrollAreaPrimitive2 from '@radix-ui/react-scroll-area';
 import { Virtuoso, VirtuosoGrid } from 'react-virtuoso';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -5595,7 +5595,7 @@ function getAdapter(key) {
 function hasAdapter(key) {
   return typeof registry[key] === "function";
 }
-var CoreContextReact = React66__default.createContext(
+var CoreContextReact = React67__default.createContext(
   null
 );
 
@@ -5607,9 +5607,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);
@@ -9176,16 +9177,16 @@ function deepEqual(a3, b2) {
 }
 function CoreProvider(props) {
   var _a, _b;
-  const registryRef = React66.useRef(new FieldRegistry());
-  const bucketRef = React66.useRef({});
-  const uncaughtRef = React66.useRef([]);
-  const errorsRef = React66.useRef(null);
-  const buttonRef = React66.useRef(null);
-  const activeButtonNameRef = React66.useRef(null);
-  const [hasUncaughtErrors, setHasUncaughtErrors] = React66.useState(0);
-  const originalRef = React66.useRef(null);
-  const propsRef = React66.useRef(props);
-  React66.useEffect(() => {
+  const registryRef = React67.useRef(new FieldRegistry());
+  const bucketRef = React67.useRef({});
+  const uncaughtRef = React67.useRef([]);
+  const errorsRef = React67.useRef(null);
+  const buttonRef = React67.useRef(null);
+  const activeButtonNameRef = React67.useRef(null);
+  const [hasUncaughtErrors, setHasUncaughtErrors] = React67.useState(0);
+  const originalRef = React67.useRef(null);
+  const propsRef = React67.useRef(props);
+  React67.useEffect(() => {
     propsRef.current = props;
   }, [props]);
   const adapterKey = (_a = props.adapter) != null ? _a : "local";
@@ -9727,7 +9728,7 @@ function CoreProvider(props) {
       return uncaughtRef.current;
     }
   };
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!props.formRef) return;
     props.formRef.current = context;
     return () => {
@@ -9736,7 +9737,7 @@ function CoreProvider(props) {
       }
     };
   }, [context]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (props.init) {
       props.init(context);
     }
@@ -10172,9 +10173,9 @@ function ErrorStrip(props) {
   } = props;
   const ctxFromHook = useCore();
   const form = formProp != null ? formProp : ctxFromHook;
-  const [isVisible, setIsVisible] = React66.useState(true);
+  const [isVisible, setIsVisible] = React67.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.useEffect(() => {
+  React67.useEffect(() => {
     if (messages.length > 0) {
       setIsVisible(true);
     }
@@ -10238,7 +10239,7 @@ function ErrorStrip(props) {
 function CoreRoot(props) {
   const { noErrorStrip, onSubmitForm, children, ...rest } = props;
   const form = useCore();
-  const handleSubmit = React66.useCallback(
+  const handleSubmit = React67.useCallback(
     (event) => {
       event.preventDefault();
       if (form.props.activateButtonOnChange && !form.isDirty()) return;
@@ -10286,16 +10287,16 @@ function CoreShell(props) {
 function useButton(options) {
   const form = useCoreContext();
   const { name, disabled: disabledProp = false } = options;
-  const [loading, setLoadingState] = React66.useState(false);
-  const [disabled, setDisabledState] = React66.useState(
+  const [loading, setLoadingState] = React67.useState(false);
+  const [disabled, setDisabledState] = React67.useState(
     Boolean(disabledProp)
   );
-  const ref = React66.useRef(null);
-  const optsRef = React66.useRef(options);
-  React66.useEffect(() => {
+  const ref = React67.useRef(null);
+  const optsRef = React67.useRef(options);
+  React67.useEffect(() => {
     optsRef.current = options;
   }, [options]);
-  const buttonRef = React66.useRef(null);
+  const buttonRef = React67.useRef(null);
   if (!buttonRef.current) {
     const btn = {
       name,
@@ -10325,11 +10326,11 @@ function useButton(options) {
     };
     buttonRef.current = btn;
   }
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!buttonRef.current) return;
     buttonRef.current.name = name;
   }, [name]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!buttonRef.current) return;
     form.button = buttonRef.current;
     return () => {
@@ -10396,41 +10397,41 @@ function useField(options) {
     onValueChange,
     onSubmit
   } = options;
-  const ref = React66.useRef(null);
-  const stateRef = React66.useRef({
+  const ref = React67.useRef(null);
+  const stateRef = React67.useRef({
     value: defaultValue,
     error: "",
     loading: false,
     original: getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   });
-  const [valueState, setValueState] = React66.useState(
+  const [valueState, setValueState] = React67.useState(
     stateRef.current.value
   );
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (isControlled && valueProp !== stateRef.current.value) {
       stateRef.current.value = valueProp;
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React66.useState(
+  const [error, setErrorState] = React67.useState(
     stateRef.current.error
   );
-  const [loading, setLoadingState] = React66.useState(
+  const [loading, setLoadingState] = React67.useState(
     stateRef.current.loading
   );
-  const [required, setRequired] = React66.useState(
+  const [required, setRequired] = React67.useState(
     Boolean(requiredProp)
   );
-  const [disabled, setDisabled] = React66.useState(
+  const [disabled, setDisabled] = React67.useState(
     Boolean(disabledProp)
   );
-  const [readOnly, setReadOnly] = React66.useState(
+  const [readOnly, setReadOnly] = React67.useState(
     Boolean(readOnlyProp)
   );
-  const id = React66.useId();
-  const keyRef = React66.useRef(
+  const id = React67.useId();
+  const keyRef = React67.useRef(
     (() => {
       if (rawName && rawName.trim()) return `${rawName.trim()}-${id}`;
       if (rawBindId && rawBindId.trim())
@@ -10438,10 +10439,10 @@ function useField(options) {
       return `field-${Math.random().toString(36).slice(2)}-${id}`;
     })()
   );
-  const bindIdRef = React66.useRef(
+  const bindIdRef = React67.useRef(
     rawBindId && rawBindId.trim() || keyRef.current
   );
-  const fieldRef = React66.useRef(null);
+  const fieldRef = React67.useRef(null);
   if (!fieldRef.current) {
     const key = keyRef.current;
     const bindId = bindIdRef.current;
@@ -10544,19 +10545,19 @@ function useField(options) {
     fieldRef.current = f2;
   }
   const field = fieldRef.current;
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setRequired(requiredProp);
     if (field) {
       field.required = requiredProp;
     }
   }, [requiredProp, field]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!field) return;
     form.addField(field);
     return () => {
@@ -10671,25 +10672,25 @@ function useOptionalField(options) {
     getOriginalValue,
     onValueChange
   } = options;
-  const ref = React66.useRef(null);
-  const [valueState, setValueState] = React66.useState(defaultValue);
+  const ref = React67.useRef(null);
+  const [valueState, setValueState] = React67.useState(defaultValue);
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (isControlled) {
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React66.useState("");
-  const [loading, setLoadingState] = React66.useState(false);
-  const [required, setRequired] = React66.useState(requiredProp);
-  const [disabled, setDisabled] = React66.useState(disabledProp);
-  const [readOnly, setReadOnly] = React66.useState(readOnlyProp);
-  const originalRef = React66.useRef(
+  const [error, setErrorState] = React67.useState("");
+  const [loading, setLoadingState] = React67.useState(false);
+  const [required, setRequired] = React67.useState(requiredProp);
+  const [disabled, setDisabled] = React67.useState(disabledProp);
+  const [readOnly, setReadOnly] = React67.useState(readOnlyProp);
+  const originalRef = React67.useRef(
     getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   );
-  const id = React66.useId();
-  const keyRef = React66.useRef("");
+  const id = React67.useId();
+  const keyRef = React67.useRef("");
   if (!keyRef.current) {
     if (rawName && rawName.trim()) {
       keyRef.current = `${rawName.trim()}-${id}`;
@@ -10699,17 +10700,17 @@ function useOptionalField(options) {
       keyRef.current = `field-${Math.random().toString(36).slice(2)}-${id}`;
     }
   }
-  const bindIdRef = React66.useRef("");
+  const bindIdRef = React67.useRef("");
   if (!bindIdRef.current) {
     bindIdRef.current = rawBindId && rawBindId.trim() || keyRef.current;
   }
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setRequired(requiredProp);
   }, [requiredProp]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
   function setValue(next, variant = "direct") {
@@ -10807,17 +10808,17 @@ var focusEl = (el) => {
   }
 };
 function useUpdateEffect(effect, deps) {
-  const mounted = React66.useRef(false);
-  React66.useEffect(() => {
+  const mounted = React67.useRef(false);
+  React67.useEffect(() => {
     if (mounted.current) {
       return effect();
     }
     mounted.current = true;
   }, deps);
 }
-var InputMask = React66.memo(
-  React66.forwardRef((inProps, ref) => {
-    const props = React66.useMemo(
+var InputMask = React67.memo(
+  React67.forwardRef((inProps, ref) => {
+    const props = React67.useMemo(
       () => ({
         autoClear: true,
         autoFocus: false,
@@ -10832,20 +10833,20 @@ var InputMask = React66.memo(
       }),
       [inProps]
     );
-    const elementRef = React66.useRef(null);
-    const firstNonMaskPos = React66.useRef(null);
-    const lastRequiredNonMaskPos = React66.useRef(0);
-    const tests = React66.useRef([]);
-    const buffer = React66.useRef([]);
-    const len = React66.useRef(0);
-    const oldVal = React66.useRef(null);
-    const focus = React66.useRef(false);
-    const focusText = React66.useRef(null);
-    const isValueChecked = React66.useRef(null);
-    const partialPosition = React66.useRef(null);
-    const defaultBuffer = React66.useRef(null);
-    const caretTimeoutId = React66.useRef(null);
-    const androidChrome = React66.useRef(false);
+    const elementRef = React67.useRef(null);
+    const firstNonMaskPos = React67.useRef(null);
+    const lastRequiredNonMaskPos = React67.useRef(0);
+    const tests = React67.useRef([]);
+    const buffer = React67.useRef([]);
+    const len = React67.useRef(0);
+    const oldVal = React67.useRef(null);
+    const focus = React67.useRef(false);
+    const focusText = React67.useRef(null);
+    const isValueChecked = React67.useRef(null);
+    const partialPosition = React67.useRef(null);
+    const defaultBuffer = React67.useRef(null);
+    const caretTimeoutId = React67.useRef(null);
+    const androidChrome = React67.useRef(false);
     const caret = (first, last) => {
       var _a, _b;
       let range;
@@ -10880,7 +10881,7 @@ var InputMask = React66.memo(
       }
       return { begin, end };
     };
-    const getPlaceholder = React66.useCallback(
+    const getPlaceholder = React67.useCallback(
       (i4) => {
         var _a;
         const slotChar2 = (_a = props.slotChar) != null ? _a : "_";
@@ -11150,7 +11151,7 @@ var InputMask = React66.memo(
         });
       }
     };
-    const getUnmaskedValue = React66.useCallback(() => {
+    const getUnmaskedValue = React67.useCallback(() => {
       const unmaskedBuffer = [];
       for (let i4 = 0; i4 < buffer.current.length; i4++) {
         const c2 = buffer.current[i4];
@@ -11205,7 +11206,7 @@ var InputMask = React66.memo(
       }
       return pos;
     };
-    const isValueUpdated = React66.useCallback(() => {
+    const isValueUpdated = React67.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 : "");
@@ -11305,7 +11306,7 @@ var InputMask = React66.memo(
     const onInput = (event) => {
       androidChrome.current ? handleAndroidInput(event) : handleInputChange(event);
     };
-    React66.useImperativeHandle(
+    React67.useImperativeHandle(
       ref,
       () => ({
         focus: () => focusEl(elementRef.current),
@@ -11313,10 +11314,10 @@ var InputMask = React66.memo(
       }),
       []
     );
-    React66.useEffect(() => {
+    React67.useEffect(() => {
       if (!elementRef.current) return;
     }, []);
-    React66.useEffect(() => {
+    React67.useEffect(() => {
       init();
       updateValue();
     }, []);
@@ -11350,6 +11351,7 @@ var InputMask = React66.memo(
       onKeyPress: l2,
       onInput: m2,
       className,
+      invalid,
       ...restInputProps
     } = props;
     return /* @__PURE__ */ jsx(
@@ -11371,6 +11373,7 @@ var InputMask = React66.memo(
         onKeyPress,
         onInput,
         onPaste: (e4) => handleInputChange(e4, true),
+        "aria-invalid": invalid ? "true" : void 0,
         ...restInputProps
       }
     );
@@ -11464,7 +11467,7 @@ function resolveSizeDensityClasses(size, density) {
   }
   return { heightCls, textCls, densityCls };
 }
-var Input = React66.forwardRef(
+var Input = React67.forwardRef(
   function Input2(rawProps, forwardedRef) {
     const {
       // base
@@ -11474,6 +11477,7 @@ var Input = React66.forwardRef(
       disabled,
       readOnly,
       required,
+      invalid,
       // size / density
       size = "md",
       density = "normal",
@@ -11527,8 +11531,8 @@ var Input = React66.forwardRef(
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
     const isMasked = Boolean(mask);
-    const innerRef = React66.useRef(null);
-    React66.useImperativeHandle(
+    const innerRef = React67.useRef(null);
+    React67.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -11549,11 +11553,11 @@ var Input = React66.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 4;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React66.useRef(null);
-    const trailingIconsRef = React66.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React66.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React66.useState(0);
-    React66.useLayoutEffect(() => {
+    const leadingIconsRef = React67.useRef(null);
+    const trailingIconsRef = React67.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React67.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React67.useState(0);
+    React67.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       if (typeof ResizeObserver === "undefined") return;
       const leadingEl = leadingIconsRef.current;
@@ -11628,7 +11632,7 @@ var Input = React66.forwardRef(
       inputClassName
     );
     const maskMode = unmask === true || unmask === "raw" ? "raw" : "masked";
-    const handleFocus = React66.useCallback(
+    const handleFocus = React67.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (!prefix && !suffix) return;
@@ -11656,7 +11660,7 @@ var Input = React66.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.useCallback(
+    const handleKeyDownWrapped = React67.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keydown" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -11673,7 +11677,7 @@ var Input = React66.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyDown]
     );
-    const handleKeyPressWrapped = React66.useCallback(
+    const handleKeyPressWrapped = React67.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keypress" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -11690,7 +11694,7 @@ var Input = React66.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyPress]
     );
-    const handleBeforeInputWrapped = React66.useCallback(
+    const handleBeforeInputWrapped = React67.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "beforeinput" && (event == null ? void 0 : event.nativeEvent)) {
           const inputEl = event.currentTarget;
@@ -11711,7 +11715,7 @@ var Input = React66.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onBeforeInput]
     );
-    const handlePasteWrapped = React66.useCallback(
+    const handlePasteWrapped = React67.useCallback(
       (event) => {
         var _a, _b;
         if (hasKeyFilter && keyFilterOnPaste) {
@@ -11762,6 +11766,7 @@ var Input = React66.forwardRef(
               onBeforeInput: handleBeforeInputWrapped,
               onPaste: handlePasteWrapped,
               "aria-required": required ? "true" : void 0,
+              "aria-invalid": invalid ? "true" : void 0,
               "data-size": sizeKey,
               "data-density": densityKey,
               placeholder,
@@ -11815,6 +11820,7 @@ var Input = React66.forwardRef(
             disabled,
             readOnly,
             "aria-required": required ? "true" : void 0,
+            "aria-invalid": invalid ? "true" : void 0,
             "data-size": sizeKey,
             "data-density": densityKey,
             placeholder,
@@ -12109,7 +12115,7 @@ function stripAffixes(value, prefix, suffix) {
   if (suffix && out.endsWith(suffix)) out = out.slice(0, -suffix.length);
   return out;
 }
-var ShadcnTextVariant = React66.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
+var ShadcnTextVariant = React67.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
   const {
     // form-level props
     value,
@@ -12157,7 +12163,7 @@ var ShadcnTextVariant = React66.forwardRef(function ShadcnTextVariant2(props, fo
     ...rest
   } = props;
   const isMasked = Boolean(mask);
-  const handlePlainChange = React66.useCallback(
+  const handlePlainChange = React67.useCallback(
     (e4) => {
       var _a;
       const displayed = (_a = e4.target.value) != null ? _a : "";
@@ -12188,7 +12194,7 @@ var ShadcnTextVariant = React66.forwardRef(function ShadcnTextVariant2(props, fo
     },
     [onValue, prefix, suffix, stripPrefix, stripSuffix]
   );
-  const handleMaskedChange = React66.useCallback(
+  const handleMaskedChange = React67.useCallback(
     (e4) => {
       var _a, _b, _c;
       const maskedValue = (_a = e4.value) != null ? _a : "";
@@ -12406,8 +12412,8 @@ function normalizeEditable(raw, locale, decimalSep, allowMinus) {
   if (t4 === decimalSep) t4 = "0" + decimalSep;
   return t4;
 }
-var InputNumber = React66.memo(
-  React66.forwardRef((inProps, ref) => {
+var InputNumber = React67.memo(
+  React67.forwardRef((inProps, ref) => {
     var _a;
     const props = {
       allowEmpty: true,
@@ -12422,19 +12428,19 @@ var InputNumber = React66.memo(
       type: "text",
       ...inProps
     };
-    const locale = React66.useMemo(
+    const locale = React67.useMemo(
       () => resolveLocale(props.locale),
       [props.locale]
     );
-    const decimalSep = React66.useMemo(
+    const decimalSep = React67.useMemo(
       () => getDecimalSeparator(locale),
       [locale]
     );
-    const allowMinus = React66.useMemo(
+    const allowMinus = React67.useMemo(
       () => props.min == null || props.min < 0,
       [props.min]
     );
-    const fmtOptions = React66.useMemo(() => {
+    const fmtOptions = React67.useMemo(() => {
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
@@ -12455,22 +12461,22 @@ var InputNumber = React66.memo(
       props.maxFractionDigits,
       props.roundingMode
     ]);
-    const inputRef = React66.useRef(null);
-    React66.useImperativeHandle(ref, () => inputRef.current);
-    const [display, setDisplay] = React66.useState("");
-    const [focused, setFocused] = React66.useState(false);
-    const toEditableFromNumber = React66.useCallback(
+    const inputRef = React67.useRef(null);
+    React67.useImperativeHandle(ref, () => inputRef.current);
+    const [display, setDisplay] = React67.useState("");
+    const [focused, setFocused] = React67.useState(false);
+    const toEditableFromNumber = React67.useCallback(
       (n3) => {
         const s3 = String(n3);
         return decimalSep === "." ? s3 : s3.replace(".", decimalSep);
       },
       [decimalSep]
     );
-    const clampModel = React66.useCallback(
+    const clampModel = React67.useCallback(
       (n3) => clampToLimits(n3, props.min, props.max),
       [props.min, props.max]
     );
-    const emit = React66.useCallback(
+    const emit = React67.useCallback(
       (event, value2) => {
         var _a2, _b, _c;
         const safeValue = sanitizeNumberish(value2);
@@ -12505,7 +12511,7 @@ var InputNumber = React66.memo(
         }
       });
     };
-    const formatFromModel = React66.useCallback(
+    const formatFromModel = React67.useCallback(
       (n3) => {
         const safeNumber = sanitizeNumberish(n3);
         if (safeNumber == null) return "";
@@ -12528,7 +12534,7 @@ var InputNumber = React66.memo(
         toEditableFromNumber
       ]
     );
-    const getModelFromDisplay = React66.useCallback(
+    const getModelFromDisplay = React67.useCallback(
       (text) => {
         const stripped = stripAffixes2(text, props.prefix, props.suffix);
         const withoutGroup = stripGrouping(stripped, locale);
@@ -12540,7 +12546,7 @@ var InputNumber = React66.memo(
       },
       [props.prefix, props.suffix, locale, decimalSep, clampModel]
     );
-    const syncFromPropsValue = React66.useCallback(
+    const syncFromPropsValue = React67.useCallback(
       (v2) => {
         const safeValue = sanitizeNumberish(v2);
         if (safeValue == null) {
@@ -12554,11 +12560,11 @@ var InputNumber = React66.memo(
       },
       [clampModel, focused, toEditableFromNumber, formatFromModel]
     );
-    React66.useEffect(() => {
+    React67.useEffect(() => {
       var _a2;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
     }, []);
-    React66.useEffect(() => {
+    React67.useEffect(() => {
       var _a2;
       if (focused) return;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
@@ -12651,6 +12657,25 @@ var InputNumber = React66.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 (
@@ -12692,7 +12717,7 @@ InputNumber.displayName = "InputNumber";
 function sanitizeNumberish2(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
-var ShadcnNumberVariant = React66__default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
+var ShadcnNumberVariant = React67__default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
   const {
     showButtons,
     buttonLayout = "stacked",
@@ -12710,7 +12735,7 @@ var ShadcnNumberVariant = React66__default.forwardRef(function ShadcnNumberVaria
     id,
     inputId
   } = rest;
-  const handleChange = React66__default.useCallback(
+  const handleChange = React67__default.useCallback(
     (e4) => {
       const safeValue = sanitizeNumberish2(e4.value);
       if (onValueChange) {
@@ -12723,7 +12748,7 @@ var ShadcnNumberVariant = React66__default.forwardRef(function ShadcnNumberVaria
     },
     [onValueChange]
   );
-  const handleStep = React66__default.useCallback(
+  const handleStep = React67__default.useCallback(
     (direction, originalEvent) => {
       var _a, _b;
       if (disabled) return;
@@ -13241,7 +13266,7 @@ var CountrySelect = ({
     }) })
   ] }) });
 };
-var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props, ref) {
+var ShadcnPhoneVariant = React67.forwardRef(function ShadcnPhoneVariant2(props, ref) {
   const {
     countries: countriesProp,
     defaultCountry,
@@ -13266,8 +13291,8 @@ var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props,
   } = props;
   let DEFAULT_COUNTRIES2 = getGlobalCountryList();
   const defaultCountries = countriesProp && countriesProp.length > 0 ? countriesProp : DEFAULT_COUNTRIES2;
-  const [countries, setLoadedCountries] = React66.useState(defaultCountries);
-  React66.useEffect(() => {
+  const [countries, setLoadedCountries] = React67.useState(defaultCountries);
+  React67.useEffect(() => {
     if (countriesProp == null ? void 0 : countriesProp.length) return;
     const list = getPaletteUtil("countries");
     if (list == null ? void 0 : list.length) {
@@ -13280,7 +13305,7 @@ var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props,
       });
     }
   }, []);
-  const [country, setCountry] = React66.useState(() => {
+  const [country, setCountry] = React67.useState(() => {
     var _a;
     if (defaultCountry) {
       const found = countries.find((c2) => c2.code === defaultCountry);
@@ -13288,7 +13313,7 @@ var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props,
     }
     return (_a = countries[0]) != null ? _a : DEFAULT_COUNTRIES2[0];
   });
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setCountry((prev) => {
       var _a;
       if (defaultCountry) {
@@ -13299,13 +13324,13 @@ var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props,
       return (_a = stillThere != null ? stillThere : countries[0]) != null ? _a : prev;
     });
   }, [countries, defaultCountry]);
-  const [local, setLocal] = React66.useState(
+  const [local, setLocal] = React67.useState(
     () => computeDisplayFromValue(value, country, keepCharPositions)
   );
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setLocal(computeDisplayFromValue(value, country, keepCharPositions));
   }, [value, country, keepCharPositions]);
-  const handleInputChange = React66.useCallback(
+  const handleInputChange = React67.useCallback(
     (event) => {
       var _a;
       const rawInput = (_a = event.target.value) != null ? _a : "";
@@ -13331,7 +13356,7 @@ var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props,
     },
     [country, valueMode, keepCharPositions, onValue]
   );
-  const handleCountryChange = React66.useCallback(
+  const handleCountryChange = React67.useCallback(
     (nextCode) => {
       var _a;
       const nextCountry = (_a = countries.find((c2) => c2.code === nextCode)) != null ? _a : countries[0];
@@ -13418,7 +13443,7 @@ function normalizeColorForPicker(value) {
   }
   return "#000000";
 }
-var ShadcnColorVariant = React66.forwardRef(function ShadcnColorVariant2(props, ref) {
+var ShadcnColorVariant = React67.forwardRef(function ShadcnColorVariant2(props, ref) {
   const {
     // variant contract
     value,
@@ -13439,22 +13464,22 @@ var ShadcnColorVariant = React66.forwardRef(function ShadcnColorVariant2(props,
     // everything else → Input (size, density, className, icons, etc.)
     ...restTextProps
   } = props;
-  const [local, setLocal] = React66.useState(value != null ? value : "");
-  const [pickerOpen, setPickerOpen] = React66.useState(false);
-  React66.useEffect(() => {
+  const [local, setLocal] = React67.useState(value != null ? value : "");
+  const [pickerOpen, setPickerOpen] = React67.useState(false);
+  React67.useEffect(() => {
     setLocal(value != null ? value : "");
   }, [value]);
-  const pickerRef = React66.useRef(null);
+  const pickerRef = React67.useRef(null);
   const effectiveColor = normalizeColorForPicker(local || value);
   const showError = Boolean(error);
-  const openSystemPicker = React66.useCallback(() => {
+  const openSystemPicker = React67.useCallback(() => {
     setPickerOpen(true);
     window.setTimeout(() => {
       var _a;
       (_a = pickerRef.current) == null ? void 0 : _a.click();
     }, 0);
   }, []);
-  const handleTextChange = React66.useCallback(
+  const handleTextChange = React67.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -13471,7 +13496,7 @@ var ShadcnColorVariant = React66.forwardRef(function ShadcnColorVariant2(props,
     },
     [onValue]
   );
-  const handlePickerChange = React66.useCallback(
+  const handlePickerChange = React67.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -13489,7 +13514,7 @@ var ShadcnColorVariant = React66.forwardRef(function ShadcnColorVariant2(props,
     },
     [onValue]
   );
-  const handlePickerBlur = React66.useCallback(() => {
+  const handlePickerBlur = React67.useCallback(() => {
     setPickerOpen(false);
   }, []);
   const leadingControl = showPreview ? /* @__PURE__ */ jsx(
@@ -13791,7 +13816,7 @@ function meterColor(score) {
   if (score === 3) return "bg-amber-500";
   return "bg-emerald-500";
 }
-var ShadcnPasswordVariant = React66.forwardRef(function ShadcnPasswordVariant2(props, ref) {
+var ShadcnPasswordVariant = React67.forwardRef(function ShadcnPasswordVariant2(props, ref) {
   var _a, _b;
   const {
     // base variant bits
@@ -13827,18 +13852,18 @@ var ShadcnPasswordVariant = React66.forwardRef(function ShadcnPasswordVariant2(p
     // everything else from Shadcn text UI
     ...restTextProps
   } = props;
-  const [revealed, setRevealed] = React66.useState(
+  const [revealed, setRevealed] = React67.useState(
     Boolean(defaultRevealed)
   );
-  const normalizedStrength = React66.useMemo(
+  const normalizedStrength = React67.useMemo(
     () => normalizeStrengthOptions(strengthMeter),
     [strengthMeter]
   );
-  const effectiveRuleDefinitions = React66.useMemo(
+  const effectiveRuleDefinitions = React67.useMemo(
     () => getMergedRuleDefinitions(ruleDefinitions),
     [ruleDefinitions]
   );
-  const meterState = React66.useMemo(() => {
+  const meterState = React67.useMemo(() => {
     if (!normalizedStrength) return null;
     const v2 = value != null ? value : "";
     return computeMeterState(
@@ -13848,14 +13873,14 @@ var ShadcnPasswordVariant = React66.forwardRef(function ShadcnPasswordVariant2(p
       ruleUses
     );
   }, [normalizedStrength, value, ruleUses, effectiveRuleDefinitions]);
-  const handleToggleReveal = React66.useCallback(() => {
+  const handleToggleReveal = React67.useCallback(() => {
     setRevealed((prev) => {
       const next = !prev;
       onRevealChange == null ? void 0 : onRevealChange(next);
       return next;
     });
   }, [onRevealChange]);
-  const handleChange = React66.useCallback(
+  const handleChange = React67.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -16505,38 +16530,38 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 function Button(props) {
-  return React66__default.createElement("button", { ...props });
+  return React67__default.createElement("button", { ...props });
 }
 function CaptionLabel(props) {
-  return React66__default.createElement("span", { ...props });
+  return React67__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__default.createElement(
+    React67__default.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React66__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__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__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React66__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      orientation === "up" && React67__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__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__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && React67__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__default.createElement("td", { ...tdProps });
+  return React67__default.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React66__default.useRef(null);
-  React66__default.useEffect(() => {
+  const ref = React67__default.useRef(null);
+  React67__default.useEffect(() => {
     var _a;
     if (modifiers.focused)
       (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
-  return React66__default.createElement("button", { ref, ...buttonProps });
+  return React67__default.createElement("button", { ref, ...buttonProps });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/UI.js
@@ -16599,37 +16624,37 @@ 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__default.createElement(
+  return React67__default.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React66__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React66__default.createElement(components.Option, { key: value, value, disabled }, label))),
-    React66__default.createElement(
+    React67__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React67__default.createElement(components.Option, { key: value, value, disabled }, label))),
+    React67__default.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption == null ? void 0 : selectedOption.label,
-      React66__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React67__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React66__default.createElement("div", { ...props });
+  return React67__default.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React66__default.createElement("div", { ...props });
+  return React67__default.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React66__default.createElement("div", { ...divProps }, props.children);
+  return React67__default.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React66__default.createElement("div", { ...divProps });
+  return React67__default.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React66__default.createElement("table", { ...props });
+  return React67__default.createElement("table", { ...props });
 }
 function Months(props) {
-  return React66__default.createElement("div", { ...props });
+  return React67__default.createElement("div", { ...props });
 }
 var dayPickerContext = createContext(void 0);
 function useDayPicker() {
@@ -16643,7 +16668,7 @@ function useDayPicker() {
 // ../../node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React66__default.createElement(components.Dropdown, { ...props });
+  return React67__default.createElement(components.Dropdown, { ...props });
 }
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
@@ -16658,66 +16683,66 @@ function Nav(props) {
       onPreviousClick == null ? void 0 : onPreviousClick(e4);
     }
   }, [previousMonth, onPreviousClick]);
-  return React66__default.createElement(
+  return React67__default.createElement(
     "nav",
     { ...navProps },
-    React66__default.createElement(
+    React67__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__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React67__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React66__default.createElement(
+    React67__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__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React67__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return React66__default.createElement(components.Button, { ...props });
+  return React67__default.createElement(components.Button, { ...props });
 }
 function Option(props) {
-  return React66__default.createElement("option", { ...props });
+  return React67__default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return React66__default.createElement(components.Button, { ...props });
+  return React67__default.createElement(components.Button, { ...props });
 }
 function Root3(props) {
   const { rootRef, ...rest } = props;
-  return React66__default.createElement("div", { ...rest, ref: rootRef });
+  return React67__default.createElement("div", { ...rest, ref: rootRef });
 }
 function Select2(props) {
-  return React66__default.createElement("select", { ...props });
+  return React67__default.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React66__default.createElement("tr", { ...trProps });
+  return React67__default.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React66__default.createElement("th", { ...props });
+  return React67__default.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React66__default.createElement(
+  return React67__default.createElement(
     "thead",
     { "aria-hidden": true },
-    React66__default.createElement("tr", { ...props })
+    React67__default.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React66__default.createElement("th", { ...thProps });
+  return React67__default.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React66__default.createElement("th", { ...props });
+  return React67__default.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React66__default.createElement("tbody", { ...props });
+  return React67__default.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React66__default.createElement(components.Dropdown, { ...props });
+  return React67__default.createElement(components.Dropdown, { ...props });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
@@ -18204,18 +18229,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React66__default.createElement(
+  return React67__default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React66__default.createElement(
+    React67__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__default.createElement(
+      React67__default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && React66__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__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__default.createElement(
+          return React67__default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -18226,21 +18251,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React66__default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React67__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__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React67__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React66__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__default.createElement(
+            React67__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__default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React66__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__default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React66__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__default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React67__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__default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React67__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__default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React66__default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React67__default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -18252,27 +18277,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React66__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__default.createElement(
+            ) : React67__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__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__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React67__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__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__default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React67__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__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__default.createElement(
+              !props.hideWeekdays && React67__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__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__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__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__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__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__default.createElement(
+              React67__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__default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React66__default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React67__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) => {
@@ -18289,7 +18314,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__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__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__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__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));
                   })
                 );
               }))
@@ -18297,7 +18322,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React66__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__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -18540,8 +18565,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React66.useRef(null);
-  React66.useEffect(() => {
+  const ref = React67.useRef(null);
+  React67.useEffect(() => {
     var _a;
     if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
@@ -18618,15 +18643,15 @@ var TimeDropdowns = (props) => {
     triggerClassName,
     density = "normal"
   } = props;
-  const minuteOptions = React66.useMemo(
+  const minuteOptions = React67.useMemo(
     () => buildMinuteOptions(minuteStep),
     [minuteStep]
   );
-  const secondOptions = React66.useMemo(
+  const secondOptions = React67.useMemo(
     () => buildSecondOptions(secondStep),
     [secondStep]
   );
-  const hourOptions = React66.useMemo(
+  const hourOptions = React67.useMemo(
     () => use12Hour ? buildHourOptions12() : buildHourOptions24(),
     [use12Hour]
   );
@@ -18965,7 +18990,7 @@ function parseRawToDate(rawDigits, kind) {
 function meterSafeDigits(masked) {
   return masked.replace(/\D+/g, "");
 }
-var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, ref) {
+var ShadcnDateVariant = React67.forwardRef(function ShadcnDateVariant2(props, ref) {
   const {
     // variant base bits
     value,
@@ -18998,10 +19023,10 @@ var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, re
   const resolvedMask = inputMask != null ? inputMask : kindConfig.mask;
   const defaultShowCalendar = kind === "date" || kind === "datetime";
   const showCalendar = typeof showCalendarProp === "boolean" ? showCalendarProp : defaultShowCalendar;
-  const [internalOpen, setInternalOpen] = React66.useState(false);
+  const [internalOpen, setInternalOpen] = React67.useState(false);
   const isControlledOpen = open !== void 0;
   const currentOpen = isControlledOpen ? !!open : internalOpen;
-  const handleOpenChange = React66.useCallback(
+  const handleOpenChange = React67.useCallback(
     (next) => {
       if (!isControlledOpen) {
         setInternalOpen(next);
@@ -19011,7 +19036,7 @@ var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, re
     [isControlledOpen, onOpenChange]
   );
   const { single, range } = normalizeValueForMode(value, mode);
-  const displayValue = React66.useMemo(() => {
+  const displayValue = React67.useMemo(() => {
     if (mode === "single") {
       return formatDisplaySingle(single, singlePattern);
     }
@@ -19022,12 +19047,12 @@ var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, re
       rangeSeparator
     );
   }, [mode, single, range, singlePattern, formatRange, rangeSeparator]);
-  const [localText, setLocalText] = React66.useState(displayValue);
-  React66.useEffect(() => {
+  const [localText, setLocalText] = React67.useState(displayValue);
+  React67.useEffect(() => {
     setLocalText(displayValue);
   }, [displayValue]);
   const showTimeDropdowns = mode === "single" && (kind === "datetime" || kind === "time" || kind === "hour");
-  const handleSelect = React66.useCallback(
+  const handleSelect = React67.useCallback(
     (next) => {
       let nextValue;
       let nextRange;
@@ -19077,7 +19102,7 @@ var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, re
     },
     [mode, stayOpenOnSelect, onValue, handleOpenChange, kind, single]
   );
-  const handleTimeChange = React66.useCallback(
+  const handleTimeChange = React67.useCallback(
     (next) => {
       if (!next) {
         const detail2 = {
@@ -19108,7 +19133,7 @@ var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, re
     },
     [mode, kind, onValue]
   );
-  const handleClear = React66.useCallback(
+  const handleClear = React67.useCallback(
     (ev) => {
       ev.preventDefault();
       ev.stopPropagation();
@@ -19127,7 +19152,7 @@ var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, re
   );
   const hasValue = hasSelection(value);
   const placeholderText = typeof placeholder === "string" ? placeholder : mode === "range" ? "Select date range" : "Select date";
-  const handleInputChange = React66.useCallback(
+  const handleInputChange = React67.useCallback(
     (event) => {
       var _a, _b, _c;
       if (mode !== "single") return;
@@ -19314,7 +19339,7 @@ function resolveBasePadding2(size, density) {
   }
   return { px, py };
 }
-var Textarea = React66.forwardRef(
+var Textarea = React67.forwardRef(
   function Textarea2(rawProps, forwardedRef) {
     const {
       // layout wrapper
@@ -19362,8 +19387,8 @@ var Textarea = React66.forwardRef(
     } = rawProps;
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
-    const innerRef = React66.useRef(null);
-    React66.useImperativeHandle(
+    const innerRef = React67.useRef(null);
+    React67.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -19384,11 +19409,11 @@ var Textarea = React66.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 1;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React66.useRef(null);
-    const trailingIconsRef = React66.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React66.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React66.useState(0);
-    const measureIconWidths = React66.useCallback(() => {
+    const leadingIconsRef = React67.useRef(null);
+    const trailingIconsRef = React67.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React67.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React67.useState(0);
+    const measureIconWidths = React67.useCallback(() => {
       if (typeof window === "undefined") return;
       const lead = leadingIconsRef.current;
       const trail = trailingIconsRef.current;
@@ -19405,7 +19430,7 @@ var Textarea = React66.forwardRef(
         setTrailingIconsWidth(0);
       }
     }, []);
-    React66.useLayoutEffect(() => {
+    React67.useLayoutEffect(() => {
       if (typeof window === "undefined" || typeof MutationObserver === "undefined") {
         measureIconWidths();
         return;
@@ -19434,10 +19459,10 @@ var Textarea = React66.forwardRef(
       measureIconWidths();
       return () => observers.forEach((o3) => o3.disconnect());
     }, [measureIconWidths, hasLeadingIcons, hasTrailingIcons]);
-    const [rowHeight, setRowHeight] = React66.useState(null);
+    const [rowHeight, setRowHeight] = React67.useState(null);
     const baseMinRows = Math.max(minRowsProp != null ? minRowsProp : 1, 1);
-    const [rows, setRows] = React66.useState(baseMinRows);
-    React66.useLayoutEffect(() => {
+    const [rows, setRows] = React67.useState(baseMinRows);
+    React67.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       const el = innerRef.current;
       if (!el) return;
@@ -19453,7 +19478,7 @@ var Textarea = React66.forwardRef(
         setRows(baseMinRows);
       }
     }, [sizeKey, densityKey, baseMinRows]);
-    const recomputeHeight = React66.useCallback(() => {
+    const recomputeHeight = React67.useCallback(() => {
       if (!autoResize) return;
       if (!innerRef.current) return;
       if (!rowHeight) return;
@@ -19475,7 +19500,7 @@ var Textarea = React66.forwardRef(
       el.style.height = `${nextHeight}px`;
       setRows(nextRows);
     }, [autoResize, rowHeight, baseMinRows, maxRows]);
-    React66.useLayoutEffect(() => {
+    React67.useLayoutEffect(() => {
       recomputeHeight();
     }, [recomputeHeight, rest.value, rest.defaultValue]);
     const { px: pxDefault, py: pyDefault } = resolveBasePadding2(size, density);
@@ -19545,19 +19570,19 @@ var Textarea = React66.forwardRef(
     const focusTextarea = () => {
       if (innerRef.current) innerRef.current.focus();
     };
-    const handleFocus = React66.useCallback(
+    const handleFocus = React67.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
       },
       [onFocus]
     );
-    const handleBlur = React66.useCallback(
+    const handleBlur = React67.useCallback(
       (event) => {
         onBlur == null ? void 0 : onBlur(event);
       },
       [onBlur]
     );
-    const handleChange = React66.useCallback(
+    const handleChange = React67.useCallback(
       (event) => {
         onChange == null ? void 0 : onChange(event);
         recomputeHeight();
@@ -19734,7 +19759,7 @@ function splitIntoTokens(raw, sep) {
   }
   return acc.map((t4) => t4.trim()).filter((t4) => t4.length > 0);
 }
-var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props, ref) {
+var ShadcnChipsVariant = React67.forwardRef(function ShadcnChipsVariant2(props, ref) {
   var _a;
   const {
     // variant base bits
@@ -19771,20 +19796,20 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     ...restTextProps
   } = props;
   const hasInvalidIncomingValue = value !== void 0 && !Array.isArray(value);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!hasInvalidIncomingValue) return;
     console.warn(
       "[form-palette] ShadcnChipsVariant expected `value` to be `string[] | undefined`; received:",
       value
     );
   }, [hasInvalidIncomingValue, value]);
-  const chips = React66.useMemo(
+  const chips = React67.useMemo(
     () => Array.isArray(value) ? value : [],
     [value]
   );
   const hasChips = chips.length > 0;
-  const [inputText, setInputText] = React66.useState("");
-  const emitChange = React66.useCallback(
+  const [inputText, setInputText] = React67.useState("");
+  const emitChange = React67.useCallback(
     (nextChips, meta) => {
       const detail = {
         source: "variant",
@@ -19799,7 +19824,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     },
     [onValue]
   );
-  const commitFromRaw = React66.useCallback(
+  const commitFromRaw = React67.useCallback(
     (raw) => {
       const tokens = splitIntoTokens(raw, separators);
       if (!tokens.length) return;
@@ -19820,7 +19845,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, separators, allowDuplicates, maxChips, emitChange, onAddChips]
   );
-  const handleRemoveAt = React66.useCallback(
+  const handleRemoveAt = React67.useCallback(
     (index) => {
       if (index < 0 || index >= chips.length) return;
       const removed = [chips[index]];
@@ -19830,7 +19855,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleClear = React66.useCallback(
+  const handleClear = React67.useCallback(
     (ev) => {
       ev == null ? void 0 : ev.preventDefault();
       ev == null ? void 0 : ev.stopPropagation();
@@ -19841,7 +19866,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleEntryChange = React66.useCallback(
+  const handleEntryChange = React67.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -19849,7 +19874,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     },
     []
   );
-  const handleEntryKeyDown = React66.useCallback(
+  const handleEntryKeyDown = React67.useCallback(
     (event) => {
       const key = event.key;
       if (key === "Enter" && addOnEnter) {
@@ -19880,7 +19905,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
       handleRemoveAt
     ]
   );
-  const handleEntryBlur = React66.useCallback(
+  const handleEntryBlur = React67.useCallback(
     (event) => {
       if (addOnBlur && inputText.trim().length) {
         commitFromRaw(inputText);
@@ -19892,10 +19917,12 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     [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 ? {
@@ -19905,7 +19932,7 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
   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__ */ jsx(React66.Fragment, { children: renderChip(chip, index, {
+      return /* @__PURE__ */ jsx(React67.Fragment, { children: renderChip(chip, index, {
         remove: () => handleRemoveAt(index),
         chips
       }) }, `${chip}-${index}`);
@@ -19954,25 +19981,69 @@ var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props,
     );
   });
   if (hiddenCount > 0) {
-    const defaultOverflow = /* @__PURE__ */ 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__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsxs(PopoverContent, { className: "p-3 w-64 max-h-60 overflow-y-auto", align: "start", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-bold text-muted-foreground uppercase tracking-wider mb-2", children: "Hidden Chips" }),
+        /* @__PURE__ */ 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__ */ jsxs(
+            "div",
+            {
+              className: cn(baseChipClasses, chipClassName, "max-w-full"),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn("truncate", chipLabelClassName),
+                    style: maxWidthStyle,
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(baseRemoveClasses, chipRemoveClassName),
+                    onClick: (e4) => {
+                      e4.preventDefault();
+                      e4.stopPropagation();
+                      handleRemoveAt(actualIndex);
+                    },
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(X, { size: 14 })
+                  }
+                )
+              ]
+            },
+            `${chip}-${actualIndex}`
+          );
+        }) })
+      ] })
+    ] });
     const node = (_a = renderOverflowChip == null ? void 0 : renderOverflowChip(hiddenCount, chips)) != null ? _a : defaultOverflow;
     chipNodes.push(
-      /* @__PURE__ */ jsx(React66.Fragment, { children: node }, "__overflow")
+      /* @__PURE__ */ jsx(React67.Fragment, { children: node }, "__overflow")
     );
   }
   const effectivePlacement = textareaMode ? placement != null ? placement : "inline" : placement != null ? placement : "inline";
@@ -20166,7 +20237,7 @@ var chipVariant = {
     tags: ["chips", "multi-select", "tags"]
   }
 };
-var ShadcnTextareaVariant = React66.forwardRef(function ShadcnTextareaVariant2(props, ref) {
+var ShadcnTextareaVariant = React67.forwardRef(function ShadcnTextareaVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -20174,7 +20245,7 @@ var ShadcnTextareaVariant = React66.forwardRef(function ShadcnTextareaVariant2(p
     // everything else goes straight to the UI Textarea
     ...rest
   } = props;
-  const handleChange = React66.useCallback(
+  const handleChange = React67.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -20269,7 +20340,7 @@ function switchThumbSize(size) {
   if (size === "lg") return "size-5";
   return "size-4";
 }
-var ShadcnToggleVariant = React66.forwardRef(function ShadcnToggleVariant2(props, _ref) {
+var ShadcnToggleVariant = React67.forwardRef(function ShadcnToggleVariant2(props, _ref) {
   const {
     // variant bits
     value,
@@ -20291,7 +20362,7 @@ var ShadcnToggleVariant = React66.forwardRef(function ShadcnToggleVariant2(props
     ...restSwitchProps
   } = props;
   const checked = !!value;
-  const handleToggle = React66.useCallback(
+  const handleToggle = React67.useCallback(
     (next) => {
       const nextVal = Boolean(next);
       const detail = {
@@ -20817,7 +20888,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     ...restGroupProps
   } = props;
   const hasError = !!error;
-  const normalized = React66.useMemo(
+  const normalized = React67.useMemo(
     () => normalizeItems(
       items != null ? items : options,
       mappers,
@@ -20848,14 +20919,14 @@ var InnerShadcnRadioVariant = (props, ref) => {
       optionTagOnClick
     ]
   );
-  const selectedString = React66.useMemo(() => {
+  const selectedString = React67.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.useCallback(
+  const handleSelect = React67.useCallback(
     (next, selectedRaw) => {
       if (!onValue || disabled) return;
       const detail = {
@@ -20869,7 +20940,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     },
     [onValue, disabled]
   );
-  const handleRadioChange = React66.useCallback(
+  const handleRadioChange = React67.useCallback(
     (raw) => {
       var _a;
       const found = normalized.find((item) => String(item.value) === raw);
@@ -21011,7 +21082,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     }
   );
 };
-var ShadcnRadioVariant = React66.forwardRef(
+var ShadcnRadioVariant = React67.forwardRef(
   InnerShadcnRadioVariant
 );
 
@@ -21271,7 +21342,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   } = props;
   const hasError = !!error;
   const isSingle = !!single;
-  const normalized = React66.useMemo(
+  const normalized = React67.useMemo(
     () => normalizeItems2(
       items != null ? items : options,
       mappers,
@@ -21374,14 +21445,14 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       }
     );
   }
-  const normalizedByValueKey = React66.useMemo(() => {
+  const normalizedByValueKey = React67.useMemo(() => {
     const lookup = /* @__PURE__ */ new Map();
     normalized.forEach((item) => {
       lookup.set(valueLookupKey(item.value), item);
     });
     return lookup;
   }, [normalized]);
-  const groupValue = React66.useMemo(() => {
+  const groupValue = React67.useMemo(() => {
     const source = asGroupValue(value);
     if (!(source == null ? void 0 : source.length)) return source;
     return source.map((entry) => {
@@ -21419,21 +21490,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     labelTextSizeClass: labelTextSize2(size),
     descriptionTextSizeClass: descriptionTextSize2(size)
   });
-  const hasAnyTristate = React66.useMemo(
+  const hasAnyTristate = React67.useMemo(
     () => normalized.some((item) => {
       var _a, _b;
       return (_b = (_a = item.tristate) != null ? _a : tristateDefault) != null ? _b : false;
     }),
     [normalized, tristateDefault]
   );
-  const findEntryIndex = React66.useCallback(
+  const findEntryIndex = React67.useCallback(
     (val) => {
       if (!groupValue) return -1;
       return groupValue.findIndex((e4) => isEqualValue2(e4.value, val));
     },
     [groupValue]
   );
-  const getEntryState = React66.useCallback(
+  const getEntryState = React67.useCallback(
     (val) => {
       const idx = findEntryIndex(val);
       if (!groupValue || idx === -1) return "none";
@@ -21441,7 +21512,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     },
     [groupValue, findEntryIndex]
   );
-  const updateGroupValue = React66.useCallback(
+  const updateGroupValue = React67.useCallback(
     (itemValue, nextInternal, effectiveTristate) => {
       if (!onValue || disabled) return;
       const currentList = groupValue ? [...groupValue] : [];
@@ -21671,7 +21742,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     }
   );
 };
-var ShadcnCheckboxVariant = React66.forwardRef(
+var ShadcnCheckboxVariant = React67.forwardRef(
   InnerShadcnCheckboxVariant
 );
 
@@ -21694,6 +21765,155 @@ var checkboxModule = {
     tags: ["checkbox", "group", "boolean", "tri-state"]
   }
 };
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive2.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive2.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__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive2.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__ */ jsx(
+        ScrollAreaPrimitive2.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.useMemo(() => {
+    return React67.forwardRef((scrollerProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive2.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.useMemo(() => {
+    return {
+      ...components,
+      Scroller
+    };
+  }, [components, Scroller]);
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive2.Root,
+    {
+      "data-slot": "scroll-area",
+      className,
+      ...rootProps,
+      style: { ...style, position: "relative" },
+      children: [
+        /* @__PURE__ */ jsx(
+          Virtuoso,
+          {
+            ...props,
+            components: combinedComponents
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, { ...scrollbarProps }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+      ]
+    }
+  );
+}
+function VirtualScrollGrid({
+  className,
+  rootProps,
+  scrollbarProps,
+  style,
+  components,
+  ...props
+}) {
+  const Scroller = React67.useMemo(() => {
+    return React67.forwardRef((scrollerProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive2.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.useMemo(() => {
+    return {
+      ...components,
+      Scroller
+    };
+  }, [components, Scroller]);
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive2.Root,
+    {
+      "data-slot": "scroll-area",
+      className,
+      ...rootProps,
+      style: { ...style, position: "relative" },
+      children: [
+        /* @__PURE__ */ jsx(
+          VirtuosoGrid,
+          {
+            ...props,
+            components: combinedComponents
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, { ...scrollbarProps }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+      ]
+    }
+  );
+}
 function normalizeOptions(opts, config) {
   return globalNormalizeOptions(opts, config);
 }
@@ -21718,7 +21938,7 @@ function triggerPadding(density) {
       return "py-1.5";
   }
 }
-var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props, _ref) {
+var ShadcnSelectVariant = React67.forwardRef(function ShadcnSelectVariant2(props, _ref) {
   var _a, _b;
   const {
     value,
@@ -21750,6 +21970,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
     clearable,
     placeholder,
     className,
+    style,
     triggerClassName,
     contentClassName,
     renderOption,
@@ -21776,9 +21997,9 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
     virtualScroll = true
   } = props;
   const isButtonMode = mode === "button";
-  const [open, setOpen] = React66.useState(false);
-  const [query, setQuery] = React66.useState("");
-  const items = React66.useMemo(
+  const [open, setOpen] = React67.useState(false);
+  const [query, setQuery] = React67.useState("");
+  const items = React67.useMemo(
     () => normalizeOptions(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -21814,7 +22035,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
     ]
   );
   const normalizedValue = value === "" || value == null ? void 0 : value;
-  const valueMap = React66.useMemo(() => {
+  const valueMap = React67.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const item of items) {
       map.set(String(item.value), item.value);
@@ -21824,7 +22045,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
   const selectedItem = normalizedValue == null ? null : (_a = items.find(
     (it) => String(it.value) === String(normalizedValue)
   )) != null ? _a : null;
-  const filteredItems = React66.useMemo(() => {
+  const filteredItems = React67.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
@@ -21836,7 +22057,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
     listMaxHeight,
     Math.max(estimatedRowHeight, filteredItems.length * estimatedRowHeight)
   );
-  const handleChange = React66.useCallback(
+  const handleChange = React67.useCallback(
     (rawKey) => {
       var _a2, _b2, _c, _d;
       if (!onValue || rawKey === "") return;
@@ -21885,7 +22106,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
     "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.useMemo(() => {
+  const ButtonModeTrigger = React67.useMemo(() => {
     if (!isButtonMode) return null;
     const selectedValue = value;
     const renderable = button != null ? button : children;
@@ -21960,8 +22181,10 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
         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__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
           hasLeadingIcons && /* @__PURE__ */ jsx(
@@ -22044,7 +22267,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
             filteredItems.length === 0 ? /* @__PURE__ */ 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__ */ jsx(
-                Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -22107,7 +22330,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
                   }
                 }
               )
-            ) : /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-auto", children: filteredItems.map((item, index) => {
+            ) : /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-60", children: /* @__PURE__ */ jsx("div", { children: filteredItems.map((item, index) => {
               var _a2, _b2;
               const optionNode = /* @__PURE__ */ jsx(
                 SelectItem,
@@ -22162,7 +22385,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
                   setQuery("");
                 }
               });
-            }) })
+            }) }) })
           )
         ] })
       ]
@@ -22175,8 +22398,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
         "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,
@@ -22206,6 +22428,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
           "div",
           {
             className: groupClassName,
+            style,
             "data-slot": "select-group",
             "data-disabled": disabled ? "true" : "false",
             children: [
@@ -22251,8 +22474,7 @@ var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props
       "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,
@@ -22310,10 +22532,10 @@ var SelectionSummary = ({
   placeholder,
   onRemoveValue
 }) => {
-  const containerRef = React66.useRef(null);
-  const [visibleCount, setVisibleCount] = React66.useState(0);
-  const [moreOpen, setMoreOpen] = React66.useState(false);
-  React66.useLayoutEffect(() => {
+  const containerRef = React67.useRef(null);
+  const [visibleCount, setVisibleCount] = React67.useState(0);
+  const [moreOpen, setMoreOpen] = React67.useState(false);
+  React67.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const computeVisibleItems = () => {
@@ -22361,7 +22583,7 @@ var SelectionSummary = ({
       ref: containerRef,
       className: "flex items-center w-full overflow-hidden whitespace-nowrap",
       children: [
-        visibleItems.map((item, index) => /* @__PURE__ */ jsxs(React66.Fragment, { children: [
+        visibleItems.map((item, index) => /* @__PURE__ */ jsxs(React67.Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "truncate flex-shrink-0", children: item.labelNode }),
           index < visibleItems.length - 1 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mr-1", children: "," })
         ] }, item.key)),
@@ -22442,7 +22664,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);
@@ -22468,7 +22690,7 @@ function triggerPadding2(density) {
       return "py-1.5";
   }
 }
-var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
+var ShadcnMultiSelectVariant = React67.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
   var _a;
   const {
     value,
@@ -22531,9 +22753,9 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
     selectedBadgeClassName,
     selectedBadgePlacement = "end"
   } = props;
-  const [open, setOpen] = React66.useState(false);
-  const [query, setQuery] = React66.useState("");
-  const { items, keyedItems } = React66.useMemo(() => {
+  const [open, setOpen] = React67.useState(false);
+  const [query, setQuery] = React67.useState("");
+  const { items, keyedItems } = React67.useMemo(() => {
     const items2 = normalizeOptions2(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -22568,24 +22790,24 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
     optionTagBgColor,
     optionTagOnClick
   ]);
-  const selectedValues = React66.useMemo(
+  const selectedValues = React67.useMemo(
     () => new Set(value != null ? value : []),
     [value]
   );
-  const selectedItems = React66.useMemo(
+  const selectedItems = React67.useMemo(
     () => items.filter((it) => selectedValues.has(it.value)),
     [items, selectedValues]
   );
-  const filteredItems = React66.useMemo(() => {
+  const filteredItems = React67.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
   }, [items, query]);
-  const selectableItems = React66.useMemo(
+  const selectableItems = React67.useMemo(
     () => items.filter((it) => !it.disabled),
     [items]
   );
-  const allSelectableValues = React66.useMemo(
+  const allSelectableValues = React67.useMemo(
     () => new Set(selectableItems.map((it) => it.value)),
     [selectableItems]
   );
@@ -22605,7 +22827,7 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
       filteredItems.length * estimatedRowHeight + headerHeight + footerHeight
     )
   );
-  const handleToggleValue = React66.useCallback(
+  const handleToggleValue = React67.useCallback(
     (primitive) => {
       if (!onValue || disabled || readOnly) return;
       const current = value != null ? value : [];
@@ -22639,7 +22861,7 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
     },
     [onValue, value, disabled, readOnly, keyedItems]
   );
-  const handleSelectAll = React66.useCallback(() => {
+  const handleSelectAll = React67.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const current = value != null ? value : [];
     const allSelectableArr = Array.from(allSelectableValues);
@@ -22680,7 +22902,7 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
     selectedValues,
     keyedItems
   ]);
-  const handleClearAll = React66.useCallback(() => {
+  const handleClearAll = React67.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const detail = {
       source: "variant",
@@ -22732,7 +22954,7 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
   const hasLeadingControl = !!leadingControl;
   const hasTrailingControl = !!trailingControl;
   const hasControls = hasLeadingControl || hasTrailingControl;
-  const makeCheckboxNode = React66.useCallback(
+  const makeCheckboxNode = React67.useCallback(
     (opts) => {
       if (renderCheckbox) {
         return renderCheckbox(opts);
@@ -22828,7 +23050,7 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
       ] })
     }
   );
-  const ButtonModeTrigger = React66.useMemo(() => {
+  const ButtonModeTrigger = React67.useMemo(() => {
     if (mode !== "button") return null;
     const selectedCount = selectedItems.length;
     const content = (() => {
@@ -22933,7 +23155,7 @@ var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVari
                 }
               ) }),
               /* @__PURE__ */ jsx("div", { className: "py-1", children: /* @__PURE__ */ jsx(
-                Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -23197,7 +23419,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React66.useMemo(
+  const _values = React67.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -23276,7 +23498,7 @@ function clampToRange(v2, min2, max2) {
   if (v2 > max2) return max2;
   return v2;
 }
-var ShadcnSliderVariant = React66.forwardRef(function ShadcnSliderVariant2(props, _ref) {
+var ShadcnSliderVariant = React67.forwardRef(function ShadcnSliderVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23315,7 +23537,7 @@ var ShadcnSliderVariant = React66.forwardRef(function ShadcnSliderVariant2(props
   } = props;
   const numericValue = typeof value === "number" ? value : min2;
   const isDisabled = !!(disabled || readOnly);
-  const handleChange = React66.useCallback(
+  const handleChange = React67.useCallback(
     (vals) => {
       if (!onValue) return;
       const next = clampToRange(vals[0], min2, max2);
@@ -23330,7 +23552,7 @@ var ShadcnSliderVariant = React66.forwardRef(function ShadcnSliderVariant2(props
     [onValue, min2, max2]
   );
   const stepAmount = controlStep != null ? controlStep : step;
-  const applyStep = React66.useCallback(
+  const applyStep = React67.useCallback(
     (direction) => {
       if (!onValue || isDisabled) return;
       const current = typeof value === "number" ? value : min2;
@@ -23788,7 +24010,7 @@ function getGapPx(el) {
   const g2 = cs.columnGap && cs.columnGap !== "normal" ? cs.columnGap : cs.gap;
   return parsePx(g2);
 }
-var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
+var ShadcnKeyValueVariant = React67.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23813,14 +24035,14 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
     renderChip
   } = props;
   const isDisabled = disabled || readOnly;
-  const items = React66.useMemo(() => mapToItems(value), [value]);
-  const [dialogOpen, setDialogOpen] = React66.useState(false);
-  const [editingIndex, setEditingIndex] = React66.useState(null);
-  const [draft, setDraft] = React66.useState({ key: "", value: "" });
+  const items = React67.useMemo(() => mapToItems(value), [value]);
+  const [dialogOpen, setDialogOpen] = React67.useState(false);
+  const [editingIndex, setEditingIndex] = React67.useState(null);
+  const [draft, setDraft] = React67.useState({ key: "", value: "" });
   const canAdd = items.length < max2;
   const canDelete = items.length > min2;
   const hasItems = items.length > 0;
-  const commitItems = React66.useCallback(
+  const commitItems = React67.useCallback(
     (next, meta) => {
       if (!onValue) return;
       const nextMap = itemsToMap(next);
@@ -23834,13 +24056,13 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [onValue]
   );
-  const openForNew = React66.useCallback(() => {
+  const openForNew = React67.useCallback(() => {
     if (isDisabled || !canAdd) return;
     setEditingIndex(null);
     setDraft({ key: "", value: "" });
     setDialogOpen(true);
   }, [isDisabled, canAdd]);
-  const openForEdit = React66.useCallback(
+  const openForEdit = React67.useCallback(
     (index) => {
       if (isDisabled) return;
       const item = items[index];
@@ -23851,7 +24073,7 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [isDisabled, items]
   );
-  const handleDelete = React66.useCallback(() => {
+  const handleDelete = React67.useCallback(() => {
     if (editingIndex == null) return;
     if (!canDelete) return;
     const next = items.slice();
@@ -23862,7 +24084,7 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
       index: editingIndex
     });
   }, [editingIndex, items, canDelete, commitItems]);
-  const handleSubmit = React66.useCallback(() => {
+  const handleSubmit = React67.useCallback(() => {
     const trimmedKey = draft.key.trim();
     const trimmedValue = draft.value;
     if (!trimmedKey) return;
@@ -23884,7 +24106,7 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
       index: editingIndex != null ? editingIndex : next.length - 1
     });
   }, [draft, items, editingIndex, canAdd, commitItems]);
-  const handleQuickRemove = React66.useCallback(
+  const handleQuickRemove = React67.useCallback(
     (index) => {
       if (isDisabled || !canDelete) return;
       const next = items.slice();
@@ -23893,21 +24115,21 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [isDisabled, canDelete, items, commitItems]
   );
-  const [listOpen, setListOpen] = React66.useState(false);
-  const openList = React66.useCallback(() => {
+  const [listOpen, setListOpen] = React67.useState(false);
+  const openList = React67.useCallback(() => {
     if (isDisabled) return;
     setListOpen(true);
   }, [isDisabled]);
-  const wrapRef = React66.useRef(null);
-  const leftRef = React66.useRef(null);
-  const moreMeasureRef = React66.useRef(null);
-  const chipRefs = React66.useRef([]);
+  const wrapRef = React67.useRef(null);
+  const leftRef = React67.useRef(null);
+  const moreMeasureRef = React67.useRef(null);
+  const chipRefs = React67.useRef([]);
   chipRefs.current = items.map((_2, i3) => {
     var _a;
     return (_a = chipRefs.current[i3]) != null ? _a : null;
   });
-  const [visibleCount, setVisibleCount] = React66.useState(() => items.length);
-  const recomputeVisible = React66.useCallback(() => {
+  const [visibleCount, setVisibleCount] = React67.useState(() => items.length);
+  const recomputeVisible = React67.useCallback(() => {
     var _a, _b;
     const leftEl = leftRef.current;
     if (!leftEl) {
@@ -23956,10 +24178,10 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
     }
     setVisibleCount(best);
   }, [items.length]);
-  React66.useLayoutEffect(() => {
+  React67.useLayoutEffect(() => {
     recomputeVisible();
   }, [recomputeVisible, items, size, density, showValue]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const el = leftRef.current;
     if (!el) return;
     const ro = new ResizeObserver(() => recomputeVisible());
@@ -24166,7 +24388,7 @@ var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(p
               }
             )
           ] }),
-          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border/50 px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto rounded-md border border-border/50", children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: items.map((pair, index) => /* @__PURE__ */ jsxs(
+          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border/50 px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-64 rounded-md border border-border/50", children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: items.map((pair, index) => /* @__PURE__ */ jsxs(
             "div",
             {
               className: "flex items-center justify-between gap-2 px-2 py-1.5",
@@ -24349,7 +24571,7 @@ var keyValueModule = {
     label: ""
   }
 };
-var ShadcnCustomVariant = React66.forwardRef(function ShadcnCustomVariant2(props, ref) {
+var ShadcnCustomVariant = React67.forwardRef(function ShadcnCustomVariant2(props, ref) {
   const {
     // Variant base props we care about:
     value,
@@ -24385,7 +24607,7 @@ var ShadcnCustomVariant = React66.forwardRef(function ShadcnCustomVariant2(props
   }
   const isDisabled = !!disabled;
   const isReadOnly = !!readOnly;
-  const handleChange = React66.useCallback(
+  const handleChange = React67.useCallback(
     (...args) => {
       var _a;
       if (!onValue) return;
@@ -24490,7 +24712,7 @@ function triggerHeight3(size) {
       return "min-h-9 text-sm";
   }
 }
-var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
+var ShadcnTreeSelectVariant = React67.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -24550,14 +24772,14 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
     selectedBadgeClassName,
     selectedBadgePlacement = "corner"
   } = props;
-  const [open, setOpen] = React66.useState(false);
-  const [query, setQuery] = React66.useState("");
+  const [open, setOpen] = React67.useState(false);
+  const [query, setQuery] = React67.useState("");
   const isDisabled = disabled || readOnly;
-  const d = React66.useMemo(
+  const d = React67.useMemo(
     () => densityClasses(density),
     [density]
   );
-  const tree = React66.useMemo(
+  const tree = React67.useMemo(
     () => normalizeTree(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -24592,8 +24814,8 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
       optionTagOnClick
     ]
   );
-  const allNodesFlat = React66.useMemo(() => flattenTree(tree), [tree]);
-  const computedInitialExpanded = React66.useMemo(() => {
+  const allNodesFlat = React67.useMemo(() => flattenTree(tree), [tree]);
+  const computedInitialExpanded = React67.useMemo(() => {
     if (expandAll) {
       return new Set(
         allNodesFlat.filter((n3) => n3.hasChildren).map((n3) => n3.value)
@@ -24604,13 +24826,13 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
     }
     return /* @__PURE__ */ new Set();
   }, [expandAll, defaultExpandedValues, allNodesFlat]);
-  const [expanded, setExpanded] = React66.useState(
+  const [expanded, setExpanded] = React67.useState(
     computedInitialExpanded
   );
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     setExpanded(computedInitialExpanded);
   }, [computedInitialExpanded]);
-  const toggleExpanded = React66.useCallback((key) => {
+  const toggleExpanded = React67.useCallback((key) => {
     setExpanded((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -24618,7 +24840,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
       return next;
     });
   }, []);
-  const displayedNodes = React66.useMemo(() => {
+  const displayedNodes = React67.useMemo(() => {
     if (query) {
       const q2 = query.toLowerCase();
       const matchSet = /* @__PURE__ */ new Set();
@@ -24652,19 +24874,19 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
       displayedNodes.length * estimatedRowHeight
     )
   );
-  const selectedValues = React66.useMemo(() => {
+  const selectedValues = React67.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.useMemo(
+  const selectedItems = React67.useMemo(
     () => allNodesFlat.filter((node) => selectedValues.includes(node.value)),
     [allNodesFlat, selectedValues]
   );
   const selectedCount = selectedItems.length;
-  const handleToggleValue = React66.useCallback(
+  const handleToggleValue = React67.useCallback(
     (item) => {
       if (isDisabled) return;
       if (leafOnly && item.hasChildren) {
@@ -24707,7 +24929,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
       allNodesFlat
     ]
   );
-  const handleClear = React66.useCallback(() => {
+  const handleClear = React67.useCallback(() => {
     if (!onValue) return;
     const detail = {
       source: "variant",
@@ -24758,12 +24980,12 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
     ) });
   };
   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__ */ jsx(
     "button",
@@ -24773,7 +24995,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
       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__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: [
@@ -24815,7 +25037,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
       ] })
     }
   );
-  const ButtonModeTrigger = React66.useMemo(() => {
+  const ButtonModeTrigger = React67.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;
@@ -24845,7 +25067,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
         badgeEl
       ] });
     };
-    if (React66.isValidElement(triggerNode)) {
+    if (React67.isValidElement(triggerNode)) {
       return wrapWithBadge(triggerNode);
     }
     return wrapWithBadge(
@@ -24879,7 +25101,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
     emptyLabel && tree.length === 0 && !query && /* @__PURE__ */ jsx("div", { className: "px-4 py-3 text-sm text-center text-muted-foreground", children: emptyLabel }),
     tree.length > 0 && displayedNodes.length === 0 && /* @__PURE__ */ 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__ */ jsx(
-      Virtuoso,
+      VirtualScroll,
       {
         style: { height: listHeight },
         data: displayedNodes,
@@ -24974,7 +25196,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
           );
           const renderer = (_b = item.render) != null ? _b : renderOption;
           if (!renderer) {
-            return /* @__PURE__ */ jsx(React66.Fragment, { children: optionNode }, item.key);
+            return /* @__PURE__ */ jsx(React67.Fragment, { children: optionNode }, item.key);
           }
           const rendered = renderer({
             item,
@@ -24985,7 +25207,7 @@ var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVarian
               if (!item.disabled) handleToggleValue(item);
             }
           });
-          return /* @__PURE__ */ jsx(React66.Fragment, { children: rendered }, item.key);
+          return /* @__PURE__ */ jsx(React67.Fragment, { children: rendered }, item.key);
         }
       }
     )
@@ -25102,62 +25324,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__ */ jsxs(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.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__ */ jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ScrollAreaPrimitive.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__ */ jsx(
-        ScrollAreaPrimitive.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
-        }
-      )
-    }
-  );
-}
 function fileId() {
   return `file_${Math.random().toString(36).slice(2)}`;
 }
@@ -25310,8 +25498,8 @@ function mergeHandlers(a3, b2) {
   };
 }
 var FileThumbnail = ({ item }) => {
-  const [preview, setPreview] = React66.useState(null);
-  React66.useEffect(() => {
+  const [preview, setPreview] = React67.useState(null);
+  React67.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;
@@ -25333,7 +25521,7 @@ var FileThumbnail = ({ item }) => {
     }
   ) : /* @__PURE__ */ jsx(File2, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, ref) {
+var ShadcnFileVariant = React67.forwardRef(function ShadcnFileVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -25387,18 +25575,18 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
   } = props;
   const joinControls = mode === "default" ? joinControlsProp != null ? joinControlsProp : true : false;
   const extendBoxToControls = mode === "default" ? extendBoxToControlsProp != null ? extendBoxToControlsProp : true : false;
-  const items = React66.useMemo(() => {
+  const items = React67.useMemo(() => {
     var _a;
     const raw = (_a = toArray(value)) != null ? _a : [];
     return raw.map(normaliseFileLike);
   }, [value]);
   const isDisabled = Boolean(disabled || readOnly);
-  const [dragOver, setDragOver] = React66.useState(false);
-  const [selectedIds, setSelectedIds] = React66.useState(
+  const [dragOver, setDragOver] = React67.useState(false);
+  const [selectedIds, setSelectedIds] = React67.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const [popoverOpen, setPopoverOpen] = React66.useState(false);
-  const fileInputRef = React66.useRef(null);
+  const [popoverOpen, setPopoverOpen] = React67.useState(false);
+  const fileInputRef = React67.useRef(null);
   const den = densityTokens(density);
   const heightCls = triggerHeight4(size);
   const chipHeightCls = chipHeight(size);
@@ -25407,7 +25595,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
   const COLLAPSE_LIMIT = 2;
-  const emitChange = React66.useCallback(
+  const emitChange = React67.useCallback(
     (nextItems, meta) => {
       var _a;
       const nextValues = nextItems.map(fileItemToValue);
@@ -25421,7 +25609,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     },
     [multiple, onValue]
   );
-  const handleAddItems = React66.useCallback(
+  const handleAddItems = React67.useCallback(
     (incoming, from) => {
       if (isDisabled) return;
       let next = multiple ? [...items] : [];
@@ -25458,7 +25646,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
       onFilesAdded
     ]
   );
-  const handleRemove = React66.useCallback(
+  const handleRemove = React67.useCallback(
     (id) => {
       const next = items.filter((i3) => i3.id !== id);
       emitChange(next, { action: "remove", id });
@@ -25470,7 +25658,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     },
     [emitChange, items, selectedIds]
   );
-  const handleBulkRemove = React66.useCallback(() => {
+  const handleBulkRemove = React67.useCallback(() => {
     const next = items.filter((i3) => !selectedIds.has(i3.id));
     emitChange(next, {
       action: "bulk-remove",
@@ -25478,7 +25666,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     });
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [emitChange, items, selectedIds]);
-  const openPicker = React66.useCallback(async () => {
+  const openPicker = React67.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     let resolvedLoader = customLoader != null ? customLoader : custom && getPaletteUtil("customLoader");
@@ -25517,14 +25705,14 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     mergeMode,
     multiple
   ]);
-  const onDragOver = React66.useCallback(
+  const onDragOver = React67.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React66.useCallback(
+  const onDrop = React67.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -25542,15 +25730,15 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     }
     e4.target.value = "";
   };
-  const FileChip = React66.useCallback(
+  const FileChip = React67.useCallback(
     ({
       item,
       condensed = false
     }) => {
       const name = formatFileName ? formatFileName(item) : item.name;
-      const [preview, setPreview] = React66.useState(null);
-      const [isOpen, setIsOpen] = React66.useState(false);
-      React66.useEffect(() => {
+      const [preview, setPreview] = React67.useState(null);
+      const [isOpen, setIsOpen] = React67.useState(false);
+      React67.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) {
@@ -25657,7 +25845,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     ]
   );
   const selectedCount = items.length;
-  const resolveButtonTriggerElement = React66.useCallback(() => {
+  const resolveButtonTriggerElement = React67.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items,
@@ -25687,7 +25875,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React66.cloneElement(el, {
+        return React67.cloneElement(el, {
           className: nextClass,
           children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("span", { className: "min-w-0", children: child }),
@@ -25695,7 +25883,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
           ] })
         });
       }
-      return React66.cloneElement(el, {
+      return React67.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -25703,7 +25891,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
         ] })
       });
     };
-    const withDnD = (el) => React66.cloneElement(el, {
+    const withDnD = (el) => React67.cloneElement(el, {
       onDragOver: mergeHandlers(
         el.props.onDragOver,
         onDragOver
@@ -25714,7 +25902,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
       ),
       onDrop: mergeHandlers(el.props.onDrop, onDrop)
     });
-    if (React66.isValidElement(rawNode)) {
+    if (React67.isValidElement(rawNode)) {
       return withDnD(injectBadgeIntoElement(rawNode));
     }
     const fallback = /* @__PURE__ */ jsxs(
@@ -25770,7 +25958,7 @@ var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, re
     selectedCount,
     triggerClassName
   ]);
-  const TriggerRegion = React66.useMemo(() => {
+  const TriggerRegion = React67.useMemo(() => {
     if (showDropArea) {
       if (renderDropArea)
         return renderDropArea({ openPicker, isDragging: dragOver });
@@ -26230,7 +26418,7 @@ var toggleVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React66.createContext({
+var ToggleGroupContext = React67.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -26267,7 +26455,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React66.useContext(ToggleGroupContext);
+  const context = React67.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -26458,7 +26646,7 @@ function normalizeOption(input, {
     raw: input
   };
 }
-var ShadcnToggleVariant3 = React66.forwardRef(function ShadcnToggleVariant4(props, ref) {
+var ShadcnToggleVariant3 = React67.forwardRef(function ShadcnToggleVariant4(props, ref) {
   const {
     value,
     onValue,
@@ -26495,7 +26683,7 @@ var ShadcnToggleVariant3 = React66.forwardRef(function ShadcnToggleVariant4(prop
   const isDisabled = Boolean(disabled || readOnly);
   const toggleSize = mapSizeToToggleSize(size);
   const currentValue = normalizeValue(value, multiple);
-  const normalizedOptions = React66.useMemo(
+  const normalizedOptions = React67.useMemo(
     () => options.map(
       (opt) => normalizeOption(
         opt,
@@ -26535,7 +26723,7 @@ var ShadcnToggleVariant3 = React66.forwardRef(function ShadcnToggleVariant4(prop
       autoCap
     ]
   );
-  const handleChange = React66.useCallback(
+  const handleChange = React67.useCallback(
     (val) => {
       if (readOnly) return;
       if (!onValue) return;
@@ -26572,7 +26760,7 @@ var ShadcnToggleVariant3 = React66.forwardRef(function ShadcnToggleVariant4(prop
     fullWidth && layout === "vertical" && "[&>*]:w-full",
     className
   );
-  const groupStyle = React66.useMemo(() => {
+  const groupStyle = React67.useMemo(() => {
     const style = {};
     if (layout === "grid") {
       style.gridTemplateColumns = `repeat(${gridCols}, minmax(0, 1fr))`;
@@ -26713,29 +26901,29 @@ function ShadcnEditorVariant(props) {
     theme = "auto",
     themeTarget = "nearest"
   } = props;
-  const mountRef = React66.useRef(null);
-  const editorRef = React66.useRef(null);
-  const formatRef = React66.useRef(format2);
-  const onValueRef = React66.useRef(onValue);
-  const syncingRef = React66.useRef(false);
-  const loadedRef = React66.useRef(false);
-  const lastContentRef = React66.useRef(value != null ? value : "");
-  const [autoDark, setAutoDark] = React66.useState(false);
+  const mountRef = React67.useRef(null);
+  const editorRef = React67.useRef(null);
+  const formatRef = React67.useRef(format2);
+  const onValueRef = React67.useRef(onValue);
+  const syncingRef = React67.useRef(false);
+  const loadedRef = React67.useRef(false);
+  const lastContentRef = React67.useRef(value != null ? value : "");
+  const [autoDark, setAutoDark] = React67.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.useCallback((ed) => {
+  const readContent = React67.useCallback((ed) => {
     var _a, _b;
     return formatRef.current === "markdown" ? (_a = ed.getMarkdown()) != null ? _a : "" : (_b = ed.getHTML()) != null ? _b : "";
   }, []);
-  const emit = React66.useCallback((next) => {
+  const emit = React67.useCallback((next) => {
     var _a;
     const detail = { source: "user", raw: next };
     (_a = onValueRef.current) == null ? void 0 : _a.call(onValueRef, next, detail);
   }, []);
-  const structuralKey = React66.useMemo(() => {
+  const structuralKey = React67.useMemo(() => {
     const hideModeSwitch = toolbar === "none" || pastePlainText;
     return JSON.stringify({
       toolbar,
@@ -26744,7 +26932,7 @@ function ShadcnEditorVariant(props) {
       effectiveTheme
     });
   }, [toolbar, useCommandShortcut, pastePlainText, effectiveTheme]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (theme !== "auto") return;
     if (typeof document === "undefined") return;
     const host = mountRef.current;
@@ -26769,7 +26957,7 @@ function ShadcnEditorVariant(props) {
     }
     return () => observer.disconnect();
   }, [theme, themeTarget]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     var _a;
     const el = mountRef.current;
     if (!el) return;
@@ -26840,29 +27028,29 @@ function ShadcnEditorVariant(props) {
       editorRef.current = null;
     };
   }, [structuralKey]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setHeight === "function") ed.setHeight(height);
   }, [height]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setPlaceholder === "function")
       ed.setPlaceholder(placeholder);
   }, [placeholder]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changeMode === "function") ed.changeMode(editType);
   }, [editType]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changePreviewStyle === "function")
       ed.changePreviewStyle(previewStyle);
   }, [previewStyle]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     var _a, _b, _c, _d;
     const ed = editorRef.current;
     if (!ed) return;
@@ -26880,7 +27068,7 @@ function ShadcnEditorVariant(props) {
       syncingRef.current = false;
     });
   }, [value, format2]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!pastePlainText) return;
     const host = mountRef.current;
     if (!host) return;
@@ -27384,10 +27572,10 @@ function JsonEditorMain(props) {
     className,
     contentClassName
   } = props;
-  const directChildPaths = React66.useMemo(() => {
+  const directChildPaths = React67.useMemo(() => {
     return getDirectChildPaths(route, allPaths);
   }, [route, allPaths]);
-  const rows = React66.useMemo(() => {
+  const rows = React67.useMemo(() => {
     return resolveLayoutForParent({
       parent: route,
       childPaths: directChildPaths,
@@ -27395,7 +27583,7 @@ function JsonEditorMain(props) {
       filters
     });
   }, [route, directChildPaths, layout, filters]);
-  const effectiveRows = React66.useMemo(() => {
+  const effectiveRows = React67.useMemo(() => {
     const hasAny = rows.some((r5) => {
       var _a;
       return (_a = r5.fields) == null ? void 0 : _a.length;
@@ -28571,7 +28759,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.useCallback(async () => {
+  const onCopy = React67.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(
         JSON.stringify(root != null ? root : {}, null, 2)
@@ -28665,17 +28853,17 @@ function collectAllPaths(value, prefix = "", out = []) {
 }
 function useControllable(opts) {
   const { value, defaultValue, onChange } = opts;
-  const [inner, setInner] = React66.useState(defaultValue);
+  const [inner, setInner] = React67.useState(defaultValue);
   const isControlled = value !== void 0;
   const state = isControlled ? value : inner;
-  const setState = React66.useCallback(
+  const setState = React67.useCallback(
     (next) => {
       if (!isControlled) setInner(next);
       onChange == null ? void 0 : onChange(next);
     },
     [isControlled, onChange]
   );
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!isControlled) return;
     setInner(value);
   }, [isControlled]);
@@ -28690,7 +28878,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.forwardRef(function JsonEditorEditor(props, ref) {
+var JsonEditor = React67.forwardRef(function JsonEditorEditor(props, ref) {
   var _a, _b;
   const {
     root,
@@ -28720,16 +28908,16 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
   } = 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.useMemo(
+  const routes = React67.useMemo(
     () => buildJsonRoutes(root, void 0, filters),
     [root, filters]
   );
-  const allPaths = React66.useMemo(() => {
+  const allPaths = React67.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.useMemo(() => {
+  const computedInitialRoute = React67.useMemo(() => {
     var _a2, _b2;
     const explicit = routeProp != null ? routeProp : defaultRoute;
     if (explicit !== void 0) return explicit;
@@ -28745,25 +28933,25 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     defaultValue: defaultViewMode,
     onChange: onViewModeChange
   });
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!canViewRaw && (viewMode === "raw" || viewMode === "split")) {
       setViewMode("visual");
     }
   }, [canViewRaw, setViewMode, viewMode]);
-  const fileInputRef = React66.useRef(null);
-  const contentRef = React66.useRef(null);
-  const [rawWidth, setRawWidth] = React66.useState(420);
-  const [isResizing, setIsResizing] = React66.useState(false);
-  const startXRef = React66.useRef(0);
-  const startWRef = React66.useRef(0);
-  const clampRawWidth = React66.useCallback((w2) => {
+  const fileInputRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const [rawWidth, setRawWidth] = React67.useState(420);
+  const [isResizing, setIsResizing] = React67.useState(false);
+  const startXRef = React67.useRef(0);
+  const startWRef = React67.useRef(0);
+  const clampRawWidth = React67.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.useCallback(
+  const onResizePointerDown = React67.useCallback(
     (e4) => {
       if (e4.button !== 0 && e4.pointerType === "mouse") return;
       setIsResizing(true);
@@ -28775,7 +28963,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [rawWidth]
   );
-  const onResizePointerMove = React66.useCallback(
+  const onResizePointerMove = React67.useCallback(
     (e4) => {
       if (!isResizing) return;
       const dx = e4.clientX - startXRef.current;
@@ -28784,7 +28972,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [clampRawWidth, isResizing]
   );
-  const stopResizing = React66.useCallback(
+  const stopResizing = React67.useCallback(
     (e4) => {
       if (!isResizing) return;
       setIsResizing(false);
@@ -28795,14 +28983,14 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [isResizing]
   );
-  const loadFile = React66.useCallback(() => {
+  const loadFile = React67.useCallback(() => {
     var _a2;
     (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, []);
-  const close = React66.useCallback(() => {
+  const close = React67.useCallback(() => {
     onClose == null ? void 0 : onClose();
   }, [onClose]);
-  const onFilePicked = React66.useCallback(
+  const onFilePicked = React67.useCallback(
     async (e4) => {
       var _a2;
       const file = (_a2 = e4.target.files) == null ? void 0 : _a2[0];
@@ -28822,7 +29010,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [callbacks, onRoot, route]
   );
-  const breadcrumb = React66.useMemo(() => {
+  const breadcrumb = React67.useMemo(() => {
     const segs = splitPath(route);
     const parts = [];
     const rootNode = {
@@ -28849,7 +29037,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
       }) : prettifyLabel2(s3);
       parts.push({ path: acc, label });
     }
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: parts.map((p2, idx) => /* @__PURE__ */ jsxs(React66.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: parts.map((p2, idx) => /* @__PURE__ */ jsxs(React67.Fragment, { children: [
       /* @__PURE__ */ jsx(
         Button2,
         {
@@ -28864,7 +29052,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
       idx < parts.length - 1 ? /* @__PURE__ */ jsx("span", { className: "opacity-60", children: "/" }) : null
     ] }, p2.path || "root")) });
   }, [route, routes, renderRouteLabel, setRoute]);
-  const routeTitle = React66.useMemo(() => {
+  const routeTitle = React67.useMemo(() => {
     if (!route) return "Config.json";
     const key = lastSegment(route);
     if (renderRouteLabel) {
@@ -28880,7 +29068,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     }
     return prettifyLabel2(key);
   }, [route, renderRouteLabel]);
-  const viewControls = React66.useMemo(() => {
+  const viewControls = React67.useMemo(() => {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
       /* @__PURE__ */ jsxs(
         Button2,
@@ -28923,7 +29111,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
       ) : null
     ] });
   }, [canViewRaw, setViewMode, viewMode]);
-  const header = React66.useMemo(() => {
+  const header = React67.useMemo(() => {
     const ctx = {
       title: /* @__PURE__ */ jsx("div", { className: "min-w-0 flex items-center gap-2", children: /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: headerTitle != null ? headerTitle : "JSON Editor" }) }),
       viewControls,
@@ -28975,7 +29163,7 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     showClose,
     viewControls
   ]);
-  const onVisualRoot = React66.useCallback(
+  const onVisualRoot = React67.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       const d = detail;
@@ -28987,14 +29175,14 @@ var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [callbacks, onRoot, route]
   );
-  const onRawRoot = React66.useCallback(
+  const onRawRoot = React67.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       callCallbacks(callbacks, "edit-raw", nextRoot, { route, path: "" });
     },
     [callbacks, onRoot, route]
   );
-  React66.useImperativeHandle(
+  React67.useImperativeHandle(
     ref,
     () => ({
       loadFile,
@@ -29116,7 +29304,7 @@ function triggerHeightCls(size) {
       return "h-9 text-sm";
   }
 }
-var ShadcnJsonEditorVariant = React66.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
+var ShadcnJsonEditorVariant = React67.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
   var _a;
   const {
     mode = "popover",
@@ -29163,15 +29351,15 @@ var ShadcnJsonEditorVariant = React66.forwardRef(function ShadcnJsonEditorVarian
     extendBoxToControls = true,
     triggerClassName
   } = props;
-  const editorRef = React66.useRef(null);
-  const root = React66.useMemo(() => {
+  const editorRef = React67.useRef(null);
+  const root = React67.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.useCallback(
+  const emitRoot = React67.useCallback(
     (nextRoot, detail) => {
       var _a2, _b;
       if ("onRoot" in props) {
@@ -29182,9 +29370,9 @@ var ShadcnJsonEditorVariant = React66.forwardRef(function ShadcnJsonEditorVarian
     },
     [props]
   );
-  const [openInner, setOpenInner] = React66.useState(false);
+  const [openInner, setOpenInner] = React67.useState(false);
   const open = openProp != null ? openProp : openInner;
-  const setOpen = React66.useCallback(
+  const setOpen = React67.useCallback(
     (next) => {
       if (openProp === void 0) setOpenInner(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
@@ -29192,11 +29380,11 @@ var ShadcnJsonEditorVariant = React66.forwardRef(function ShadcnJsonEditorVarian
     },
     [openProp, onOpenChange, onClose]
   );
-  const close = React66.useCallback(() => setOpen(false), [setOpen]);
-  const doOpen = React66.useCallback(() => setOpen(true), [setOpen]);
-  const toggle = React66.useCallback(() => setOpen(!open), [setOpen, open]);
-  const [expanded, setExpanded] = React66.useState();
-  React66.useImperativeHandle(
+  const close = React67.useCallback(() => setOpen(false), [setOpen]);
+  const doOpen = React67.useCallback(() => setOpen(true), [setOpen]);
+  const toggle = React67.useCallback(() => setOpen(!open), [setOpen, open]);
+  const [expanded, setExpanded] = React67.useState();
+  React67.useImperativeHandle(
     ref,
     () => ({
       open: doOpen,
@@ -30593,19 +30781,19 @@ function createListerRuntime(opts) {
     selectors
   };
 }
-var ListerContext = React66.createContext(
+var ListerContext = React67.createContext(
   null
 );
 function ListerProvider({
   children,
   ...opts
 }) {
-  const runtimeRef = React66.useRef(null);
-  const [, forceUpdate] = React66.useReducer((x2) => x2 + 1, 0);
+  const runtimeRef = React67.useRef(null);
+  const [, forceUpdate] = React67.useReducer((x2) => x2 + 1, 0);
   if (!runtimeRef.current) {
     runtimeRef.current = createListerRuntime(opts);
   }
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const runtime = runtimeRef.current;
     if (!runtime) return;
     const unsub = runtime.subscribe(() => {
@@ -30616,7 +30804,7 @@ function ListerProvider({
   return /* @__PURE__ */ jsx(ListerContext.Provider, { value: runtimeRef.current, children });
 }
 function useListerRuntime() {
-  const ctx = React66.useContext(ListerContext);
+  const ctx = React67.useContext(ListerContext);
   if (!ctx)
     throw new Error(
       "useListerRuntime must be used within <ListerProvider>"
@@ -30653,14 +30841,14 @@ function ListerFiltersButton(props) {
   const hasFilters = options.length > 0;
   if (!hasFilters) return null;
   const ctx = actions.getFilterCtx(id);
-  const [openGroups, setOpenGroups] = React66.useState(
+  const [openGroups, setOpenGroups] = React67.useState(
     {}
   );
   const toggleGroup = (key) => {
     setOpenGroups((m2) => ({ ...m2, [key]: !m2[key] }));
   };
   const selectedIds = asArray(session == null ? void 0 : session.selectedFilterValues);
-  const appliedCount = React66.useMemo(() => {
+  const appliedCount = React67.useMemo(() => {
     var _a2;
     const patch = (_a2 = session == null ? void 0 : session.filtersPatch) != null ? _a2 : {};
     return Object.keys(patch).length;
@@ -31171,7 +31359,7 @@ function normalizeIconifyInput(icon) {
 }
 function OptionIcon(props) {
   const { icon, className } = props;
-  if (React66.isValidElement(icon)) {
+  if (React67.isValidElement(icon)) {
     return /* @__PURE__ */ jsx("span", { className: cn("shrink-0", className), children: icon });
   }
   if (isSvgSnippetString(icon)) {
@@ -31224,7 +31412,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.useCallback(
+  const isSelected = React67.useCallback(
     (value) => {
       if (isMulti) return Array.isArray(draft) && draft.includes(value);
       return draft === value;
@@ -31232,19 +31420,19 @@ function OptionList(props) {
     [draft, isMulti]
   );
   if (s3 == null ? void 0 : s3.errorCode) {
-    return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-4 text-sm opacity-70", children: [
+    return /* @__PURE__ */ jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ 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__ */ jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "Loading\u2026" }) });
+    return /* @__PURE__ */ jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "Loading\u2026" }) });
   }
   if (!options.length) {
-    return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "No results" }) });
+    return /* @__PURE__ */ jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "No results" }) });
   }
   return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-hidden", className), children: /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 p-1", children: /* @__PURE__ */ jsx(
-    Virtuoso,
+    VirtualScroll,
     {
       style: { height: "100%", minHeight: 0 },
       data: options,
@@ -31291,13 +31479,13 @@ function OptionList(props) {
 }
 function useLister() {
   const runtime = useListerRuntime();
-  const [state, setState] = React66.useState(runtime.getState());
-  React66.useEffect(() => {
+  const [state, setState] = React67.useState(runtime.getState());
+  React67.useEffect(() => {
     return runtime.subscribe(() => {
       setState(runtime.getState());
     });
   }, [runtime]);
-  return React66.useMemo(
+  return React67.useMemo(
     () => ({
       api: runtime.api,
       actions: runtime.actions,
@@ -31440,7 +31628,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),
@@ -31636,25 +31824,25 @@ function ListerInner(props) {
     panelClassName
   } = props;
   const { api, actions, store } = useLister();
-  const ownerKeyRef = React66.useRef(
+  const ownerKeyRef = React67.useRef(
     (_a = openOptions == null ? void 0 : openOptions.ownerKey) != null ? _a : createRuntimeKey("lister_owner")
   );
-  React66.useEffect(() => {
+  React67.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.useState(
+  const [selectedOptions, setSelectedOptions] = React67.useState(
     null
   );
-  const openingRef = React66.useRef(false);
+  const openingRef = React67.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.useEffect(() => {
+  React67.useEffect(() => {
     if (!hasValue) {
       setSelectedOptions(null);
       return;
@@ -31690,7 +31878,7 @@ function ListerInner(props) {
       alive = false;
     };
   }, [api, def, filters, mode, value, hasValue]);
-  const openSession = React66.useCallback(async () => {
+  const openSession = React67.useCallback(async () => {
     var _a2, _b2;
     console.log(openingRef.current);
     if (disabledTrigger) return;
@@ -31731,7 +31919,7 @@ function ListerInner(props) {
     permissions,
     value
   ]);
-  const clear = React66.useCallback(() => {
+  const clear = React67.useCallback(() => {
     if (disabledTrigger) return;
     onValue(void 0, {
       action: "clear",
@@ -31739,7 +31927,7 @@ function ListerInner(props) {
     });
     setSelectedOptions(null);
   }, [disabledTrigger, onValue]);
-  const display = React66.useMemo(() => {
+  const display = React67.useMemo(() => {
     return buildLabelsFromOptions({
       mode,
       value,
@@ -31748,7 +31936,7 @@ function ListerInner(props) {
       maxItems: maxDisplayItems
     });
   }, [maxDisplayItems, mode, placeholder, selectedOptions, value]);
-  const triggerCtx = React66.useMemo(
+  const triggerCtx = React67.useMemo(
     () => ({
       mode,
       value,
@@ -31874,7 +32062,7 @@ function ListerInner(props) {
     }
   );
   const userTriggerEl = renderTrigger ? renderTrigger(triggerCtx) : null;
-  const TriggerNode = renderTrigger && React66.isValidElement(userTriggerEl) ? React66.cloneElement(userTriggerEl, {
+  const TriggerNode = renderTrigger && React67.isValidElement(userTriggerEl) ? React67.cloneElement(userTriggerEl, {
     className: cn(
       (_b = userTriggerEl.props) == null ? void 0 : _b.className,
       className
@@ -32100,11 +32288,11 @@ function ListerResolvedInner(props) {
   } = props;
   const isStandaloneInline = !def && endpoint != null;
   const shouldInferOptionValue = isStandaloneInline && optionValue === void 0;
-  const [resolvedOptionValue, setResolvedOptionValue] = React66.useState(() => optionValue != null ? optionValue : "id");
-  React66.useEffect(() => {
+  const [resolvedOptionValue, setResolvedOptionValue] = React67.useState(() => optionValue != null ? optionValue : "id");
+  React67.useEffect(() => {
     if (optionValue !== void 0) setResolvedOptionValue(optionValue);
   }, [optionValue]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!shouldInferOptionValue) return;
     if (!endpoint) return;
     let alive = true;
@@ -32156,7 +32344,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.useMemo(() => {
+  const finalDef = React67.useMemo(() => {
     const baseDef = def;
     if (!inlineExists) return baseDef;
     if (!baseDef) {
@@ -32211,7 +32399,7 @@ function ListerResolvedInner(props) {
     optionMeta,
     search
   ]);
-  const openOptions = React66.useMemo(() => {
+  const openOptions = React67.useMemo(() => {
     return {
       title,
       searchMode,
@@ -32465,24 +32653,24 @@ function IconPickerPanel(props) {
     maxRender = 2500
   } = props;
   const den = densityTokens2(density);
-  const groups = React66.useMemo(() => {
+  const groups = React67.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.useMemo(() => {
+  const prefixes = React67.useMemo(() => {
     return uniq2(groups.flatMap((g2) => g2.prefixes).filter(Boolean));
   }, [groups]);
-  const [selectedGroupId, setSelectedGroupId] = React66.useState(() => {
+  const [selectedGroupId, setSelectedGroupId] = React67.useState(() => {
     var _a;
     return (_a = groups[0]) == null ? void 0 : _a.id;
   });
-  const [searchQuery, setSearchQuery] = React66.useState("");
-  const [loading, setLoading] = React66.useState(false);
-  const [error, setError] = React66.useState(null);
-  const [allIcons, setAllIcons] = React66.useState([]);
-  React66.useEffect(() => {
+  const [searchQuery, setSearchQuery] = React67.useState("");
+  const [loading, setLoading] = React67.useState(false);
+  const [error, setError] = React67.useState(null);
+  const [allIcons, setAllIcons] = React67.useState([]);
+  React67.useEffect(() => {
     setSelectedGroupId((prev) => {
       var _a, _b;
       if (!prev) return (_a = groups[0]) == null ? void 0 : _a.id;
@@ -32490,7 +32678,7 @@ function IconPickerPanel(props) {
       return exists ? prev : (_b = groups[0]) == null ? void 0 : _b.id;
     });
   }, [groups]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const controller = new AbortController();
     let mounted = true;
     const load = async () => {
@@ -32532,15 +32720,15 @@ function IconPickerPanel(props) {
       controller.abort();
     };
   }, [prefixes, url]);
-  const selectedGroup = React66.useMemo(
+  const selectedGroup = React67.useMemo(
     () => groups.find((g2) => g2.id === selectedGroupId),
     [groups, selectedGroupId]
   );
-  const selectedGroupPrefixes = React66.useMemo(() => {
+  const selectedGroupPrefixes = React67.useMemo(() => {
     if (!selectedGroup) return void 0;
     return new Set(selectedGroup.prefixes);
   }, [selectedGroup]);
-  const filteredIcons = React66.useMemo(() => {
+  const filteredIcons = React67.useMemo(() => {
     const q2 = searchQuery.trim().toLowerCase();
     let list = allIcons;
     if (selectedGroupPrefixes) {
@@ -32556,7 +32744,7 @@ function IconPickerPanel(props) {
     }
     return list;
   }, [allIcons, searchQuery, selectedGroupPrefixes]);
-  const limitedIcons = React66.useMemo(() => {
+  const limitedIcons = React67.useMemo(() => {
     if (filteredIcons.length <= maxRender) return filteredIcons;
     return filteredIcons.slice(0, maxRender);
   }, [filteredIcons, maxRender]);
@@ -32570,7 +32758,7 @@ function IconPickerPanel(props) {
       value.includes(iconName) ? value.filter((x2) => x2 !== iconName) : [...value, iconName]
     );
   };
-  const GridComponents = React66.useMemo(
+  const GridComponents = React67.useMemo(
     () => ({
       List: (p2) => /* @__PURE__ */ jsx(
         "div",
@@ -32583,8 +32771,11 @@ function IconPickerPanel(props) {
     }),
     []
   );
-  const gridHeightStyle = React66.useMemo(
-    () => ({ height: "50vh" }),
+  const gridHeightStyle = React67.useMemo(
+    () => ({
+      height: "320px",
+      maxHeight: "calc(var(--radix-popper-available-height) - 140px)"
+    }),
     []
   );
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
@@ -32641,7 +32832,7 @@ function IconPickerPanel(props) {
         " results (refine search to narrow)."
       ] }),
       /* @__PURE__ */ jsx(
-        VirtuosoGrid,
+        VirtualScrollGrid,
         {
           style: gridHeightStyle,
           data: limitedIcons,
@@ -32708,7 +32899,7 @@ function IconPickerPanel(props) {
     )
   ] });
 }
-var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, ref) {
+var ShadcnIconVariant = React67.forwardRef(function ShadcnIconVariant2(props, ref) {
   var _a, _b;
   const {
     value,
@@ -32760,12 +32951,12 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
   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.useState(false);
-  const selected = React66.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React67.useState(false);
+  const selected = React67.useMemo(() => {
     if (multiple) return Array.isArray(value) ? value.filter(Boolean) : [];
     return typeof value === "string" && value ? [value] : [];
   }, [multiple, value]);
-  const emit = React66.useCallback(
+  const emit = React67.useCallback(
     (nextArr, meta) => {
       var _a2, _b2;
       if (!onValue) return;
@@ -32787,7 +32978,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
     },
     [multiple, onValue]
   );
-  const Chip = React66.useCallback(
+  const Chip = React67.useCallback(
     ({ iconName }) => {
       var _a2;
       const short = (_a2 = iconName.split(":")[1]) != null ? _a2 : iconName;
@@ -32850,7 +33041,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
     [chipHeightCls, den.chipGap, den.chipPad, emit, selected]
   );
   const selectedCount = selected.length;
-  const resolveButtonTriggerElement = React66.useCallback(() => {
+  const resolveButtonTriggerElement = React67.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: selected,
@@ -32880,7 +33071,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React66.cloneElement(el, {
+        return React67.cloneElement(el, {
           className: nextClass,
           children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("span", { className: "min-w-0", children: child }),
@@ -32888,7 +33079,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
           ] })
         });
       }
-      return React66.cloneElement(el, {
+      return React67.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -32896,7 +33087,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
         ] })
       });
     };
-    const withNoopDnD = (el) => React66.cloneElement(el, {
+    const withNoopDnD = (el) => React67.cloneElement(el, {
       // keep event-merging parity with file variant (no-op, but safe)
       onDragOver: mergeHandlers2(
         el.props.onDragOver,
@@ -32913,7 +33104,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
         }
       )
     });
-    if (React66.isValidElement(rawNode))
+    if (React67.isValidElement(rawNode))
       return withNoopDnD(injectBadgeIntoElement(rawNode));
     const fallback = /* @__PURE__ */ jsxs(
       "button",
@@ -32961,7 +33152,7 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
     triggerClassName
   ]);
   const COLLAPSE_LIMIT = 2;
-  const TriggerRegion = React66.useMemo(() => {
+  const TriggerRegion = React67.useMemo(() => {
     const hasItems = selected.length > 0;
     const visibleItems = selected.slice(0, COLLAPSE_LIMIT);
     const hiddenCount = selected.length - COLLAPSE_LIMIT;
@@ -33049,11 +33240,11 @@ var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, re
         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__ */ jsxs("div", { className: "flex flex-col", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
             /* @__PURE__ */ jsxs(
               "div",
               {
@@ -33333,8 +33524,8 @@ function isFileLikeString(s3) {
   return FILE_EXT_RE.test(v2);
 }
 function useImagePreview(value) {
-  const [src, setSrc] = React66.useState(null);
-  React66.useEffect(() => {
+  const [src, setSrc] = React67.useState(null);
+  React67.useEffect(() => {
     if (!value) {
       setSrc(null);
       return;
@@ -33352,7 +33543,7 @@ var ImageThumb = ({ image }) => {
   const src = useImagePreview(image);
   return /* @__PURE__ */ 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__ */ jsx("img", { src, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx(Image, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2(props, ref) {
+var ShadcnImageIconVariant = React67.forwardRef(function ShadcnImageIconVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -33409,7 +33600,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
   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.useMemo(() => {
+  const effectiveIconGroups = React67.useMemo(() => {
     const groups = resolvedIconGroups != null ? resolvedIconGroups : DEFAULT_GROUPS;
     const allowed = toArray(allowedIconGroupIds).filter(
       Boolean
@@ -33418,7 +33609,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     const filtered = groups.filter((g2) => allowed.includes(g2.id));
     return filtered.length ? filtered : groups;
   }, [resolvedIconGroups, allowedIconGroupIds]);
-  const allowedIconPrefixes = React66.useMemo(() => {
+  const allowedIconPrefixes = React67.useMemo(() => {
     var _a;
     const set = /* @__PURE__ */ new Set();
     for (const g2 of effectiveIconGroups) {
@@ -33426,7 +33617,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     }
     return set;
   }, [effectiveIconGroups]);
-  const isIconString = React66.useCallback(
+  const isIconString = React67.useCallback(
     (raw) => {
       var _a;
       const s3 = raw.trim();
@@ -33438,7 +33629,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     },
     [allowedIconPrefixes]
   );
-  const normaliseImageIconInput = React66.useCallback(
+  const normaliseImageIconInput = React67.useCallback(
     (v2) => {
       var _a;
       if (v2 == null) return null;
@@ -33479,25 +33670,25 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
   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.useState(false);
-  const [tab, setTab] = React66.useState("icon");
-  const list = React66.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React67.useState(false);
+  const [tab, setTab] = React67.useState("icon");
+  const list = React67.useMemo(() => {
     const raw = multiple ? toArray(value) : value != null ? [value] : [];
     return raw.map(normaliseImageIconInput).filter(Boolean);
   }, [multiple, normaliseImageIconInput, value]);
-  const iconsSelected = React66.useMemo(() => {
+  const iconsSelected = React67.useMemo(() => {
     return list.filter((x2) => x2.kind === "icon").map((x2) => x2.icon);
   }, [list]);
-  const imagesSelected = React66.useMemo(() => {
+  const imagesSelected = React67.useMemo(() => {
     return list.filter((x2) => x2.kind === "image");
   }, [list]);
-  const toFieldRaw = React66.useCallback(
+  const toFieldRaw = React67.useCallback(
     (x2) => {
       return x2.kind === "icon" ? x2.icon : x2.image;
     },
     []
   );
-  const emit = React66.useCallback(
+  const emit = React67.useCallback(
     (nextList, meta) => {
       var _a, _b;
       if (!onValue) return;
@@ -33526,7 +33717,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     emit(next, { action: "remove", index: idx });
   };
   const clearAll = () => emit([], { action: "clear" });
-  const Chip = React66.useCallback(
+  const Chip = React67.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;
@@ -33577,7 +33768,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     [chipHeightCls, den.chipGap, den.chipPad, removeAt]
   );
   const selectedCount = list.length;
-  const resolveButtonTriggerElement = React66.useCallback(() => {
+  const resolveButtonTriggerElement = React67.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: list,
@@ -33607,7 +33798,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React66.cloneElement(el, {
+        return React67.cloneElement(el, {
           className: nextClass,
           children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("span", { className: "min-w-0", children: child }),
@@ -33615,7 +33806,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
           ] })
         });
       }
-      return React66.cloneElement(el, {
+      return React67.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -33623,7 +33814,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
         ] })
       });
     };
-    if (React66.isValidElement(rawNode))
+    if (React67.isValidElement(rawNode))
       return injectBadgeIntoElement(rawNode);
     return /* @__PURE__ */ jsxs(
       "button",
@@ -33655,12 +33846,12 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     selectedCount,
     triggerClassName
   ]);
-  const [dragOver, setDragOver] = React66.useState(false);
-  const fileInputRef = React66.useRef(null);
-  const [imgSelectedIds, setImgSelectedIds] = React66.useState(
+  const [dragOver, setDragOver] = React67.useState(false);
+  const fileInputRef = React67.useRef(null);
+  const [imgSelectedIds, setImgSelectedIds] = React67.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const imageItems = React66.useMemo(() => {
+  const imageItems = React67.useMemo(() => {
     return imagesSelected.map((x2) => normaliseFileLike2(x2.image));
   }, [imagesSelected]);
   const canAddMore = (nextCount) => {
@@ -33723,7 +33914,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
       setImagesFromItems(next, { from });
     }
   };
-  const openImagePicker = React66.useCallback(async () => {
+  const openImagePicker = React67.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     const resolvedLoader = typeof customLoader == "function" ? customLoader : customLoader ? getPaletteUtil("customLoader") : void 0;
@@ -33748,14 +33939,14 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
     }
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, [accept, customLoader, imageItems, isDisabled, mergeMode, multiple]);
-  const onDragOver = React66.useCallback(
+  const onDragOver = React67.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React66.useCallback(
+  const onDrop = React67.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -33804,7 +33995,7 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
       if (icons[0]) setPopoverOpen(false);
     }
   };
-  const TriggerRegion = React66.useMemo(() => {
+  const TriggerRegion = React67.useMemo(() => {
     const COLLAPSE_LIMIT = 2;
     const hasItems = list.length > 0;
     const visibleItems = list.slice(0, COLLAPSE_LIMIT);
@@ -33899,11 +34090,11 @@ var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2
         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__ */ jsxs("div", { className: "flex flex-col", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
             /* @__PURE__ */ jsxs(
               "div",
               {
@@ -34555,6 +34746,70 @@ function buildLayoutGraph(args) {
     }
   };
 }
+var ThemeContext = React67.createContext(null);
+function ThemeProvider({ theme, children }) {
+  const outerTheme = React67.useContext(ThemeContext);
+  const mergedTheme = React67.useMemo(() => {
+    if (!outerTheme) return theme;
+    return mergeThemes(outerTheme, theme);
+  }, [outerTheme, theme]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: mergedTheme, children });
+}
+var PaletteThemeProvider = ThemeProvider;
+function usePaletteTheme() {
+  var _a;
+  return (_a = React67.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."];
@@ -34576,7 +34831,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":
@@ -34587,6 +34842,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
         },
@@ -34600,6 +34856,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
         },
@@ -34613,6 +34870,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
         },
@@ -34623,6 +34881,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
         },
@@ -34633,6 +34892,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
         },
@@ -34642,29 +34902,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,
@@ -34709,7 +35006,7 @@ function InputField(props) {
     classes: _depreciated,
     // Everything else → forwarded to variant
     ...rest
-  } = props;
+  } = mergedProps;
   const module2 = getVariant(variant);
   if (!module2) {
     {
@@ -34721,8 +35018,13 @@ function InputField(props) {
     }
     return null;
   }
-  const classes = getClasses(props);
-  const layout = React66.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.useMemo(() => {
     var _a2;
     const defaultsLayout = (_a2 = module2.defaults) == null ? void 0 : _a2.layout;
     const overrides = {};
@@ -34753,7 +35055,7 @@ function InputField(props) {
     return resolveLayoutForField(
       defaultsLayout,
       overrides,
-      props,
+      mergedProps,
       module2.resolveLayout
     );
   }, [
@@ -34766,11 +35068,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.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.useCallback(
     (value2, field2, form, _report) => {
       var _a2;
       const messages = [];
@@ -34810,7 +35112,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.useCallback(
+  const handleValueChange = React67.useCallback(
     (next, detail) => {
       let finalValue = next;
       let defaultPrevented = false;
@@ -34859,7 +35161,7 @@ function InputField(props) {
     hostVariantClass,
     classes == null ? void 0 : classes.variant
   ) || void 0;
-  const tagsContent = React66.useMemo(() => {
+  const tagsContent = React67.useMemo(() => {
     const items = tags != null ? tags : [];
     if (!items.length) return null;
     return /* @__PURE__ */ jsx(Fragment, { children: items.map((tag, index) => /* @__PURE__ */ jsxs(
@@ -34883,7 +35185,7 @@ function InputField(props) {
       index
     )) });
   }, [tags, classes == null ? void 0 : classes.tag]);
-  const graph = React66.useMemo(
+  const graph = React67.useMemo(
     () => buildLayoutGraph({
       layout,
       sublabel,
@@ -34927,15 +35229,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__ */ jsxs("div", { className: inlineInputColClass, children: [
+  const inlineInputColumn = /* @__PURE__ */ 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__ */ jsx(FieldGroup, { className: inlineFieldGroupClass, children: /* @__PURE__ */ jsx(FieldContent, { className: inlineFieldContentClass, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(FieldGroup, { className: inlineFieldGroupClass, style: mergedStyles.group, children: /* @__PURE__ */ jsx(FieldContent, { className: inlineFieldContentClass, style: mergedStyles.content, children: /* @__PURE__ */ jsx(
       Variant,
       {
         ...rest,
@@ -34949,19 +35251,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__ */ jsxs("div", { className: cn("flex flex-col gap-0", inlineLabelColClass), children: [
+  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ 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__ */ jsxs(
@@ -34971,10 +35274,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__ */ jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
-            (slot) => renderHelperSlot("label", slot, classes)
+            (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
           ) })),
           label && /* @__PURE__ */ jsx(
             FieldLabel,
@@ -34984,6 +35288,7 @@ function InputField(props) {
                 "text-sm font-medium text-foreground",
                 classes == null ? void 0 : classes.label
               ),
+              style: mergedStyles.label,
               children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                 label,
                 " ",
@@ -34994,6 +35299,7 @@ function InputField(props) {
                       "text-destructive",
                       classes == null ? void 0 : classes.required
                     ),
+                    style: mergedStyles.required,
                     children: "*"
                   }
                 ) : ""
@@ -35001,14 +35307,14 @@ function InputField(props) {
             }
           ),
           graph.getSlotsFor("label", "right").render((slots) => /* @__PURE__ */ 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)
       )
     )
   ] });
@@ -35022,14 +35328,14 @@ function InputField(props) {
     hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",
     classes == null ? void 0 : classes.group
   );
-  const Element = contain ? "div" : React66.Fragment;
+  const Element = contain ? "div" : React67.Fragment;
   const attrs = (a3 = "l") => contain ? a3 === "l" ? { className: "p-4 border-b border-input" } : { className: "px-4 pt-2 pb-4" } : {};
   return /* @__PURE__ */ 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,
@@ -35041,7 +35347,7 @@ function InputField(props) {
       "data-fullwidth": layout.fullWidth ? "true" : "false",
       children: isInline ? (
         // INLINE MODE: label + control on the same row
-        /* @__PURE__ */ jsx("div", { className: inlineRowClassName, "data-slot": "inline-row", children: inlineLabelSide === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: inlineRowClassName, style: mergedStyles.inlineRow, "data-slot": "inline-row", children: inlineLabelSide === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
           inlineInputColumn,
           inlineLabelColumn
         ] }) : inlineLabelSide === "hidden" ? /* @__PURE__ */ jsx(Fragment, { children: inlineInputColumn }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -35057,7 +35363,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             ),
@@ -35068,13 +35375,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__ */ jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) })),
                   label && /* @__PURE__ */ jsx(
@@ -35085,6 +35394,7 @@ function InputField(props) {
                         "text-sm font-medium text-foreground",
                         classes == null ? void 0 : classes.label
                       ),
+                      style: mergedStyles.label,
                       children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                         label,
                         " ",
@@ -35095,6 +35405,7 @@ function InputField(props) {
                               "text-destructive",
                               classes == null ? void 0 : classes.required
                             ),
+                            style: mergedStyles.required,
                             children: "*"
                           }
                         ) : ""
@@ -35105,7 +35416,8 @@ function InputField(props) {
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) }))
                 ]
@@ -35116,7 +35428,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             )
@@ -35124,13 +35437,14 @@ function InputField(props) {
           /* @__PURE__ */ 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__ */ jsx(FieldGroup, { className: stackedGroupClassName, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FieldGroup, { className: stackedGroupClassName, style: mergedStyles.group, children: /* @__PURE__ */ jsx(
               FieldContent,
               {
                 className: cn("w-full", classes == null ? void 0 : classes.content),
+                style: mergedStyles.content,
                 children: /* @__PURE__ */ jsx(
                   Variant,
                   {
@@ -35145,14 +35459,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)
               )
             )
           ] })
@@ -35453,6 +35768,6 @@ lucide-react/dist/esm/lucide-react.js:
    *)
 */
 
-export { CoreProvider, ErrorStrip, CoreShell as Form, CoreRoot as FormRoot, Input, InputField, InputMask, InputNumber, Textarea, createAxiosAdapter, createInertiaAdapter, getAdapter, getPaletteUtil, getVariant, hasAdapter, listVariants, localAdapter, mapErrorBag, mapZodError, registerAdapter, registerAllAdapters, registerAxiosAdapter, registerCoreVariants, registerInertiaAdapter, registerKnownAdapter, registerPaletteUtil, registerVariant, useButton, useCore, useCoreContext, useField, useOptionalField };
+export { CoreProvider, ErrorStrip, CoreShell as Form, CoreRoot as FormRoot, Input, InputField, InputMask, InputNumber, PaletteThemeProvider, Textarea, ThemeProvider, createAxiosAdapter, createInertiaAdapter, getAdapter, getPaletteUtil, getVariant, hasAdapter, listVariants, localAdapter, mapErrorBag, mapZodError, registerAdapter, registerAllAdapters, registerAxiosAdapter, registerCoreVariants, registerInertiaAdapter, registerKnownAdapter, registerPaletteUtil, registerVariant, useButton, useCore, useCoreContext, useField, useOptionalField, usePaletteTheme };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map