@timeax/form-palette 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React11 from 'react';
-import React11__default, { forwardRef, createElement, createContext, useMemo, useCallback, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
+import * as React66 from 'react';
+import React66__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';
@@ -5594,7 +5594,7 @@ function getAdapter(key) {
 function hasAdapter(key) {
   return typeof registry[key] === "function";
 }
-var CoreContextReact = React11__default.createContext(
+var CoreContextReact = React66__default.createContext(
   null
 );
 
@@ -9175,16 +9175,16 @@ function deepEqual(a3, b2) {
 }
 function CoreProvider(props) {
   var _a, _b;
-  const registryRef = React11.useRef(new FieldRegistry());
-  const bucketRef = React11.useRef({});
-  const uncaughtRef = React11.useRef([]);
-  const errorsRef = React11.useRef(null);
-  const buttonRef = React11.useRef(null);
-  const activeButtonNameRef = React11.useRef(null);
-  const [hasUncaughtErrors, setHasUncaughtErrors] = React11.useState(0);
-  const originalRef = React11.useRef(null);
-  const propsRef = React11.useRef(props);
-  React11.useEffect(() => {
+  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(() => {
     propsRef.current = props;
   }, [props]);
   const adapterKey = (_a = props.adapter) != null ? _a : "local";
@@ -9259,7 +9259,9 @@ function CoreProvider(props) {
           return anyField.onSubmit(value);
         }
         if (formatFileValue && item.variant == "file") {
-          return toArray(value).map(formatFileValue);
+          return toArray(value).map(
+            formatFileValue
+          );
         }
         return value;
       };
@@ -9347,8 +9349,7 @@ function CoreProvider(props) {
     const finish = () => {
       if (finished) return;
       finished = true;
-      if (uncaughtRef.current.length)
-        setHasUncaughtErrors(hasUncaughtErrors + 1);
+      if (uncaughtRef.current.length) setHasUncaughtErrors((e4) => e4 + 1);
       setButtonLoading(false);
     };
     if (!ignoreForm) {
@@ -9725,7 +9726,7 @@ function CoreProvider(props) {
       return uncaughtRef.current;
     }
   };
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!props.formRef) return;
     props.formRef.current = context;
     return () => {
@@ -9734,7 +9735,7 @@ function CoreProvider(props) {
       }
     };
   }, [context]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (props.init) {
       props.init(context);
     }
@@ -10170,9 +10171,9 @@ function ErrorStrip(props) {
   } = props;
   const ctxFromHook = useCore();
   const form = formProp != null ? formProp : ctxFromHook;
-  const [isVisible, setIsVisible] = React11.useState(true);
+  const [isVisible, setIsVisible] = React66.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 : [];
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (messages.length > 0) {
       setIsVisible(true);
     }
@@ -10236,7 +10237,7 @@ function ErrorStrip(props) {
 function CoreRoot(props) {
   const { noErrorStrip, onSubmitForm, children, ...rest } = props;
   const form = useCore();
-  const handleSubmit = React11.useCallback(
+  const handleSubmit = React66.useCallback(
     (event) => {
       event.preventDefault();
       if (form.props.activateButtonOnChange && !form.isDirty()) return;
@@ -10284,16 +10285,16 @@ function CoreShell(props) {
 function useButton(options) {
   const form = useCoreContext();
   const { name, disabled: disabledProp = false } = options;
-  const [loading, setLoadingState] = React11.useState(false);
-  const [disabled, setDisabledState] = React11.useState(
+  const [loading, setLoadingState] = React66.useState(false);
+  const [disabled, setDisabledState] = React66.useState(
     Boolean(disabledProp)
   );
-  const ref = React11.useRef(null);
-  const optsRef = React11.useRef(options);
-  React11.useEffect(() => {
+  const ref = React66.useRef(null);
+  const optsRef = React66.useRef(options);
+  React66.useEffect(() => {
     optsRef.current = options;
   }, [options]);
-  const buttonRef = React11.useRef(null);
+  const buttonRef = React66.useRef(null);
   if (!buttonRef.current) {
     const btn = {
       name,
@@ -10323,11 +10324,11 @@ function useButton(options) {
     };
     buttonRef.current = btn;
   }
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!buttonRef.current) return;
     buttonRef.current.name = name;
   }, [name]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!buttonRef.current) return;
     form.button = buttonRef.current;
     return () => {
@@ -10394,41 +10395,41 @@ function useField(options) {
     onValueChange,
     onSubmit
   } = options;
-  const ref = React11.useRef(null);
-  const stateRef = React11.useRef({
+  const ref = React66.useRef(null);
+  const stateRef = React66.useRef({
     value: defaultValue,
     error: "",
     loading: false,
     original: getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   });
-  const [valueState, setValueState] = React11.useState(
+  const [valueState, setValueState] = React66.useState(
     stateRef.current.value
   );
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (isControlled && valueProp !== stateRef.current.value) {
       stateRef.current.value = valueProp;
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React11.useState(
+  const [error, setErrorState] = React66.useState(
     stateRef.current.error
   );
-  const [loading, setLoadingState] = React11.useState(
+  const [loading, setLoadingState] = React66.useState(
     stateRef.current.loading
   );
-  const [required, setRequired] = React11.useState(
+  const [required, setRequired] = React66.useState(
     Boolean(requiredProp)
   );
-  const [disabled, setDisabled] = React11.useState(
+  const [disabled, setDisabled] = React66.useState(
     Boolean(disabledProp)
   );
-  const [readOnly, setReadOnly] = React11.useState(
+  const [readOnly, setReadOnly] = React66.useState(
     Boolean(readOnlyProp)
   );
-  const id = React11.useId();
-  const keyRef = React11.useRef(
+  const id = React66.useId();
+  const keyRef = React66.useRef(
     (() => {
       if (rawName && rawName.trim()) return `${rawName.trim()}-${id}`;
       if (rawBindId && rawBindId.trim())
@@ -10436,10 +10437,10 @@ function useField(options) {
       return `field-${Math.random().toString(36).slice(2)}-${id}`;
     })()
   );
-  const bindIdRef = React11.useRef(
+  const bindIdRef = React66.useRef(
     rawBindId && rawBindId.trim() || keyRef.current
   );
-  const fieldRef = React11.useRef(null);
+  const fieldRef = React66.useRef(null);
   if (!fieldRef.current) {
     const key = keyRef.current;
     const bindId = bindIdRef.current;
@@ -10542,19 +10543,19 @@ function useField(options) {
     fieldRef.current = f2;
   }
   const field = fieldRef.current;
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setRequired(requiredProp);
     if (field) {
       field.required = requiredProp;
     }
   }, [requiredProp, field]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!field) return;
     form.addField(field);
     return () => {
@@ -10669,25 +10670,25 @@ function useOptionalField(options) {
     getOriginalValue,
     onValueChange
   } = options;
-  const ref = React11.useRef(null);
-  const [valueState, setValueState] = React11.useState(defaultValue);
+  const ref = React66.useRef(null);
+  const [valueState, setValueState] = React66.useState(defaultValue);
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (isControlled) {
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React11.useState("");
-  const [loading, setLoadingState] = React11.useState(false);
-  const [required, setRequired] = React11.useState(requiredProp);
-  const [disabled, setDisabled] = React11.useState(disabledProp);
-  const [readOnly, setReadOnly] = React11.useState(readOnlyProp);
-  const originalRef = React11.useRef(
+  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(
     getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   );
-  const id = React11.useId();
-  const keyRef = React11.useRef("");
+  const id = React66.useId();
+  const keyRef = React66.useRef("");
   if (!keyRef.current) {
     if (rawName && rawName.trim()) {
       keyRef.current = `${rawName.trim()}-${id}`;
@@ -10697,17 +10698,17 @@ function useOptionalField(options) {
       keyRef.current = `field-${Math.random().toString(36).slice(2)}-${id}`;
     }
   }
-  const bindIdRef = React11.useRef("");
+  const bindIdRef = React66.useRef("");
   if (!bindIdRef.current) {
     bindIdRef.current = rawBindId && rawBindId.trim() || keyRef.current;
   }
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setRequired(requiredProp);
   }, [requiredProp]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
   function setValue(next, variant = "direct") {
@@ -10805,17 +10806,17 @@ var focusEl = (el) => {
   }
 };
 function useUpdateEffect(effect, deps) {
-  const mounted = React11.useRef(false);
-  React11.useEffect(() => {
+  const mounted = React66.useRef(false);
+  React66.useEffect(() => {
     if (mounted.current) {
       return effect();
     }
     mounted.current = true;
   }, deps);
 }
-var InputMask = React11.memo(
-  React11.forwardRef((inProps, ref) => {
-    const props = React11.useMemo(
+var InputMask = React66.memo(
+  React66.forwardRef((inProps, ref) => {
+    const props = React66.useMemo(
       () => ({
         autoClear: true,
         autoFocus: false,
@@ -10830,20 +10831,20 @@ var InputMask = React11.memo(
       }),
       [inProps]
     );
-    const elementRef = React11.useRef(null);
-    const firstNonMaskPos = React11.useRef(null);
-    const lastRequiredNonMaskPos = React11.useRef(0);
-    const tests = React11.useRef([]);
-    const buffer = React11.useRef([]);
-    const len = React11.useRef(0);
-    const oldVal = React11.useRef(null);
-    const focus = React11.useRef(false);
-    const focusText = React11.useRef(null);
-    const isValueChecked = React11.useRef(null);
-    const partialPosition = React11.useRef(null);
-    const defaultBuffer = React11.useRef(null);
-    const caretTimeoutId = React11.useRef(null);
-    const androidChrome = React11.useRef(false);
+    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 caret = (first, last) => {
       var _a, _b;
       let range;
@@ -10878,7 +10879,7 @@ var InputMask = React11.memo(
       }
       return { begin, end };
     };
-    const getPlaceholder = React11.useCallback(
+    const getPlaceholder = React66.useCallback(
       (i4) => {
         var _a;
         const slotChar2 = (_a = props.slotChar) != null ? _a : "_";
@@ -11148,7 +11149,7 @@ var InputMask = React11.memo(
         });
       }
     };
-    const getUnmaskedValue = React11.useCallback(() => {
+    const getUnmaskedValue = React66.useCallback(() => {
       const unmaskedBuffer = [];
       for (let i4 = 0; i4 < buffer.current.length; i4++) {
         const c2 = buffer.current[i4];
@@ -11203,7 +11204,7 @@ var InputMask = React11.memo(
       }
       return pos;
     };
-    const isValueUpdated = React11.useCallback(() => {
+    const isValueUpdated = React66.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 : "");
@@ -11303,7 +11304,7 @@ var InputMask = React11.memo(
     const onInput = (event) => {
       androidChrome.current ? handleAndroidInput(event) : handleInputChange(event);
     };
-    React11.useImperativeHandle(
+    React66.useImperativeHandle(
       ref,
       () => ({
         focus: () => focusEl(elementRef.current),
@@ -11311,10 +11312,10 @@ var InputMask = React11.memo(
       }),
       []
     );
-    React11.useEffect(() => {
+    React66.useEffect(() => {
       if (!elementRef.current) return;
     }, []);
-    React11.useEffect(() => {
+    React66.useEffect(() => {
       init();
       updateValue();
     }, []);
@@ -11462,7 +11463,7 @@ function resolveSizeDensityClasses(size, density) {
   }
   return { heightCls, textCls, densityCls };
 }
-var Input = React11.forwardRef(
+var Input = React66.forwardRef(
   function Input2(rawProps, forwardedRef) {
     const {
       // base
@@ -11525,8 +11526,8 @@ var Input = React11.forwardRef(
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
     const isMasked = Boolean(mask);
-    const innerRef = React11.useRef(null);
-    React11.useImperativeHandle(
+    const innerRef = React66.useRef(null);
+    React66.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -11547,11 +11548,11 @@ var Input = React11.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 4;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React11.useRef(null);
-    const trailingIconsRef = React11.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React11.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React11.useState(0);
-    React11.useLayoutEffect(() => {
+    const leadingIconsRef = React66.useRef(null);
+    const trailingIconsRef = React66.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React66.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React66.useState(0);
+    React66.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       if (typeof ResizeObserver === "undefined") return;
       const leadingEl = leadingIconsRef.current;
@@ -11626,7 +11627,7 @@ var Input = React11.forwardRef(
       inputClassName
     );
     const maskMode = unmask === true || unmask === "raw" ? "raw" : "masked";
-    const handleFocus = React11.useCallback(
+    const handleFocus = React66.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (!prefix && !suffix) return;
@@ -11654,7 +11655,7 @@ var Input = React11.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 = React11.useCallback(
+    const handleKeyDownWrapped = React66.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keydown" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -11671,7 +11672,7 @@ var Input = React11.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyDown]
     );
-    const handleKeyPressWrapped = React11.useCallback(
+    const handleKeyPressWrapped = React66.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keypress" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -11688,7 +11689,7 @@ var Input = React11.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyPress]
     );
-    const handleBeforeInputWrapped = React11.useCallback(
+    const handleBeforeInputWrapped = React66.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "beforeinput" && (event == null ? void 0 : event.nativeEvent)) {
           const inputEl = event.currentTarget;
@@ -11709,7 +11710,7 @@ var Input = React11.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onBeforeInput]
     );
-    const handlePasteWrapped = React11.useCallback(
+    const handlePasteWrapped = React66.useCallback(
       (event) => {
         var _a, _b;
         if (hasKeyFilter && keyFilterOnPaste) {
@@ -11847,7 +11848,11 @@ var Input = React11.forwardRef(
           children: [
             renderBaseInput({
               inner: false,
-              className: cx(baseBoxClasses, boxPaddingClasses, className),
+              className: cx(
+                baseBoxClasses,
+                boxPaddingClasses,
+                className
+              ),
               style: varsStyle
             }),
             hasLeadingIcons && /* @__PURE__ */ jsx(
@@ -11951,7 +11956,7 @@ var Input = React11.forwardRef(
                       className: "absolute inset-y-0 left-0 flex items-center cursor-pointer",
                       style: {
                         gap: leadingGap,
-                        paddingLeft: `${pxDefault}px`
+                        paddingLeft: hasLeadingControl ? void 0 : `${pxDefault}px`
                       },
                       "data-slot": "leading-icons",
                       onMouseDown: handleIconMouseDown,
@@ -11972,7 +11977,7 @@ var Input = React11.forwardRef(
                       className: "absolute inset-y-0 right-0 flex items-center cursor-pointer",
                       style: {
                         gap: trailingGap,
-                        paddingRight: `${pxDefault}px`
+                        paddingRight: hasTrailingControl ? void 0 : `${pxDefault}px`
                       },
                       "data-slot": "trailing-icons",
                       onMouseDown: handleIconMouseDown,
@@ -12097,7 +12102,7 @@ var Input = React11.forwardRef(
     ] });
   }
 );
-var ShadcnTextVariant = React11.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
+var ShadcnTextVariant = React66.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
   const {
     // form-level props
     value,
@@ -12145,7 +12150,7 @@ var ShadcnTextVariant = React11.forwardRef(function ShadcnTextVariant2(props, fo
     ...rest
   } = props;
   const isMasked = Boolean(mask);
-  const handlePlainChange = React11.useCallback(
+  const handlePlainChange = React66.useCallback(
     (e4) => {
       var _a;
       const displayed = (_a = e4.target.value) != null ? _a : "";
@@ -12176,7 +12181,7 @@ var ShadcnTextVariant = React11.forwardRef(function ShadcnTextVariant2(props, fo
     },
     [onValue, prefix, suffix, stripPrefix, stripSuffix]
   );
-  const handleMaskedChange = React11.useCallback(
+  const handleMaskedChange = React66.useCallback(
     (e4) => {
       var _a, _b, _c;
       const maskedValue = (_a = e4.value) != null ? _a : "";
@@ -12296,9 +12301,98 @@ var textVariant = {
     tags: ["text", "input", "string"]
   }
 };
-var InputNumber = React11.memo(
-  React11.forwardRef((inProps, ref) => {
-    var _a, _b;
+function clampToLimits(n3, min2, max2) {
+  let out = n3;
+  if (min2 != null && out < min2) out = min2;
+  if (max2 != null && out > max2) out = max2;
+  return out;
+}
+function isFiniteNumber(n3) {
+  return typeof n3 === "number" && Number.isFinite(n3);
+}
+function resolveLocale(explicit) {
+  if (explicit) return explicit;
+  if (typeof navigator !== "undefined" && navigator.language)
+    return navigator.language;
+  return "en-US";
+}
+function getDecimalSeparator(locale) {
+  const s3 = new Intl.NumberFormat(locale, { useGrouping: false }).format(1.1);
+  const m2 = s3.match(/1(.?)1/);
+  return (m2 == null ? void 0 : m2[1]) || ".";
+}
+function stripAffixes(text, prefix, suffix) {
+  let t4 = text != null ? text : "";
+  if (prefix && t4.startsWith(prefix)) t4 = t4.slice(prefix.length);
+  if (suffix && t4.endsWith(suffix)) t4 = t4.slice(0, -suffix.length);
+  return t4;
+}
+function stripGrouping(text, locale) {
+  const group = new Intl.NumberFormat(locale, { useGrouping: true }).format(1e6).replace(/[0-9]/g, "").trim().charAt(0);
+  if (!group) return text;
+  const re3 = new RegExp(`\\${group}`, "g");
+  return text.replace(re3, "");
+}
+function parseEditable(editable, locale, decimalSep) {
+  const t4 = editable.trim();
+  if (!t4 || t4 === "-" || t4 === decimalSep) return null;
+  const noGroup = stripGrouping(t4, locale);
+  const normalized = decimalSep === "." ? noGroup : noGroup.replace(decimalSep, ".");
+  const cleaned = normalized.endsWith(".") ? normalized.slice(0, -1) : normalized;
+  if (!cleaned || cleaned === "-") return null;
+  const n3 = Number(cleaned);
+  return Number.isFinite(n3) ? n3 : null;
+}
+function formatDisplayNumber(n3, locale, opts, prefix, suffix) {
+  const f2 = new Intl.NumberFormat(locale, opts).format(n3);
+  return `${prefix != null ? prefix : ""}${f2}${suffix != null ? suffix : ""}`;
+}
+function applyFractionLimitReplace(next, prev, locale, decimalSep, maxFractionDigits, inputEl) {
+  var _a, _b, _c;
+  if (maxFractionDigits == null)
+    return { text: next, caret: (_a = inputEl.selectionStart) != null ? _a : next.length };
+  const selStart = (_b = inputEl.selectionStart) != null ? _b : 0;
+  const selEnd = (_c = inputEl.selectionEnd) != null ? _c : selStart;
+  const decIndex = next.indexOf(decimalSep);
+  if (decIndex === -1) return { text: next, caret: selStart };
+  const frac = next.slice(decIndex + 1);
+  if (frac.length <= maxFractionDigits)
+    return { text: next, caret: selStart };
+  if (selEnd > selStart) {
+    const trimmed2 = next.slice(0, decIndex + 1 + maxFractionDigits);
+    const caret2 = Math.min(selStart, trimmed2.length);
+    return { text: trimmed2, caret: caret2 };
+  }
+  const caret = selStart;
+  const fracStart = decIndex + 1;
+  const fracEnd = fracStart + maxFractionDigits;
+  const trimmed = next.slice(0, fracEnd);
+  const clampedCaret = Math.min(caret, trimmed.length);
+  return { text: trimmed, caret: clampedCaret };
+}
+function normalizeEditable(raw, locale, decimalSep, allowMinus) {
+  let t4 = raw;
+  t4 = stripGrouping(t4, locale);
+  const allowed = new RegExp(`[^0-9\\${decimalSep}\\-]`, "g");
+  t4 = t4.replace(allowed, "");
+  const minusCount = (t4.match(/\-/g) || []).length;
+  if (minusCount) {
+    t4 = t4.replace(/\-/g, "");
+    if (allowMinus) t4 = "-" + t4;
+  }
+  const firstDec = t4.indexOf(decimalSep);
+  if (firstDec !== -1) {
+    const before = t4.slice(0, firstDec + 1);
+    const after = t4.slice(firstDec + 1).replace(new RegExp(`\\${decimalSep}`, "g"), "");
+    t4 = before + after;
+  }
+  if (t4 === "-" + decimalSep) t4 = "-0" + decimalSep;
+  if (t4 === decimalSep) t4 = "0" + decimalSep;
+  return t4;
+}
+var InputNumber = React66.memo(
+  React66.forwardRef((inProps, ref) => {
+    var _a;
     const props = {
       allowEmpty: true,
       autoFocus: false,
@@ -12312,35 +12406,19 @@ var InputNumber = React11.memo(
       type: "text",
       ...inProps
     };
-    const [focusedState, setFocusedState] = React11.useState(false);
-    React11.useRef(null);
-    const inputRef = React11.useRef(null);
-    const timer = React11.useRef(void 0);
-    const lastValue = React11.useRef("");
-    const numberFormat = React11.useRef(null);
-    const groupChar = React11.useRef("");
-    const prefixChar = React11.useRef("");
-    const suffixChar = React11.useRef("");
-    const _numeral = React11.useRef(null);
-    const _group = React11.useRef(null);
-    const _minusSign = React11.useRef(null);
-    const _currency = React11.useRef(null);
-    const _decimal = React11.useRef(null);
-    const _decimalSeparator = React11.useRef(".");
-    const _suffix = React11.useRef(null);
-    const _prefix = React11.useRef(null);
-    const _index = React11.useRef(() => 0);
-    const isFocusedByClick = React11.useRef(false);
-    const resolveLocale = React11.useCallback(() => {
-      if (props.locale) return props.locale;
-      if (typeof navigator !== "undefined" && navigator.language) {
-        return navigator.language;
-      }
-      return "en-US";
-    }, [props.locale]);
-    const _locale = resolveLocale();
-    const inputMode = props.inputMode || (props.mode === "decimal" && !props.minFractionDigits && !props.maxFractionDigits ? "numeric" : "decimal");
-    const getOptions = React11.useCallback(() => {
+    const locale = React66.useMemo(
+      () => resolveLocale(props.locale),
+      [props.locale]
+    );
+    const decimalSep = React66.useMemo(
+      () => getDecimalSeparator(locale),
+      [locale]
+    );
+    const allowMinus = React66.useMemo(
+      () => props.min == null || props.min < 0,
+      [props.min]
+    );
+    const fmtOptions = React66.useMemo(() => {
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
@@ -12361,262 +12439,27 @@ var InputNumber = React11.memo(
       props.maxFractionDigits,
       props.roundingMode
     ]);
-    const escapeRegExp = (text) => text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-    const constructParser = React11.useCallback(() => {
-      const loc = _locale;
-      numberFormat.current = new Intl.NumberFormat(loc, getOptions());
-      const numerals = [
-        ...new Intl.NumberFormat(loc, { useGrouping: false }).format(9876543210)
-      ].reverse();
-      const index = new Map(numerals.map((d, i3) => [d, i3]));
-      _numeral.current = new RegExp("[" + numerals.join("") + "]", "g");
-      _index.current = (d) => {
-        var _a2;
-        return (_a2 = index.get(d)) != null ? _a2 : 0;
-      };
-      const formatterGroup = new Intl.NumberFormat(loc, { useGrouping: true });
-      groupChar.current = formatterGroup.format(1e6).trim().replace(_numeral.current, "").charAt(0);
-      _group.current = new RegExp("[" + groupChar.current + "]", "g");
-      const formatterMinus = new Intl.NumberFormat(loc, { useGrouping: false });
-      const minusString = formatterMinus.format(-1).trim().replace(_numeral.current, "");
-      _minusSign.current = new RegExp("[" + minusString + "]", "g");
-      if (props.currency) {
-        const formatterCurrency = new Intl.NumberFormat(loc, {
-          style: "currency",
-          currency: props.currency,
-          currencyDisplay: props.currencyDisplay,
-          minimumFractionDigits: 0,
-          maximumFractionDigits: 0,
-          roundingMode: props.roundingMode
-        });
-        _currency.current = new RegExp(
-          "[" + formatterCurrency.format(1).replace(/\s/g, "").replace(_numeral.current, "").replace(_group.current, "") + "]",
-          "g"
-        );
-      } else {
-        _currency.current = new RegExp("[]", "g");
-      }
-      const formatterDecimal = new Intl.NumberFormat(loc, {
-        useGrouping: false
-      });
-      const decSample = formatterDecimal.format(1.1).trim().replace(_numeral.current, "");
-      _decimalSeparator.current = decSample || ".";
-      const formatterDecOptions = new Intl.NumberFormat(loc, {
-        ...getOptions(),
-        useGrouping: false
-      });
-      _decimal.current = new RegExp(
-        "[" + formatterDecOptions.format(1.1).replace(_currency.current, "").trim().replace(_numeral.current, "") + "]",
-        "g"
-      );
-      if (props.prefix) {
-        prefixChar.current = props.prefix;
-      } else {
-        const formatterPrefix = new Intl.NumberFormat(loc, {
-          style: props.mode,
-          currency: props.currency,
-          currencyDisplay: props.currencyDisplay
-        });
-        prefixChar.current = formatterPrefix.format(1).split("1")[0];
-      }
-      _prefix.current = new RegExp(escapeRegExp(prefixChar.current || ""), "g");
-      if (props.suffix) {
-        suffixChar.current = props.suffix;
-      } else {
-        const formatterSuffix = new Intl.NumberFormat(loc, {
-          style: props.mode,
-          currency: props.currency,
-          currencyDisplay: props.currencyDisplay,
-          minimumFractionDigits: 0,
-          maximumFractionDigits: 0,
-          roundingMode: props.roundingMode
-        });
-        suffixChar.current = formatterSuffix.format(1).split("1")[1];
-      }
-      _suffix.current = new RegExp(escapeRegExp(suffixChar.current || ""), "g");
-    }, [
-      _locale,
-      getOptions,
-      props.currency,
-      props.currencyDisplay,
-      props.mode,
-      props.prefix,
-      props.roundingMode,
-      props.suffix
-    ]);
-    const formatValue = React11.useCallback(
-      (value2) => {
-        if (value2 == null) return "";
-        if (value2 === "-") return "-";
-        const numeric = typeof value2 === "number" ? value2 : typeof value2 === "string" ? Number(value2) : Number.NaN;
-        if (Number.isNaN(numeric)) return "";
-        if (props.format) {
-          const formatter = numberFormat.current || new Intl.NumberFormat(_locale, getOptions());
-          let formatted = formatter.format(numeric);
-          if (props.prefix) {
-            formatted = props.prefix + formatted;
-          }
-          if (props.suffix) {
-            formatted = formatted + props.suffix;
-          }
-          return formatted;
-        }
-        return numeric.toString();
+    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(
+      (n3) => {
+        const s3 = String(n3);
+        return decimalSep === "." ? s3 : s3.replace(".", decimalSep);
       },
-      [getOptions, _locale, props.format, props.prefix, props.suffix]
+      [decimalSep]
     );
-    const parseValue = React11.useCallback(
-      (text) => {
-        if (!text) return null;
-        let filteredText = text;
-        if (_suffix.current) {
-          filteredText = filteredText.replace(_suffix.current, "");
-        }
-        if (_prefix.current) {
-          filteredText = filteredText.replace(_prefix.current, "");
-        }
-        filteredText = filteredText.trim().replace(/\s/g, "").replace(_currency.current, "").replace(_group.current, "").replace(_minusSign.current, "-").replace(_decimal.current, ".").replace(
-          _numeral.current,
-          (d) => {
-            var _a2;
-            return String((_a2 = _index.current(d)) != null ? _a2 : "");
-          }
-        );
-        if (!filteredText) return null;
-        if (filteredText === "-") {
-          return "-";
-        }
-        const parsedValue = +filteredText;
-        return Number.isNaN(parsedValue) ? null : parsedValue;
-      },
-      []
+    const clampModel = React66.useCallback(
+      (n3) => clampToLimits(n3, props.min, props.max),
+      [props.min, props.max]
     );
-    const addWithPrecision = (base, increment, precision = 10) => Math.round((base + increment) * precision) / precision;
-    const clearTimer = () => {
-      if (timer.current != null) {
-        window.clearInterval(timer.current);
-        timer.current = void 0;
-      }
-    };
-    const allowMinusSign = () => props.min == null || props.min < 0;
-    const isMinusSign = (ch) => {
-      if (_minusSign.current && _minusSign.current.test(ch) || ch === "-") {
-        _minusSign.current && (_minusSign.current.lastIndex = 0);
-        return true;
-      }
-      return false;
-    };
-    const isDecimalMode = () => props.mode === "decimal";
-    const isFloat = (val) => {
-      const formatter = new Intl.NumberFormat(_locale, getOptions());
-      const parsed = parseValue(formatter.format(val));
-      if (parsed === null || typeof parsed !== "number") {
-        return false;
-      }
-      return parsed % 1 !== 0;
-    };
-    const replaceDecimalSeparator = (val) => {
-      if (typeof val === "number" && isFloat(val)) {
-        return val.toString().replace(/\.(?=[^.]*$)/, _decimalSeparator.current);
-      }
-      return val;
-    };
-    const isDecimalSign = (ch) => {
-      if (_decimal.current && (_decimal.current.test(ch) || isFloat(Number(ch)))) {
-        _decimal.current.lastIndex = 0;
-        return true;
-      }
-      return false;
-    };
-    const getDecimalCharIndexes = (val) => {
-      let decimalCharIndex = -1;
-      let decimalCharIndexWithoutPrefix = -1;
-      if (_decimal.current) {
-        decimalCharIndex = val.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-        let filteredVal = val;
-        if (_prefix.current) {
-          filteredVal = filteredVal.replace(_prefix.current, "");
-        }
-        filteredVal = filteredVal.trim().replace(/\s/g, "").replace(_currency.current, "");
-        decimalCharIndexWithoutPrefix = filteredVal.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-      }
-      return { decimalCharIndex, decimalCharIndexWithoutPrefix };
-    };
-    const getCharIndexes = (val) => {
-      let decimalCharIndex = -1;
-      let minusCharIndex = -1;
-      let suffixCharIndex = -1;
-      let currencyCharIndex = -1;
-      if (_decimal.current) {
-        decimalCharIndex = val.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-      }
-      if (_minusSign.current) {
-        minusCharIndex = val.search(_minusSign.current);
-        _minusSign.current.lastIndex = 0;
-      }
-      if (_suffix.current) {
-        suffixCharIndex = val.search(_suffix.current);
-        _suffix.current.lastIndex = 0;
-      }
-      if (_currency.current) {
-        currencyCharIndex = val.search(_currency.current);
-        if (currencyCharIndex === 0 && prefixChar.current && prefixChar.current.length > 1) {
-          currencyCharIndex = prefixChar.current.trim().length;
-        }
-        _currency.current.lastIndex = 0;
-      }
-      return { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex };
-    };
-    const resetRegex = () => {
-      if (_numeral.current) _numeral.current.lastIndex = 0;
-      if (_decimal.current) _decimal.current.lastIndex = 0;
-      if (_group.current) _group.current.lastIndex = 0;
-      if (_minusSign.current) _minusSign.current.lastIndex = 0;
-    };
-    const isNumeralChar = (ch) => {
-      if (ch.length === 1 && (_numeral.current && _numeral.current.test(ch) || _decimal.current && _decimal.current.test(ch) || _group.current && _group.current.test(ch) || _minusSign.current && _minusSign.current.test(ch))) {
-        resetRegex();
-        return true;
-      }
-      return false;
-    };
-    const evaluateEmpty = (newValue) => {
-      var _a2;
-      if ((newValue == null || newValue === "") && !props.allowEmpty) {
-        return (_a2 = props.min) != null ? _a2 : 0;
-      }
-      return newValue;
-    };
-    const validateValueByLimit = (value2) => {
-      if (value2 === "-" || value2 === null || value2 === "") {
-        return null;
-      }
-      let num = typeof value2 === "number" ? value2 : Number(value2);
-      if (Number.isNaN(num)) {
-        return null;
-      }
-      if (props.min != null && num < props.min) num = props.min;
-      if (props.max != null && num > props.max) num = props.max;
-      return num;
-    };
-    const validateValue = (value2) => {
-      if (value2 === "-") return null;
-      return validateValueByLimit(value2);
-    };
-    const formattedValue = (val) => {
-      const newVal = evaluateEmpty(val);
-      return formatValue(newVal);
-    };
-    const updateModel = (event, value2) => {
-      var _a2, _b2;
-      const finalValue = value2;
-      if (props.onValueChange) {
-        props.onValueChange({
+    const emit = React66.useCallback(
+      (event, value2) => {
+        var _a2, _b, _c;
+        (_c = props.onValueChange) == null ? void 0 : _c.call(props, {
           originalEvent: event,
-          value: finalValue,
+          value: value2,
           stopPropagation() {
             event == null ? void 0 : event.stopPropagation();
           },
@@ -12625,600 +12468,160 @@ var InputNumber = React11.memo(
           },
           target: {
             name: (_a2 = props.name) != null ? _a2 : null,
-            id: (_b2 = props.id) != null ? _b2 : null,
-            value: finalValue
+            id: (_b = props.id) != null ? _b : null,
+            value: value2
           }
         });
-      }
-      if (props.onChange && event) {
-        props.onChange({ originalEvent: event, value: finalValue });
-      }
-    };
-    const handleOnChange = (event, currentValue, newValue) => {
-      if (!props.onChange) return;
-      const parsedCurrent = typeof currentValue === "string" ? parseValue(currentValue) : null;
-      const changed = newValue !== parsedCurrent;
-      if (changed) {
-        props.onChange({ originalEvent: event, value: newValue });
-      }
-    };
-    const concatValues = (val1, val2) => {
-      if (val1 && val2) {
-        const decimalCharIndex = val2.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-        const newVal1 = replaceDecimalSeparator(val1);
-        const base = newVal1.split(_decimal.current)[0].replace(_suffix.current, "").trim();
-        return decimalCharIndex !== -1 ? base + val2.slice(decimalCharIndex) : val1;
-      }
-      return val1;
-    };
-    const getDecimalLength = (value2) => {
-      if (value2) {
-        const valueSplit = value2.split(_decimal.current);
-        if (valueSplit.length === 2) {
-          return valueSplit[1].replace(_suffix.current, "").length;
+        if (props.onChange && event) {
+          props.onChange({ originalEvent: event, value: value2 });
         }
-      }
-      return 0;
-    };
-    const deleteRange = (value2, start, end) => {
-      if (end - start === value2.length) {
-        return "";
-      } else if (start === 0) {
-        return value2.slice(end);
-      } else if (end === value2.length) {
-        return value2.slice(0, start);
-      }
-      return value2.slice(0, start) + value2.slice(end);
-    };
-    const replaceSuffix = (value2) => value2 ? value2.replace(_suffix.current, "").trim().replace(/\s/g, "").replace(_currency.current, "") : value2;
-    const insertText = (value2, text, start, end) => {
-      const textSplit = isDecimalSign(text) ? text : text.split(_decimal.current);
-      if (textSplit.length === 2) {
-        const local = value2.slice(start, end);
-        const decimalCharIndex = local.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-        return decimalCharIndex > 0 ? value2.slice(0, start) + formatValue(text) + replaceSuffix(value2).slice(end) : value2 || formatValue(text);
-      }
-      if (isDecimalSign(text) && value2.length === 0) {
-        return formatValue("0.");
-      }
-      if (end - start === value2.length) {
-        return formatValue(text);
-      }
-      if (start === 0) {
-        const suffix = /[A-Za-z]$/.test(value2[end]) ? end - 1 : end;
-        return text + value2.slice(suffix);
-      }
-      if (end === value2.length) {
-        return value2.slice(0, start) + text;
-      }
-      const selectionValue = value2.slice(start, end);
-      const space = /\s$/.test(selectionValue) ? " " : "";
-      return value2.slice(0, start) + text + space + value2.slice(end);
-    };
-    const evaluateEmptyForUpdate = (newValue) => evaluateEmpty(newValue);
-    const updateInput = (value2, insertedValueStr, operation, valueStr) => {
-      var _a2, _b2;
-      insertedValueStr = insertedValueStr || "";
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const inputValue = inputEl.value;
-      let newValue = formatValue(value2);
-      const currentLength = inputValue.length;
-      if (newValue !== valueStr && valueStr != null) {
-        newValue = concatValues(newValue, valueStr);
-      }
-      if (currentLength === 0) {
-        inputEl.value = newValue;
-        inputEl.setSelectionRange(0, 0);
-        const index = initCursor();
-        const selectionEnd = index + insertedValueStr.length + (isDecimalSign(insertedValueStr) ? 1 : 0);
-        inputEl.setSelectionRange(selectionEnd, selectionEnd);
-      } else {
-        let selectionStart = (_a2 = inputEl.selectionStart) != null ? _a2 : 0;
-        let selectionEnd = (_b2 = inputEl.selectionEnd) != null ? _b2 : 0;
-        if (props.maxLength && props.maxLength < newValue.length) {
-          return;
-        }
-        inputEl.value = newValue;
-        const newLength = newValue.length;
-        if (operation === "range-insert") {
-          const startValue = parseValue((inputValue || "").slice(0, selectionStart));
-          const startValueStr = startValue != null ? String(startValue) : "";
-          const startExpr = startValueStr.split("").join("(" + groupChar.current + ")?");
-          const sRegex = new RegExp(startExpr, "g");
-          sRegex.test(newValue);
-          const tExpr = insertedValueStr.split("").join("(" + groupChar.current + ")?");
-          const tRegex = new RegExp(tExpr, "g");
-          tRegex.test(newValue.slice(sRegex.lastIndex));
-          selectionEnd = sRegex.lastIndex + tRegex.lastIndex;
-          inputEl.setSelectionRange(selectionEnd, selectionEnd);
-        } else if (newLength === currentLength) {
-          if (operation === "insert" || operation === "delete-back-single") {
-            let newSelectionEnd = selectionEnd;
-            if (insertedValueStr === "0") {
-              newSelectionEnd = selectionEnd + 1;
-            } else {
-              newSelectionEnd = newSelectionEnd + Number(isDecimalSign(value2) || isDecimalSign(insertedValueStr));
-            }
-            inputEl.setSelectionRange(newSelectionEnd, newSelectionEnd);
-          } else if (operation === "delete-single") {
-            inputEl.setSelectionRange(selectionEnd - 1, selectionEnd - 1);
-          } else if (operation === "delete-range" || operation === "spin") {
-            inputEl.setSelectionRange(selectionEnd, selectionEnd);
-          }
-        } else if (operation === "delete-back-single") {
-          const prevChar = inputValue.charAt(selectionEnd - 1);
-          const nextChar = inputValue.charAt(selectionEnd);
-          const diff = currentLength - newLength;
-          const isGroupChar = _group.current.test(nextChar);
-          if (isGroupChar && diff === 1) {
-            selectionEnd = selectionEnd + 1;
-          } else if (!isGroupChar && isNumeralChar(prevChar)) {
-            selectionEnd = selectionEnd + (-1 * diff + 1);
-          }
-          _group.current.lastIndex = 0;
-          inputEl.setSelectionRange(selectionEnd, selectionEnd);
-        } else if (inputValue === "-" && operation === "insert") {
-          inputEl.setSelectionRange(0, 0);
-          const idx = initCursor();
-          const end = idx + insertedValueStr.length + 1;
-          inputEl.setSelectionRange(end, end);
-        } else {
-          selectionEnd = selectionEnd + (newLength - currentLength);
-          inputEl.setSelectionRange(selectionEnd, selectionEnd);
-        }
-      }
-      inputEl.setAttribute("aria-valuenow", value2 == null ? "" : String(value2));
-    };
-    const updateInputValue = (newValue) => {
-      const evaluated = evaluateEmptyForUpdate(newValue);
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const current = inputEl.value;
-      const formatted = formattedValue(evaluated);
-      if (current !== formatted) {
-        inputEl.value = formatted;
-        inputEl.setAttribute("aria-valuenow", evaluated == null ? "" : String(evaluated));
-      }
-    };
-    const isValueChanged = (currentValue, newValue) => {
-      if (newValue == null && currentValue != null) return true;
-      if (newValue != null) {
-        const parsedCurrent = typeof currentValue === "string" ? parseValue(currentValue) : null;
-        return newValue !== parsedCurrent;
-      }
-      return false;
-    };
-    const updateValue = (event, valueStr, insertedValueStr, operation) => {
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const currentValue = inputEl.value;
-      if (valueStr != null) {
-        const parsed = parseValue(valueStr);
-        evaluateEmpty(parsed);
-        const limited = validateValueByLimit(parsed);
-        updateInput(limited, insertedValueStr, operation, valueStr);
-        if (event && typeof currentValue === "string" && typeof limited === "number" && isValueChanged(currentValue, limited)) {
-          handleOnChange(event, currentValue, limited);
+      },
+      [props]
+    );
+    const setCaret = (pos) => {
+      const el = inputRef.current;
+      if (!el) return;
+      queueMicrotask(() => {
+        try {
+          el.setSelectionRange(pos, pos);
+        } catch {
         }
-        updateModel(event, limited);
-      }
-    };
-    const spin = (event, dir) => {
-      var _a2, _b2;
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const step = ((_a2 = props.step) != null ? _a2 : 1) * dir;
-      const currentValue = (_b2 = parseValue(inputEl.value)) != null ? _b2 : 0;
-      const newValue = validateValue(addWithPrecision(currentValue, step));
-      if (newValue == null) return;
-      if (props.maxLength && props.maxLength < formatValue(newValue).length) {
-        return;
-      }
-      handleOnChange(event, inputEl.value, newValue);
-      updateInput(newValue, null, "spin");
-      updateModel(event, newValue);
+      });
     };
-    const insert = (event, text, sign = {
-      isDecimalSign: false,
-      isMinusSign: false
-    }) => {
-      var _a2, _b2, _c, _d;
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const minusCharIndexOnText = text.search(_minusSign.current);
-      _minusSign.current.lastIndex = 0;
-      if (!allowMinusSign() && minusCharIndexOnText !== -1) {
-        return;
-      }
-      let selectionStart = (_a2 = inputEl.selectionStart) != null ? _a2 : 0;
-      let selectionEnd = (_b2 = inputEl.selectionEnd) != null ? _b2 : 0;
-      const inputValue = inputEl.value.trim();
-      const { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex } = getCharIndexes(inputValue);
-      const maxFractionDigits = (_d = (_c = numberFormat.current) == null ? void 0 : _c.resolvedOptions().maximumFractionDigits) != null ? _d : 0;
-      const hasBoundOrAffix = !!(props.min || props.max || props.suffix || props.prefix);
-      let newValueStr = null;
-      if (sign.isMinusSign) {
-        const isNewMinusSign = minusCharIndex === -1;
-        if (selectionStart === 0 || selectionStart === currencyCharIndex + 1) {
-          newValueStr = inputValue;
-          if (isNewMinusSign || selectionEnd !== 0) {
-            newValueStr = insertText(inputValue, text, 0, selectionEnd);
-          }
-          updateValue(event, newValueStr, text, "insert");
-        }
-      } else if (sign.isDecimalSign) {
-        if (decimalCharIndex > 0 && selectionStart === decimalCharIndex) {
-          updateValue(event, inputValue, text, "insert");
-        } else if (decimalCharIndex > selectionStart && decimalCharIndex < selectionEnd) {
-          newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-          updateValue(event, newValueStr, text, "insert");
-        } else if (decimalCharIndex === -1 && (maxFractionDigits || props.maxFractionDigits)) {
-          const allowedDecimal = inputMode !== "numeric" || inputMode === "numeric" && hasBoundOrAffix;
-          if (allowedDecimal) {
-            newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-            updateValue(event, newValueStr, text, "insert");
-          }
-        }
-      } else {
-        const operation = selectionStart !== selectionEnd ? "range-insert" : "insert";
-        if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-          if (selectionStart + text.length - (decimalCharIndex + 1) <= maxFractionDigits) {
-            const charIndex = currencyCharIndex >= selectionStart ? currencyCharIndex - 1 : suffixCharIndex >= selectionStart ? suffixCharIndex : inputValue.length;
-            newValueStr = inputValue.slice(0, selectionStart) + text + inputValue.slice(selectionStart + text.length, charIndex) + inputValue.slice(charIndex);
-            updateValue(event, newValueStr, text, operation);
-          }
-        } else {
-          newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-          updateValue(event, newValueStr, text, operation);
+    const formatFromModel = React66.useCallback(
+      (n3) => {
+        if (n3 == null) return "";
+        if (!props.format) return toEditableFromNumber(n3);
+        const formatted = formatDisplayNumber(
+          n3,
+          locale,
+          fmtOptions,
+          props.prefix,
+          props.suffix
+        );
+        return formatted;
+      },
+      [
+        props.format,
+        props.prefix,
+        props.suffix,
+        locale,
+        fmtOptions,
+        toEditableFromNumber
+      ]
+    );
+    const getModelFromDisplay = React66.useCallback(
+      (text) => {
+        const stripped = stripAffixes(text, props.prefix, props.suffix);
+        const withoutGroup = stripGrouping(stripped, locale);
+        const candidate = decimalSep !== "." ? withoutGroup.replace(".", decimalSep) : withoutGroup;
+        const n3 = parseEditable(candidate, locale, decimalSep);
+        if (n3 == null) return null;
+        const clamped = clampModel(n3);
+        return clamped;
+      },
+      [props.prefix, props.suffix, locale, decimalSep, clampModel]
+    );
+    const syncFromPropsValue = React66.useCallback(
+      (v2) => {
+        if (v2 == null) {
+          setDisplay("");
+          return;
         }
-      }
-    };
-    const initCursor = () => {
+        const clamped = clampModel(v2);
+        setDisplay(
+          focused ? toEditableFromNumber(clamped) : formatFromModel(clamped)
+        );
+      },
+      [clampModel, focused, toEditableFromNumber, formatFromModel]
+    );
+    React66.useEffect(() => {
       var _a2;
-      const inputEl = inputRef.current;
-      if (!inputEl) return 0;
-      let selectionStart = (_a2 = inputEl.selectionStart) != null ? _a2 : 0;
-      let inputValue = inputEl.value;
-      const valueLength = inputValue.length;
-      let index = null;
-      const prefixLength = (prefixChar.current || "").length;
-      inputValue = inputValue.replace(_prefix.current, "");
-      selectionStart = selectionStart - prefixLength;
-      let ch = inputValue.charAt(selectionStart);
-      if (isNumeralChar(ch)) {
-        return selectionStart + prefixLength;
-      }
-      let i3 = selectionStart - 1;
-      while (i3 >= 0) {
-        ch = inputValue.charAt(i3);
-        if (isNumeralChar(ch)) {
-          index = i3 + prefixLength;
-          break;
-        }
-        i3--;
-      }
-      if (index != null) {
-        inputEl.setSelectionRange(index + 1, index + 1);
-      } else {
-        i3 = selectionStart;
-        while (i3 < valueLength) {
-          ch = inputValue.charAt(i3);
-          if (isNumeralChar(ch)) {
-            index = i3 + prefixLength;
-            break;
-          }
-          i3++;
-        }
-        if (index != null) {
-          inputEl.setSelectionRange(index, index);
-        }
-      }
-      return index != null ? index : 0;
-    };
-    const onInputPointerDown = () => {
-      isFocusedByClick.current = true;
-    };
-    const onInputClick = () => {
-      initCursor();
-    };
-    const onInput = (event) => {
-      if (props.disabled || props.readOnly) return;
-      if (utilsIsSpecialChar.current) {
-        event.currentTarget.value = lastValue.current;
-        utilsIsSpecialChar.current = false;
-      }
-    };
-    const utilsIsSpecialChar = React11.useRef(false);
-    const onInputAndroidKey = (event) => {
+      syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
+    }, []);
+    React66.useEffect(() => {
       var _a2;
-      const isAndroid2 = /Android/i.test(navigator.userAgent);
-      if (!isAndroid2 || props.disabled || props.readOnly) return;
-      (_a2 = props.onKeyUp) == null ? void 0 : _a2.call(props, event);
-      if (event.defaultPrevented) return;
-      const code = event.which || event.keyCode;
-      if (code !== 13) {
-        event.preventDefault();
-      }
-      const ch = String.fromCharCode(code);
-      const decimal = isDecimalSign(ch);
-      const minus = isMinusSign(ch);
-      if (code >= 48 && code <= 57 || minus || decimal) {
-        insert(event, ch, { isDecimalSign: decimal, isMinusSign: minus });
-      } else {
-        const inputVal = event.target.value;
-        updateValue(event, inputVal, null, "delete-single");
-      }
-    };
-    const onInputKeyDown = (event) => {
-      var _a2, _b2, _c;
-      if (props.disabled || props.readOnly) return;
-      if (event.altKey || event.ctrlKey || event.metaKey) {
-        if (event.key.toLowerCase() === "x" && (event.ctrlKey || event.metaKey)) {
-          utilsIsSpecialChar.current = false;
-        } else {
-          utilsIsSpecialChar.current = true;
-        }
-        return;
-      }
-      (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
-      if (event.defaultPrevented) return;
-      const inputEl = event.currentTarget;
-      lastValue.current = inputEl.value;
-      const isAndroid2 = /Android/i.test(navigator.userAgent);
-      if (isAndroid2) return;
-      let selectionStart = (_b2 = inputEl.selectionStart) != null ? _b2 : 0;
-      let selectionEnd = (_c = inputEl.selectionEnd) != null ? _c : 0;
-      const inputValue = inputEl.value;
-      let newValueStr = null;
-      switch (event.code) {
-        case "ArrowUp":
-          spin(event, 1);
-          event.preventDefault();
-          break;
-        case "ArrowDown":
-          spin(event, -1);
-          event.preventDefault();
-          break;
-        case "ArrowLeft": {
-          const charPrev = inputValue.charAt(selectionStart - 1);
-          if (!isNumeralChar(charPrev)) {
-            event.preventDefault();
-          }
-          break;
-        }
-        case "ArrowRight": {
-          const charNext = inputValue.charAt(selectionStart);
-          if (!isNumeralChar(charNext)) {
-            event.preventDefault();
-          }
-          break;
-        }
-        case "Tab":
-        case "Enter":
-        case "NumpadEnter": {
-          const parsedVal = validateValue(parseValue(inputValue));
-          inputRef.current.value = formatValue(parsedVal);
-          inputRef.current.setAttribute("aria-valuenow", parsedVal == null ? "" : String(parsedVal));
-          updateModel(event, parsedVal);
-          break;
-        }
-        case "Backspace": {
-          event.preventDefault();
-          if (selectionStart === selectionEnd) {
-            const deleteChar = inputValue.charAt(selectionStart - 1);
-            if (isNumeralChar(deleteChar)) {
-              const {
-                decimalCharIndex,
-                decimalCharIndexWithoutPrefix
-              } = getDecimalCharIndexes(inputValue);
-              const decimalLength = getDecimalLength(inputValue);
-              if (_group.current.test(deleteChar)) {
-                _group.current.lastIndex = 0;
-                newValueStr = inputValue.slice(0, selectionStart - 2) + inputValue.slice(selectionStart - 1);
-              } else if (_decimal.current.test(deleteChar)) {
-                _decimal.current.lastIndex = 0;
-                if (decimalLength) {
-                  inputRef.current.setSelectionRange(selectionStart - 1, selectionStart - 1);
-                } else {
-                  newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
-                }
-              } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                const insertedText = isDecimalMode() && (props.minFractionDigits || 0) < decimalLength ? "" : "0";
-                newValueStr = inputValue.slice(0, selectionStart - 1) + insertedText + inputValue.slice(selectionStart);
-              } else if (decimalCharIndexWithoutPrefix === 1) {
-                newValueStr = inputValue.slice(0, selectionStart - 1) + "0" + inputValue.slice(selectionStart);
-                newValueStr = parseValue(newValueStr) > 0 ? newValueStr : "";
-              } else {
-                newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
-              }
-            } else if (_currency.current.test(deleteChar)) {
-              const {
-                minusCharIndex,
-                currencyCharIndex
-              } = getCharIndexes(inputValue);
-              if (minusCharIndex === currencyCharIndex - 1) {
-                newValueStr = inputValue.slice(0, minusCharIndex) + inputValue.slice(selectionStart);
-              }
-            }
-            updateValue(event, newValueStr, null, "delete-single");
-          } else {
-            newValueStr = deleteRange(inputValue, selectionStart, selectionEnd);
-            updateValue(event, newValueStr, null, "delete-range");
-          }
-          break;
-        }
-        case "Delete": {
-          event.preventDefault();
-          if (selectionStart === selectionEnd) {
-            const deleteChar = inputValue.charAt(selectionStart);
-            const {
-              decimalCharIndex,
-              decimalCharIndexWithoutPrefix
-            } = getDecimalCharIndexes(inputValue);
-            if (isNumeralChar(deleteChar)) {
-              const decimalLength = getDecimalLength(inputValue);
-              if (_group.current.test(deleteChar)) {
-                _group.current.lastIndex = 0;
-                newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 2);
-              } else if (_decimal.current.test(deleteChar)) {
-                _decimal.current.lastIndex = 0;
-                if (decimalLength) {
-                  inputRef.current.setSelectionRange(selectionStart + 1, selectionStart + 1);
-                } else {
-                  newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
-                }
-              } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                const insertedText = isDecimalMode() && (props.minFractionDigits || 0) < decimalLength ? "" : "0";
-                newValueStr = inputValue.slice(0, selectionStart) + insertedText + inputValue.slice(selectionStart + 1);
-              } else if (decimalCharIndexWithoutPrefix === 1) {
-                newValueStr = inputValue.slice(0, selectionStart) + "0" + inputValue.slice(selectionStart + 1);
-                newValueStr = parseValue(newValueStr) > 0 ? newValueStr : "";
-              } else {
-                newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
-              }
-            }
-            updateValue(event, newValueStr, null, "delete-back-single");
-          } else {
-            newValueStr = deleteRange(inputValue, selectionStart, selectionEnd);
-            updateValue(event, newValueStr, null, "delete-range");
-          }
-          break;
-        }
-        case "End":
-          event.preventDefault();
-          if (props.max != null) {
-            updateModel(event, props.max);
-            updateInputValue(props.max);
-          }
-          break;
-        case "Home":
-          event.preventDefault();
-          if (props.min != null) {
-            updateModel(event, props.min);
-            updateInputValue(props.min);
-          }
-          break;
-        default: {
-          event.preventDefault();
-          let ch = event.key;
-          if (!ch) break;
-          if (ch === ".") {
-            ch = _decimalSeparator.current;
-          }
-          const decimal = isDecimalSign(ch);
-          const minus = isMinusSign(ch);
-          if (ch >= "0" && ch <= "9" || minus || decimal) {
-            insert(event, ch, { isDecimalSign: decimal, isMinusSign: minus });
-          }
-          break;
-        }
-      }
-    };
-    const onPaste = (event) => {
-      event.preventDefault();
-      if (props.disabled || props.readOnly) return;
-      const data = (event.clipboardData || window.clipboardData).getData("Text");
-      if (!data) return;
-      const filteredData = parseValue(data);
-      if (filteredData != null) {
-        if (typeof filteredData === "number" && isFloat(filteredData)) {
-          const formatted = formatValue(filteredData);
-          if (inputRef.current) {
-            inputRef.current.value = formatted;
-          }
-          updateModel(event, filteredData);
-        } else {
-          insert(event, String(filteredData));
-        }
-      }
-    };
-    const onInputFocus = (event) => {
+      if (focused) return;
+      syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
+    }, [props.value, focused, syncFromPropsValue]);
+    const onFocus = (e4) => {
       var _a2;
-      setFocusedState(true);
-      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, event);
-      if ((props.suffix || props.currency || props.prefix) && inputRef.current && !isFocusedByClick.current) {
-        const inputValue = inputRef.current.value;
-        const prefixLength = (prefixChar.current || "").length;
-        const suffixLength = (suffixChar.current || "").length;
-        const end = inputValue.length === 0 ? 0 : inputValue.length - suffixLength;
-        inputRef.current.setSelectionRange(prefixLength, end);
-      }
+      setFocused(true);
+      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e4);
+      const model = isFiniteNumber(props.value) ? clampModel(props.value) : getModelFromDisplay(display);
+      const editable = model == null ? stripAffixes(display, props.prefix, props.suffix) : toEditableFromNumber(model);
+      const normalized = normalizeEditable(
+        editable,
+        locale,
+        decimalSep,
+        allowMinus
+      );
+      setDisplay(normalized);
+      queueMicrotask(() => {
+        var _a3, _b;
+        setCaret(((_b = (_a3 = inputRef.current) == null ? void 0 : _a3.value) != null ? _b : "").length);
+      });
     };
-    const onInputBlur = (event) => {
-      var _a2, _b2;
-      setFocusedState(false);
-      isFocusedByClick.current = false;
-      if (inputRef.current) {
-        const currentValue = inputRef.current.value;
-        if (isValueChanged(currentValue, (_a2 = props.value) != null ? _a2 : null)) {
-          const newValue = validateValue(parseValue(currentValue));
-          updateInputValue(newValue);
-          updateModel(event, newValue);
-        }
-      }
-      (_b2 = props.onBlur) == null ? void 0 : _b2.call(props, event);
+    const onBlur = (e4) => {
+      var _a2, _b;
+      setFocused(false);
+      const el = e4.currentTarget;
+      const raw = stripAffixes(el.value, props.prefix, props.suffix);
+      const normalized = normalizeEditable(
+        raw,
+        locale,
+        decimalSep,
+        allowMinus
+      );
+      const parsed = parseEditable(normalized, locale, decimalSep);
+      let model = parsed == null ? null : clampModel(parsed);
+      if (model == null && props.allowEmpty === false) {
+        const fallback = (_a2 = props.min) != null ? _a2 : 0;
+        model = clampModel(fallback);
+      }
+      setDisplay(formatFromModel(model));
+      emit(e4, model);
+      (_b = props.onBlur) == null ? void 0 : _b.call(props, e4);
     };
-    const changeValue = () => {
-      const val = validateValueByLimit(props.value);
-      updateInputValue(props.format ? val : replaceDecimalSeparator(val));
-      const newValue = validateValue(props.value);
-      if (props.value != null && props.value !== newValue) {
-        updateModel(null, newValue);
+    const onChangeText = (e4) => {
+      var _a2, _b;
+      if (props.disabled || props.readOnly) return;
+      const el = e4.currentTarget;
+      const caretBefore = (_a2 = el.selectionStart) != null ? _a2 : el.value.length;
+      const stripped = stripAffixes(el.value, props.prefix, props.suffix);
+      let next = normalizeEditable(
+        stripped,
+        locale,
+        decimalSep,
+        allowMinus
+      );
+      const fracLimit = props.maxFractionDigits;
+      if (fracLimit != null) {
+        const applied = applyFractionLimitReplace(
+          next,
+          display,
+          locale,
+          decimalSep,
+          fracLimit,
+          el
+        );
+        next = applied.text;
+        setDisplay(next);
+        setCaret(applied.caret);
+      } else {
+        setDisplay(next);
+        setCaret(caretBefore);
       }
+      const parsed = parseEditable(next, locale, decimalSep);
+      const model = parsed == null ? null : clampModel(parsed);
+      const finalModel = model == null && props.allowEmpty === false ? clampModel((_b = props.min) != null ? _b : 0) : model;
+      emit(e4, finalModel);
     };
-    React11.useImperativeHandle(ref, () => inputRef.current);
-    React11.useEffect(() => {
-      if (props.inputRef) {
-        if (typeof props.inputRef === "function") {
-          props.inputRef(inputRef.current);
-        } else {
-          props.inputRef.current = inputRef.current;
-        }
-      }
-    }, [props.inputRef]);
-    React11.useEffect(
-      () => () => {
-        clearTimer();
-      },
-      []
-    );
-    React11.useEffect(() => {
-      constructParser();
-      const newValue = validateValue(props.value);
-      if (props.value != null && props.value !== newValue) {
-        updateModel(null, newValue);
-      }
-    }, []);
-    React11.useEffect(() => {
-      constructParser();
-      changeValue();
-    }, [
-      _locale,
-      props.locale,
-      props.localeMatcher,
-      props.mode,
-      props.currency,
-      props.currencyDisplay,
-      props.useGrouping,
-      props.minFractionDigits,
-      props.maxFractionDigits,
-      props.suffix,
-      props.prefix
-    ]);
-    React11.useEffect(() => {
-      changeValue();
-    }, [props.value]);
-    React11.useEffect(() => {
-      if (props.disabled) clearTimer();
-    }, [props.disabled]);
+    const inputMode = props.inputMode || (props.mode === "decimal" && props.maxFractionDigits == null && props.minFractionDigits == null ? "numeric" : "decimal");
     const inputClassName = [
       props.inputClassName,
       props.invalid ? "p-invalid" : void 0
     ].filter(Boolean).join(" ");
-    const valueToRender = formattedValue((_a = props.value) != null ? _a : null);
     const {
       inputId,
       inputStyle,
@@ -13229,34 +12632,32 @@ var InputNumber = React11.memo(
       value,
       icon,
       iconGap,
-      // anything you *don’t* want to pass down can be pulled out here too
-      // e.g. internal-only props
       ...passThroughProps
-      // everything else goes straight to ShadcnTextVariant
     } = props;
     return (
       //@ts-ignore
       /* @__PURE__ */ jsx(
         Input,
         {
-          value,
-          ref: inputRef,
+          ref: (node) => {
+            inputRef.current = node;
+            if (typeof props.inputRef === "function")
+              props.inputRef(node);
+            else if (props.inputRef && typeof props.inputRef === "object") {
+              props.inputRef.current = node;
+            }
+          },
           ...passThroughProps,
           id: inputId != null ? inputId : props.id,
           style: inputStyle != null ? inputStyle : props.style,
           role: "spinbutton",
           className: inputClassName || props.className,
-          defaultValue: valueToRender,
-          type: (_b = props.type) != null ? _b : "text",
+          type: (_a = props.type) != null ? _a : "text",
           inputMode,
-          onKeyDown: onInputKeyDown,
-          onKeyPress: onInputAndroidKey,
-          onInput,
-          onClick: onInputClick,
-          onPointerDown: onInputPointerDown,
-          onBlur: onInputBlur,
-          onFocus: onInputFocus,
-          onPaste,
+          value: display,
+          onFocus,
+          onBlur,
+          onChange: onChangeText,
           leadingControl,
           trailingControl,
           leadingControlClassName,
@@ -13269,7 +12670,7 @@ var InputNumber = React11.memo(
   })
 );
 InputNumber.displayName = "InputNumber";
-var ShadcnNumberVariant = React11__default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
+var ShadcnNumberVariant = React66__default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
   const {
     showButtons,
     buttonLayout = "stacked",
@@ -13287,7 +12688,7 @@ var ShadcnNumberVariant = React11__default.forwardRef(function ShadcnNumberVaria
     id,
     inputId
   } = rest;
-  const handleChange = React11__default.useCallback(
+  const handleChange = React66__default.useCallback(
     (e4) => {
       if (onValueChange) {
         onValueChange(e4.value, {
@@ -13299,7 +12700,7 @@ var ShadcnNumberVariant = React11__default.forwardRef(function ShadcnNumberVaria
     },
     [onValueChange]
   );
-  const handleStep = React11__default.useCallback(
+  const handleStep = React66__default.useCallback(
     (direction, originalEvent) => {
       var _a;
       if (disabled) return;
@@ -13810,7 +13211,7 @@ var CountrySelect = ({
     }) })
   ] }) });
 };
-var ShadcnPhoneVariant = React11.forwardRef(function ShadcnPhoneVariant2(props, ref) {
+var ShadcnPhoneVariant = React66.forwardRef(function ShadcnPhoneVariant2(props, ref) {
   const {
     countries: countriesProp,
     defaultCountry,
@@ -13835,8 +13236,8 @@ var ShadcnPhoneVariant = React11.forwardRef(function ShadcnPhoneVariant2(props,
   } = props;
   let DEFAULT_COUNTRIES2 = getGlobalCountryList();
   const defaultCountries = countriesProp && countriesProp.length > 0 ? countriesProp : DEFAULT_COUNTRIES2;
-  const [countries, setLoadedCountries] = React11.useState(defaultCountries);
-  React11.useEffect(() => {
+  const [countries, setLoadedCountries] = React66.useState(defaultCountries);
+  React66.useEffect(() => {
     if (countriesProp == null ? void 0 : countriesProp.length) return;
     const list = getPaletteUtil("countries");
     if (list == null ? void 0 : list.length) {
@@ -13849,7 +13250,7 @@ var ShadcnPhoneVariant = React11.forwardRef(function ShadcnPhoneVariant2(props,
       });
     }
   }, []);
-  const [country, setCountry] = React11.useState(() => {
+  const [country, setCountry] = React66.useState(() => {
     var _a;
     if (defaultCountry) {
       const found = countries.find((c2) => c2.code === defaultCountry);
@@ -13857,7 +13258,7 @@ var ShadcnPhoneVariant = React11.forwardRef(function ShadcnPhoneVariant2(props,
     }
     return (_a = countries[0]) != null ? _a : DEFAULT_COUNTRIES2[0];
   });
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setCountry((prev) => {
       var _a;
       if (defaultCountry) {
@@ -13868,13 +13269,13 @@ var ShadcnPhoneVariant = React11.forwardRef(function ShadcnPhoneVariant2(props,
       return (_a = stillThere != null ? stillThere : countries[0]) != null ? _a : prev;
     });
   }, [countries, defaultCountry]);
-  const [local, setLocal] = React11.useState(
+  const [local, setLocal] = React66.useState(
     () => computeDisplayFromValue(value, country, keepCharPositions)
   );
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setLocal(computeDisplayFromValue(value, country, keepCharPositions));
   }, [value, country, keepCharPositions]);
-  const handleInputChange = React11.useCallback(
+  const handleInputChange = React66.useCallback(
     (event) => {
       var _a;
       const rawInput = (_a = event.target.value) != null ? _a : "";
@@ -13900,7 +13301,7 @@ var ShadcnPhoneVariant = React11.forwardRef(function ShadcnPhoneVariant2(props,
     },
     [country, valueMode, keepCharPositions, onValue]
   );
-  const handleCountryChange = React11.useCallback(
+  const handleCountryChange = React66.useCallback(
     (nextCode) => {
       var _a;
       const nextCountry = (_a = countries.find((c2) => c2.code === nextCode)) != null ? _a : countries[0];
@@ -13987,7 +13388,7 @@ function normalizeColorForPicker(value) {
   }
   return "#000000";
 }
-var ShadcnColorVariant = React11.forwardRef(function ShadcnColorVariant2(props, ref) {
+var ShadcnColorVariant = React66.forwardRef(function ShadcnColorVariant2(props, ref) {
   const {
     // variant contract
     value,
@@ -14008,22 +13409,22 @@ var ShadcnColorVariant = React11.forwardRef(function ShadcnColorVariant2(props,
     // everything else → Input (size, density, className, icons, etc.)
     ...restTextProps
   } = props;
-  const [local, setLocal] = React11.useState(value != null ? value : "");
-  const [pickerOpen, setPickerOpen] = React11.useState(false);
-  React11.useEffect(() => {
+  const [local, setLocal] = React66.useState(value != null ? value : "");
+  const [pickerOpen, setPickerOpen] = React66.useState(false);
+  React66.useEffect(() => {
     setLocal(value != null ? value : "");
   }, [value]);
-  const pickerRef = React11.useRef(null);
+  const pickerRef = React66.useRef(null);
   const effectiveColor = normalizeColorForPicker(local || value);
   const showError = Boolean(error);
-  const openSystemPicker = React11.useCallback(() => {
+  const openSystemPicker = React66.useCallback(() => {
     setPickerOpen(true);
     window.setTimeout(() => {
       var _a;
       (_a = pickerRef.current) == null ? void 0 : _a.click();
     }, 0);
   }, []);
-  const handleTextChange = React11.useCallback(
+  const handleTextChange = React66.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -14040,7 +13441,7 @@ var ShadcnColorVariant = React11.forwardRef(function ShadcnColorVariant2(props,
     },
     [onValue]
   );
-  const handlePickerChange = React11.useCallback(
+  const handlePickerChange = React66.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -14058,7 +13459,7 @@ var ShadcnColorVariant = React11.forwardRef(function ShadcnColorVariant2(props,
     },
     [onValue]
   );
-  const handlePickerBlur = React11.useCallback(() => {
+  const handlePickerBlur = React66.useCallback(() => {
     setPickerOpen(false);
   }, []);
   const leadingControl = showPreview ? /* @__PURE__ */ jsx(
@@ -14360,7 +13761,7 @@ function meterColor(score) {
   if (score === 3) return "bg-amber-500";
   return "bg-emerald-500";
 }
-var ShadcnPasswordVariant = React11.forwardRef(function ShadcnPasswordVariant2(props, ref) {
+var ShadcnPasswordVariant = React66.forwardRef(function ShadcnPasswordVariant2(props, ref) {
   var _a, _b;
   const {
     // base variant bits
@@ -14396,18 +13797,18 @@ var ShadcnPasswordVariant = React11.forwardRef(function ShadcnPasswordVariant2(p
     // everything else from Shadcn text UI
     ...restTextProps
   } = props;
-  const [revealed, setRevealed] = React11.useState(
+  const [revealed, setRevealed] = React66.useState(
     Boolean(defaultRevealed)
   );
-  const normalizedStrength = React11.useMemo(
+  const normalizedStrength = React66.useMemo(
     () => normalizeStrengthOptions(strengthMeter),
     [strengthMeter]
   );
-  const effectiveRuleDefinitions = React11.useMemo(
+  const effectiveRuleDefinitions = React66.useMemo(
     () => getMergedRuleDefinitions(ruleDefinitions),
     [ruleDefinitions]
   );
-  const meterState = React11.useMemo(() => {
+  const meterState = React66.useMemo(() => {
     if (!normalizedStrength) return null;
     const v2 = value != null ? value : "";
     return computeMeterState(
@@ -14417,14 +13818,14 @@ var ShadcnPasswordVariant = React11.forwardRef(function ShadcnPasswordVariant2(p
       ruleUses
     );
   }, [normalizedStrength, value, ruleUses, effectiveRuleDefinitions]);
-  const handleToggleReveal = React11.useCallback(() => {
+  const handleToggleReveal = React66.useCallback(() => {
     setRevealed((prev) => {
       const next = !prev;
       onRevealChange == null ? void 0 : onRevealChange(next);
       return next;
     });
   }, [onRevealChange]);
-  const handleChange = React11.useCallback(
+  const handleChange = React66.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -17074,38 +16475,38 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 function Button(props) {
-  return React11__default.createElement("button", { ...props });
+  return React66__default.createElement("button", { ...props });
 }
 function CaptionLabel(props) {
-  return React11__default.createElement("span", { ...props });
+  return React66__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
-    React11__default.createElement(
+    React66__default.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React11__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" && React11__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" && React11__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React11__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      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" })
     )
   );
 }
 function Day(props) {
   const { day, modifiers, ...tdProps } = props;
-  return React11__default.createElement("td", { ...tdProps });
+  return React66__default.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React11__default.useRef(null);
-  React11__default.useEffect(() => {
+  const ref = React66__default.useRef(null);
+  React66__default.useEffect(() => {
     var _a;
     if (modifiers.focused)
       (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
-  return React11__default.createElement("button", { ref, ...buttonProps });
+  return React66__default.createElement("button", { ref, ...buttonProps });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/UI.js
@@ -17168,37 +16569,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 React11__default.createElement(
+  return React66__default.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React11__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React11__default.createElement(components.Option, { key: value, value, disabled }, label))),
-    React11__default.createElement(
+    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(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption == null ? void 0 : selectedOption.label,
-      React11__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React66__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React11__default.createElement("div", { ...props });
+  return React66__default.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React11__default.createElement("div", { ...props });
+  return React66__default.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React11__default.createElement("div", { ...divProps }, props.children);
+  return React66__default.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React11__default.createElement("div", { ...divProps });
+  return React66__default.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React11__default.createElement("table", { ...props });
+  return React66__default.createElement("table", { ...props });
 }
 function Months(props) {
-  return React11__default.createElement("div", { ...props });
+  return React66__default.createElement("div", { ...props });
 }
 var dayPickerContext = createContext(void 0);
 function useDayPicker() {
@@ -17212,7 +16613,7 @@ function useDayPicker() {
 // ../../node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React11__default.createElement(components.Dropdown, { ...props });
+  return React66__default.createElement(components.Dropdown, { ...props });
 }
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
@@ -17227,66 +16628,66 @@ function Nav(props) {
       onPreviousClick == null ? void 0 : onPreviousClick(e4);
     }
   }, [previousMonth, onPreviousClick]);
-  return React11__default.createElement(
+  return React66__default.createElement(
     "nav",
     { ...navProps },
-    React11__default.createElement(
+    React66__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 },
-      React11__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React66__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React11__default.createElement(
+    React66__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 },
-      React11__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React66__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return React11__default.createElement(components.Button, { ...props });
+  return React66__default.createElement(components.Button, { ...props });
 }
 function Option(props) {
-  return React11__default.createElement("option", { ...props });
+  return React66__default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return React11__default.createElement(components.Button, { ...props });
+  return React66__default.createElement(components.Button, { ...props });
 }
 function Root3(props) {
   const { rootRef, ...rest } = props;
-  return React11__default.createElement("div", { ...rest, ref: rootRef });
+  return React66__default.createElement("div", { ...rest, ref: rootRef });
 }
 function Select2(props) {
-  return React11__default.createElement("select", { ...props });
+  return React66__default.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React11__default.createElement("tr", { ...trProps });
+  return React66__default.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React11__default.createElement("th", { ...props });
+  return React66__default.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React11__default.createElement(
+  return React66__default.createElement(
     "thead",
     { "aria-hidden": true },
-    React11__default.createElement("tr", { ...props })
+    React66__default.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React11__default.createElement("th", { ...thProps });
+  return React66__default.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React11__default.createElement("th", { ...props });
+  return React66__default.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React11__default.createElement("tbody", { ...props });
+  return React66__default.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React11__default.createElement(components.Dropdown, { ...props });
+  return React66__default.createElement(components.Dropdown, { ...props });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
@@ -18773,18 +18174,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React11__default.createElement(
+  return React66__default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React11__default.createElement(
+    React66__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 },
-      React11__default.createElement(
+      React66__default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && React11__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 && 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 }),
         months.map((calendarMonth, displayIndex) => {
-          return React11__default.createElement(
+          return React66__default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -18795,21 +18196,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React11__default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React66__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 },
-              React11__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React66__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React11__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")) ? React11__default.createElement(
+            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(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React11__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) }) : React11__default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React11__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) }) : React11__default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                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 controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React11__default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React66__default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -18821,27 +18222,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React11__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 && React11__default.createElement(
+            ) : 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(
               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 },
-              React11__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React66__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 && React11__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 }),
-            React11__default.createElement(
+            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(
               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 && React11__default.createElement(
+              !props.hideWeekdays && React66__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 && React11__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) => React11__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 && 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)))
               ),
-              React11__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 React11__default.createElement(
+              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(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React11__default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React66__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) => {
@@ -18858,7 +18259,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 React11__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 ? React11__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 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));
                   })
                 );
               }))
@@ -18866,7 +18267,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React11__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 && React66__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -19109,8 +18510,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React11.useRef(null);
-  React11.useEffect(() => {
+  const ref = React66.useRef(null);
+  React66.useEffect(() => {
     var _a;
     if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
@@ -19187,15 +18588,15 @@ var TimeDropdowns = (props) => {
     triggerClassName,
     density = "normal"
   } = props;
-  const minuteOptions = React11.useMemo(
+  const minuteOptions = React66.useMemo(
     () => buildMinuteOptions(minuteStep),
     [minuteStep]
   );
-  const secondOptions = React11.useMemo(
+  const secondOptions = React66.useMemo(
     () => buildSecondOptions(secondStep),
     [secondStep]
   );
-  const hourOptions = React11.useMemo(
+  const hourOptions = React66.useMemo(
     () => use12Hour ? buildHourOptions12() : buildHourOptions24(),
     [use12Hour]
   );
@@ -19534,7 +18935,7 @@ function parseRawToDate(rawDigits, kind) {
 function meterSafeDigits(masked) {
   return masked.replace(/\D+/g, "");
 }
-var ShadcnDateVariant = React11.forwardRef(function ShadcnDateVariant2(props, ref) {
+var ShadcnDateVariant = React66.forwardRef(function ShadcnDateVariant2(props, ref) {
   const {
     // variant base bits
     value,
@@ -19567,10 +18968,10 @@ var ShadcnDateVariant = React11.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] = React11.useState(false);
+  const [internalOpen, setInternalOpen] = React66.useState(false);
   const isControlledOpen = open !== void 0;
   const currentOpen = isControlledOpen ? !!open : internalOpen;
-  const handleOpenChange = React11.useCallback(
+  const handleOpenChange = React66.useCallback(
     (next) => {
       if (!isControlledOpen) {
         setInternalOpen(next);
@@ -19580,7 +18981,7 @@ var ShadcnDateVariant = React11.forwardRef(function ShadcnDateVariant2(props, re
     [isControlledOpen, onOpenChange]
   );
   const { single, range } = normalizeValueForMode(value, mode);
-  const displayValue = React11.useMemo(() => {
+  const displayValue = React66.useMemo(() => {
     if (mode === "single") {
       return formatDisplaySingle(single, singlePattern);
     }
@@ -19591,12 +18992,12 @@ var ShadcnDateVariant = React11.forwardRef(function ShadcnDateVariant2(props, re
       rangeSeparator
     );
   }, [mode, single, range, singlePattern, formatRange, rangeSeparator]);
-  const [localText, setLocalText] = React11.useState(displayValue);
-  React11.useEffect(() => {
+  const [localText, setLocalText] = React66.useState(displayValue);
+  React66.useEffect(() => {
     setLocalText(displayValue);
   }, [displayValue]);
   const showTimeDropdowns = mode === "single" && (kind === "datetime" || kind === "time" || kind === "hour");
-  const handleSelect = React11.useCallback(
+  const handleSelect = React66.useCallback(
     (next) => {
       let nextValue;
       let nextRange;
@@ -19646,7 +19047,7 @@ var ShadcnDateVariant = React11.forwardRef(function ShadcnDateVariant2(props, re
     },
     [mode, stayOpenOnSelect, onValue, handleOpenChange, kind, single]
   );
-  const handleTimeChange = React11.useCallback(
+  const handleTimeChange = React66.useCallback(
     (next) => {
       if (!next) {
         const detail2 = {
@@ -19677,7 +19078,7 @@ var ShadcnDateVariant = React11.forwardRef(function ShadcnDateVariant2(props, re
     },
     [mode, kind, onValue]
   );
-  const handleClear = React11.useCallback(
+  const handleClear = React66.useCallback(
     (ev) => {
       ev.preventDefault();
       ev.stopPropagation();
@@ -19696,7 +19097,7 @@ var ShadcnDateVariant = React11.forwardRef(function ShadcnDateVariant2(props, re
   );
   const hasValue = hasSelection(value);
   const placeholderText = typeof placeholder === "string" ? placeholder : mode === "range" ? "Select date range" : "Select date";
-  const handleInputChange = React11.useCallback(
+  const handleInputChange = React66.useCallback(
     (event) => {
       var _a, _b, _c;
       if (mode !== "single") return;
@@ -19883,7 +19284,7 @@ function resolveBasePadding2(size, density) {
   }
   return { px, py };
 }
-var Textarea = React11.forwardRef(
+var Textarea = React66.forwardRef(
   function Textarea2(rawProps, forwardedRef) {
     const {
       // layout wrapper
@@ -19931,8 +19332,8 @@ var Textarea = React11.forwardRef(
     } = rawProps;
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
-    const innerRef = React11.useRef(null);
-    React11.useImperativeHandle(
+    const innerRef = React66.useRef(null);
+    React66.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -19953,11 +19354,11 @@ var Textarea = React11.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 1;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React11.useRef(null);
-    const trailingIconsRef = React11.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React11.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React11.useState(0);
-    const measureIconWidths = React11.useCallback(() => {
+    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(() => {
       if (typeof window === "undefined") return;
       const lead = leadingIconsRef.current;
       const trail = trailingIconsRef.current;
@@ -19974,7 +19375,7 @@ var Textarea = React11.forwardRef(
         setTrailingIconsWidth(0);
       }
     }, []);
-    React11.useLayoutEffect(() => {
+    React66.useLayoutEffect(() => {
       if (typeof window === "undefined" || typeof MutationObserver === "undefined") {
         measureIconWidths();
         return;
@@ -20003,10 +19404,10 @@ var Textarea = React11.forwardRef(
       measureIconWidths();
       return () => observers.forEach((o3) => o3.disconnect());
     }, [measureIconWidths, hasLeadingIcons, hasTrailingIcons]);
-    const [rowHeight, setRowHeight] = React11.useState(null);
+    const [rowHeight, setRowHeight] = React66.useState(null);
     const baseMinRows = Math.max(minRowsProp != null ? minRowsProp : 1, 1);
-    const [rows, setRows] = React11.useState(baseMinRows);
-    React11.useLayoutEffect(() => {
+    const [rows, setRows] = React66.useState(baseMinRows);
+    React66.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       const el = innerRef.current;
       if (!el) return;
@@ -20022,7 +19423,7 @@ var Textarea = React11.forwardRef(
         setRows(baseMinRows);
       }
     }, [sizeKey, densityKey, baseMinRows]);
-    const recomputeHeight = React11.useCallback(() => {
+    const recomputeHeight = React66.useCallback(() => {
       if (!autoResize) return;
       if (!innerRef.current) return;
       if (!rowHeight) return;
@@ -20044,7 +19445,7 @@ var Textarea = React11.forwardRef(
       el.style.height = `${nextHeight}px`;
       setRows(nextRows);
     }, [autoResize, rowHeight, baseMinRows, maxRows]);
-    React11.useLayoutEffect(() => {
+    React66.useLayoutEffect(() => {
       recomputeHeight();
     }, [recomputeHeight, rest.value, rest.defaultValue]);
     const { px: pxDefault, py: pyDefault } = resolveBasePadding2(size, density);
@@ -20114,19 +19515,19 @@ var Textarea = React11.forwardRef(
     const focusTextarea = () => {
       if (innerRef.current) innerRef.current.focus();
     };
-    const handleFocus = React11.useCallback(
+    const handleFocus = React66.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
       },
       [onFocus]
     );
-    const handleBlur = React11.useCallback(
+    const handleBlur = React66.useCallback(
       (event) => {
         onBlur == null ? void 0 : onBlur(event);
       },
       [onBlur]
     );
-    const handleChange = React11.useCallback(
+    const handleChange = React66.useCallback(
       (event) => {
         onChange == null ? void 0 : onChange(event);
         recomputeHeight();
@@ -20303,7 +19704,7 @@ function splitIntoTokens(raw, sep) {
   }
   return acc.map((t4) => t4.trim()).filter((t4) => t4.length > 0);
 }
-var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props, ref) {
+var ShadcnChipsVariant = React66.forwardRef(function ShadcnChipsVariant2(props, ref) {
   var _a;
   const {
     // variant base bits
@@ -20339,10 +19740,10 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     // rest of text UI bits (size, density, icons, etc.)
     ...restTextProps
   } = props;
-  const chips = React11.useMemo(() => value != null ? value : [], [value]);
+  const chips = React66.useMemo(() => value != null ? value : [], [value]);
   const hasChips = chips.length > 0;
-  const [inputText, setInputText] = React11.useState("");
-  const emitChange = React11.useCallback(
+  const [inputText, setInputText] = React66.useState("");
+  const emitChange = React66.useCallback(
     (nextChips, meta) => {
       const detail = {
         source: "variant",
@@ -20357,7 +19758,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     },
     [onValue]
   );
-  const commitFromRaw = React11.useCallback(
+  const commitFromRaw = React66.useCallback(
     (raw) => {
       const tokens = splitIntoTokens(raw, separators);
       if (!tokens.length) return;
@@ -20378,7 +19779,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, separators, allowDuplicates, maxChips, emitChange, onAddChips]
   );
-  const handleRemoveAt = React11.useCallback(
+  const handleRemoveAt = React66.useCallback(
     (index) => {
       if (index < 0 || index >= chips.length) return;
       const removed = [chips[index]];
@@ -20388,7 +19789,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleClear = React11.useCallback(
+  const handleClear = React66.useCallback(
     (ev) => {
       ev == null ? void 0 : ev.preventDefault();
       ev == null ? void 0 : ev.stopPropagation();
@@ -20399,7 +19800,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleEntryChange = React11.useCallback(
+  const handleEntryChange = React66.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -20407,7 +19808,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     },
     []
   );
-  const handleEntryKeyDown = React11.useCallback(
+  const handleEntryKeyDown = React66.useCallback(
     (event) => {
       const key = event.key;
       if (key === "Enter" && addOnEnter) {
@@ -20438,7 +19839,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
       handleRemoveAt
     ]
   );
-  const handleEntryBlur = React11.useCallback(
+  const handleEntryBlur = React66.useCallback(
     (event) => {
       if (addOnBlur && inputText.trim().length) {
         commitFromRaw(inputText);
@@ -20463,7 +19864,7 @@ var ShadcnChipsVariant = React11.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(React11.Fragment, { children: renderChip(chip, index, {
+      return /* @__PURE__ */ jsx(React66.Fragment, { children: renderChip(chip, index, {
         remove: () => handleRemoveAt(index),
         chips
       }) }, `${chip}-${index}`);
@@ -20530,7 +19931,7 @@ var ShadcnChipsVariant = React11.forwardRef(function ShadcnChipsVariant2(props,
     );
     const node = (_a = renderOverflowChip == null ? void 0 : renderOverflowChip(hiddenCount, chips)) != null ? _a : defaultOverflow;
     chipNodes.push(
-      /* @__PURE__ */ jsx(React11.Fragment, { children: node }, "__overflow")
+      /* @__PURE__ */ jsx(React66.Fragment, { children: node }, "__overflow")
     );
   }
   const effectivePlacement = textareaMode ? placement != null ? placement : "inline" : placement != null ? placement : "inline";
@@ -20724,7 +20125,7 @@ var chipVariant = {
     tags: ["chips", "multi-select", "tags"]
   }
 };
-var ShadcnTextareaVariant = React11.forwardRef(function ShadcnTextareaVariant2(props, ref) {
+var ShadcnTextareaVariant = React66.forwardRef(function ShadcnTextareaVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -20732,7 +20133,7 @@ var ShadcnTextareaVariant = React11.forwardRef(function ShadcnTextareaVariant2(p
     // everything else goes straight to the UI Textarea
     ...rest
   } = props;
-  const handleChange = React11.useCallback(
+  const handleChange = React66.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -20827,7 +20228,7 @@ function switchThumbSize(size) {
   if (size === "lg") return "size-5";
   return "size-4";
 }
-var ShadcnToggleVariant = React11.forwardRef(function ShadcnToggleVariant2(props, _ref) {
+var ShadcnToggleVariant = React66.forwardRef(function ShadcnToggleVariant2(props, _ref) {
   const {
     // variant bits
     value,
@@ -20849,7 +20250,7 @@ var ShadcnToggleVariant = React11.forwardRef(function ShadcnToggleVariant2(props
     ...restSwitchProps
   } = props;
   const checked = !!value;
-  const handleToggle = React11.useCallback(
+  const handleToggle = React66.useCallback(
     (next) => {
       const nextVal = Boolean(next);
       const detail = {
@@ -21224,17 +20625,21 @@ function normalizeItems(items, mappers, optionValueKey, optionLabelKey) {
       label: mappers.getLabel(item, index),
       description: mappers.getDescription ? mappers.getDescription(item, index) : void 0,
       disabled: mappers.isDisabled ? mappers.isDisabled(item, index) : false,
-      key: mappers.getKey ? mappers.getKey(item, index) : index
+      key: mappers.getKey ? mappers.getKey(item, index) : index,
+      raw: item
     }));
   }
   if (optionValueKey || optionLabelKey) {
     return items.map((item, index) => {
-      return globalNormalizeCheckBasedOptions(
-        item,
-        index,
-        optionLabelKey,
-        optionValueKey
-      );
+      return {
+        ...globalNormalizeCheckBasedOptions(
+          item,
+          index,
+          optionLabelKey,
+          optionValueKey
+        ),
+        raw: item
+      };
     });
   }
   return items.map((item, index) => {
@@ -21245,7 +20650,8 @@ function normalizeItems(items, mappers, optionValueKey, optionLabelKey) {
         label: String(item),
         description: void 0,
         disabled: false,
-        key: index
+        key: index,
+        raw: item
       };
     }
     return item;
@@ -21290,7 +20696,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     ...restGroupProps
   } = props;
   const hasError = !!error;
-  const normalized = React11.useMemo(
+  const normalized = React66.useMemo(
     () => normalizeItems(
       items != null ? items : options,
       mappers,
@@ -21300,19 +20706,20 @@ var InnerShadcnRadioVariant = (props, ref) => {
     ),
     [items, options, mappers, optionValue, optionLabel]
   );
-  const selectedString = React11.useMemo(() => {
+  const selectedString = React66.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 = React11.useCallback(
-    (next) => {
+  const handleSelect = React66.useCallback(
+    (next, selectedRaw) => {
       if (!onValue || disabled) return;
       const detail = {
         source: "variant",
-        raw: next,
+        raw: selectedRaw != null ? selectedRaw : next,
+        selectedOptions: [selectedRaw != null ? selectedRaw : next],
         nativeEvent: void 0,
         meta: void 0
       };
@@ -21320,11 +20727,12 @@ var InnerShadcnRadioVariant = (props, ref) => {
     },
     [onValue, disabled]
   );
-  const handleRadioChange = React11.useCallback(
+  const handleRadioChange = React66.useCallback(
     (raw) => {
+      var _a;
       const found = normalized.find((item) => String(item.value) === raw);
       if (!found) return;
-      handleSelect(found.value);
+      handleSelect(found.value, (_a = found.raw) != null ? _a : found.value);
     },
     [normalized, handleSelect]
   );
@@ -21443,7 +20851,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     }
   );
 };
-var ShadcnRadioVariant = React11.forwardRef(
+var ShadcnRadioVariant = React66.forwardRef(
   InnerShadcnRadioVariant
 );
 
@@ -21570,7 +20978,8 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
       description: mappers.getDescription ? mappers.getDescription(item, index) : void 0,
       disabled: mappers.isDisabled ? mappers.isDisabled(item, index) : false,
       key: mappers.getKey ? mappers.getKey(item, index) : index,
-      tristate: mappers.getTristate ? mappers.getTristate(item, index) : void 0
+      tristate: mappers.getTristate ? mappers.getTristate(item, index) : void 0,
+      raw: item
     }));
   }
   if (optionValueKey || optionLabelKey) {
@@ -21585,7 +20994,8 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
       const tristate = anyItem.tristate;
       return {
         ...normalised,
-        tristate
+        tristate,
+        raw: item
       };
     });
   }
@@ -21598,7 +21008,8 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
         description: void 0,
         disabled: false,
         key: index,
-        tristate: void 0
+        tristate: void 0,
+        raw: item
       };
     }
     return item;
@@ -21609,7 +21020,17 @@ function isEqualValue2(a3, b2) {
 }
 function asGroupValue(value) {
   if (!value) return void 0;
-  if (Array.isArray(value)) return value;
+  if (Array.isArray(value)) {
+    if (value.length === 0) return void 0;
+    const first = value[0];
+    if (first && typeof first === "object" && "value" in first && "state" in first) {
+      return value;
+    }
+    return value.map((item) => ({
+      value: item,
+      state: true
+    }));
+  }
   if (typeof value == "object")
     return Object.keys(value).map(
       (key) => ({
@@ -21665,11 +21086,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   } = props;
   const hasError = !!error;
   const isSingle = !!single;
+  const normalized = React66.useMemo(
+    () => normalizeItems2(
+      items != null ? items : options,
+      mappers,
+      optionValue,
+      optionLabel
+    ),
+    [items, options, mappers, optionValue, optionLabel]
+  );
   if (isSingle) {
     const singleVal = asSingleValue(value);
     const effectiveTristate = !!tristateDefault;
     const internalState = effectiveTristate ? singleVal != null ? singleVal : "none" : !!singleVal;
     const handleSingleChange = (next) => {
+      var _a;
       if (!onValue || disabled) return;
       let nextPublic;
       if (effectiveTristate) {
@@ -21680,6 +21111,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       const detail = {
         source: "variant",
         raw: nextPublic,
+        selectedOptions: nextPublic === true ? normalized[0] ? [(_a = normalized[0].raw) != null ? _a : normalized[0].value] : [] : [],
         nativeEvent: void 0,
         meta: void 0
       };
@@ -21738,15 +21170,6 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     );
   }
   const groupValue = asGroupValue(value);
-  const normalized = React11.useMemo(
-    () => normalizeItems2(
-      items != null ? items : options,
-      mappers,
-      optionValue,
-      optionLabel
-    ),
-    [items, options, mappers, optionValue, optionLabel]
-  );
   const {
     groupStyle,
     groupClasses,
@@ -21766,14 +21189,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     labelTextSizeClass: labelTextSize2(size),
     descriptionTextSizeClass: descriptionTextSize2(size)
   });
-  const findEntryIndex = React11.useCallback(
+  const hasAnyTristate = React66.useMemo(
+    () => normalized.some((item) => {
+      var _a, _b;
+      return (_b = (_a = item.tristate) != null ? _a : tristateDefault) != null ? _b : false;
+    }),
+    [normalized, tristateDefault]
+  );
+  const findEntryIndex = React66.useCallback(
     (val) => {
       if (!groupValue) return -1;
       return groupValue.findIndex((e4) => isEqualValue2(e4.value, val));
     },
     [groupValue]
   );
-  const getEntryState = React11.useCallback(
+  const getEntryState = React66.useCallback(
     (val) => {
       const idx = findEntryIndex(val);
       if (!groupValue || idx === -1) return "none";
@@ -21781,7 +21211,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     },
     [groupValue, findEntryIndex]
   );
-  const updateGroupValue = React11.useCallback(
+  const updateGroupValue = React66.useCallback(
     (itemValue, nextInternal, effectiveTristate) => {
       if (!onValue || disabled) return;
       const currentList = groupValue ? [...groupValue] : [];
@@ -21838,14 +21268,28 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       const detail = {
         source: "variant",
         raw: nextList,
+        selectedOptions: nextList.map(
+          (entry) => {
+            var _a, _b;
+            return (_b = (_a = normalized.find(
+              (item) => isEqualValue2(item.value, entry.value)
+            )) == null ? void 0 : _a.raw) != null ? _b : entry.value;
+          }
+        ),
         nativeEvent: void 0,
         meta: void 0
       };
-      const value2 = {};
-      nextList.forEach((item) => value2[item.value] = item.state);
-      onValue(value2, detail);
+      if (hasAnyTristate) {
+        const value2 = {};
+        nextList.forEach(
+          (item) => value2[item.value] = item.state
+        );
+        onValue(value2, detail);
+        return;
+      }
+      onValue(nextList.map((item) => item.value), detail);
     },
-    [onValue, disabled, groupValue]
+    [onValue, disabled, groupValue, normalized, hasAnyTristate]
   );
   return /* @__PURE__ */ jsx(
     "div",
@@ -21975,7 +21419,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     }
   );
 };
-var ShadcnCheckboxVariant = React11.forwardRef(
+var ShadcnCheckboxVariant = React66.forwardRef(
   InnerShadcnCheckboxVariant
 );
 
@@ -22022,7 +21466,7 @@ function triggerPadding(density) {
       return "py-1.5";
   }
 }
-var ShadcnSelectVariant = React11.forwardRef(function ShadcnSelectVariant2(props, _ref) {
+var ShadcnSelectVariant = React66.forwardRef(function ShadcnSelectVariant2(props, _ref) {
   var _a, _b;
   const {
     value,
@@ -22073,9 +21517,9 @@ var ShadcnSelectVariant = React11.forwardRef(function ShadcnSelectVariant2(props
     virtualScroll = true
   } = props;
   const isButtonMode = mode === "button";
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
-  const items = React11.useMemo(
+  const [open, setOpen] = React66.useState(false);
+  const [query, setQuery] = React66.useState("");
+  const items = React66.useMemo(
     () => normalizeOptions(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -22097,7 +21541,7 @@ var ShadcnSelectVariant = React11.forwardRef(function ShadcnSelectVariant2(props
     ]
   );
   const normalizedValue = value === "" || value == null ? void 0 : value;
-  const valueMap = React11.useMemo(() => {
+  const valueMap = React66.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const item of items) {
       map.set(String(item.value), item.value);
@@ -22107,7 +21551,7 @@ var ShadcnSelectVariant = React11.forwardRef(function ShadcnSelectVariant2(props
   const selectedItem = normalizedValue == null ? null : (_a = items.find(
     (it) => String(it.value) === String(normalizedValue)
   )) != null ? _a : null;
-  const filteredItems = React11.useMemo(() => {
+  const filteredItems = React66.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
@@ -22119,15 +21563,16 @@ var ShadcnSelectVariant = React11.forwardRef(function ShadcnSelectVariant2(props
     listMaxHeight,
     Math.max(estimatedRowHeight, filteredItems.length * estimatedRowHeight)
   );
-  const handleChange = React11.useCallback(
+  const handleChange = React66.useCallback(
     (rawKey) => {
-      var _a2, _b2, _c;
+      var _a2, _b2, _c, _d;
       if (!onValue || rawKey === "") return;
       const primitive = (_a2 = valueMap.get(rawKey)) != null ? _a2 : rawKey;
       const item = (_b2 = items.find((it) => String(it.value) === String(primitive))) != null ? _b2 : null;
       const detail = {
         source: "variant",
         raw: (_c = item == null ? void 0 : item.raw) != null ? _c : primitive,
+        selectedOptions: [(_d = item == null ? void 0 : item.raw) != null ? _d : primitive],
         nativeEvent: void 0,
         meta: void 0
       };
@@ -22167,7 +21612,7 @@ var ShadcnSelectVariant = React11.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 = React11.useMemo(() => {
+  const ButtonModeTrigger = React66.useMemo(() => {
     if (!isButtonMode) return null;
     const selectedValue = value;
     const renderable = button != null ? button : children;
@@ -22229,6 +21674,7 @@ var ShadcnSelectVariant = React11.forwardRef(function ShadcnSelectVariant2(props
             const detail = {
               source: "variant",
               raw: void 0,
+              selectedOptions: [],
               nativeEvent: void 0,
               meta: { action: "clear" }
             };
@@ -22577,10 +22023,10 @@ var SelectionSummary = ({
   placeholder,
   onRemoveValue
 }) => {
-  const containerRef = React11.useRef(null);
-  const [visibleCount, setVisibleCount] = React11.useState(0);
-  const [moreOpen, setMoreOpen] = React11.useState(false);
-  React11.useLayoutEffect(() => {
+  const containerRef = React66.useRef(null);
+  const [visibleCount, setVisibleCount] = React66.useState(0);
+  const [moreOpen, setMoreOpen] = React66.useState(false);
+  React66.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const computeVisibleItems = () => {
@@ -22628,7 +22074,7 @@ var SelectionSummary = ({
       ref: containerRef,
       className: "flex items-center w-full overflow-hidden whitespace-nowrap",
       children: [
-        visibleItems.map((item, index) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
+        visibleItems.map((item, index) => /* @__PURE__ */ jsxs(React66.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)),
@@ -22735,7 +22181,7 @@ function triggerPadding2(density) {
       return "py-1.5";
   }
 }
-var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
+var ShadcnMultiSelectVariant = React66.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
   var _a;
   const {
     value,
@@ -22791,9 +22237,9 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
     selectedBadgeClassName,
     selectedBadgePlacement = "end"
   } = props;
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
-  const { items, keyedItems } = React11.useMemo(() => {
+  const [open, setOpen] = React66.useState(false);
+  const [query, setQuery] = React66.useState("");
+  const { items, keyedItems } = React66.useMemo(() => {
     const items2 = normalizeOptions2(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -22814,24 +22260,24 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
     optionKey,
     optionIcon
   ]);
-  const selectedValues = React11.useMemo(
+  const selectedValues = React66.useMemo(
     () => new Set(value != null ? value : []),
     [value]
   );
-  const selectedItems = React11.useMemo(
+  const selectedItems = React66.useMemo(
     () => items.filter((it) => selectedValues.has(it.value)),
     [items, selectedValues]
   );
-  const filteredItems = React11.useMemo(() => {
+  const filteredItems = React66.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
   }, [items, query]);
-  const selectableItems = React11.useMemo(
+  const selectableItems = React66.useMemo(
     () => items.filter((it) => !it.disabled),
     [items]
   );
-  const allSelectableValues = React11.useMemo(
+  const allSelectableValues = React66.useMemo(
     () => new Set(selectableItems.map((it) => it.value)),
     [selectableItems]
   );
@@ -22851,7 +22297,7 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
       filteredItems.length * estimatedRowHeight + headerHeight + footerHeight
     )
   );
-  const handleToggleValue = React11.useCallback(
+  const handleToggleValue = React66.useCallback(
     (primitive) => {
       if (!onValue || disabled || readOnly) return;
       const current = value != null ? value : [];
@@ -22863,7 +22309,12 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
         next = [...current, primitive];
       }
       const final = next.length ? next : void 0;
-      const values = next == null ? void 0 : next.map((item) => keyedItems[item].raw);
+      const values = next == null ? void 0 : next.map(
+        (item) => {
+          var _a2, _b;
+          return (_b = (_a2 = keyedItems[item]) == null ? void 0 : _a2.raw) != null ? _b : item;
+        }
+      );
       const detail = {
         source: "variant",
         raw: {
@@ -22872,14 +22323,15 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
           next: final,
           values
         },
+        selectedOptions: values != null ? values : [],
         nativeEvent: void 0,
         meta: void 0
       };
       onValue(final, detail);
     },
-    [onValue, value, disabled, readOnly]
+    [onValue, value, disabled, readOnly, keyedItems]
   );
-  const handleSelectAll = React11.useCallback(() => {
+  const handleSelectAll = React66.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const current = value != null ? value : [];
     const allSelectableArr = Array.from(allSelectableValues);
@@ -22893,7 +22345,10 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
       next = Array.from(merged);
     }
     const final = next.length ? next : void 0;
-    const values = next.map((item) => keyedItems[item].raw);
+    const values = next.map((item) => {
+      var _a2, _b;
+      return (_b = (_a2 = keyedItems[item]) == null ? void 0 : _a2.raw) != null ? _b : item;
+    });
     const detail = {
       source: "variant",
       raw: {
@@ -22901,6 +22356,7 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
         next: final,
         values
       },
+      selectedOptions: values,
       nativeEvent: void 0,
       meta: {
         allSelected: !currentlyAllSelected
@@ -22913,15 +22369,17 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
     disabled,
     readOnly,
     allSelectableValues,
-    selectedValues
+    selectedValues,
+    keyedItems
   ]);
-  const handleClearAll = React11.useCallback(() => {
+  const handleClearAll = React66.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const detail = {
       source: "variant",
       raw: {
         type: "clear"
       },
+      selectedOptions: [],
       nativeEvent: void 0,
       meta: void 0
     };
@@ -22937,9 +22395,14 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
           selectedValues,
           item.value
         );
+        const selectedOptions = (updated != null ? updated : []).map((value2) => {
+          var _a2, _b;
+          return (_b = (_a2 = keyedItems[value2]) == null ? void 0 : _a2.raw) != null ? _b : value2;
+        });
         const detail = {
           source: "variant",
           raw: item,
+          selectedOptions,
           nativeEvent: void 0,
           meta: { action: "remove", removed: value }
         };
@@ -22961,7 +22424,7 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
   const hasLeadingControl = !!leadingControl;
   const hasTrailingControl = !!trailingControl;
   const hasControls = hasLeadingControl || hasTrailingControl;
-  const makeCheckboxNode = React11.useCallback(
+  const makeCheckboxNode = React66.useCallback(
     (opts) => {
       if (renderCheckbox) {
         return renderCheckbox(opts);
@@ -23057,7 +22520,7 @@ var ShadcnMultiSelectVariant = React11.forwardRef(function ShadcnMultiSelectVari
       ] })
     }
   );
-  const ButtonModeTrigger = React11.useMemo(() => {
+  const ButtonModeTrigger = React66.useMemo(() => {
     if (mode !== "button") return null;
     const selectedCount = selectedItems.length;
     const content = (() => {
@@ -23403,7 +22866,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React11.useMemo(
+  const _values = React66.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -23482,7 +22945,7 @@ function clampToRange(v2, min2, max2) {
   if (v2 > max2) return max2;
   return v2;
 }
-var ShadcnSliderVariant = React11.forwardRef(function ShadcnSliderVariant2(props, _ref) {
+var ShadcnSliderVariant = React66.forwardRef(function ShadcnSliderVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23521,7 +22984,7 @@ var ShadcnSliderVariant = React11.forwardRef(function ShadcnSliderVariant2(props
   } = props;
   const numericValue = typeof value === "number" ? value : min2;
   const isDisabled = !!(disabled || readOnly);
-  const handleChange = React11.useCallback(
+  const handleChange = React66.useCallback(
     (vals) => {
       if (!onValue) return;
       const next = clampToRange(vals[0], min2, max2);
@@ -23536,7 +22999,7 @@ var ShadcnSliderVariant = React11.forwardRef(function ShadcnSliderVariant2(props
     [onValue, min2, max2]
   );
   const stepAmount = controlStep != null ? controlStep : step;
-  const applyStep = React11.useCallback(
+  const applyStep = React66.useCallback(
     (direction) => {
       if (!onValue || isDisabled) return;
       const current = typeof value === "number" ? value : min2;
@@ -23994,7 +23457,7 @@ function getGapPx(el) {
   const g2 = cs.columnGap && cs.columnGap !== "normal" ? cs.columnGap : cs.gap;
   return parsePx(g2);
 }
-var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
+var ShadcnKeyValueVariant = React66.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -24019,14 +23482,14 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
     renderChip
   } = props;
   const isDisabled = disabled || readOnly;
-  const items = React11.useMemo(() => mapToItems(value), [value]);
-  const [dialogOpen, setDialogOpen] = React11.useState(false);
-  const [editingIndex, setEditingIndex] = React11.useState(null);
-  const [draft, setDraft] = React11.useState({ key: "", value: "" });
+  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 canAdd = items.length < max2;
   const canDelete = items.length > min2;
   const hasItems = items.length > 0;
-  const commitItems = React11.useCallback(
+  const commitItems = React66.useCallback(
     (next, meta) => {
       if (!onValue) return;
       const nextMap = itemsToMap(next);
@@ -24040,13 +23503,13 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [onValue]
   );
-  const openForNew = React11.useCallback(() => {
+  const openForNew = React66.useCallback(() => {
     if (isDisabled || !canAdd) return;
     setEditingIndex(null);
     setDraft({ key: "", value: "" });
     setDialogOpen(true);
   }, [isDisabled, canAdd]);
-  const openForEdit = React11.useCallback(
+  const openForEdit = React66.useCallback(
     (index) => {
       if (isDisabled) return;
       const item = items[index];
@@ -24057,7 +23520,7 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [isDisabled, items]
   );
-  const handleDelete = React11.useCallback(() => {
+  const handleDelete = React66.useCallback(() => {
     if (editingIndex == null) return;
     if (!canDelete) return;
     const next = items.slice();
@@ -24068,7 +23531,7 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
       index: editingIndex
     });
   }, [editingIndex, items, canDelete, commitItems]);
-  const handleSubmit = React11.useCallback(() => {
+  const handleSubmit = React66.useCallback(() => {
     const trimmedKey = draft.key.trim();
     const trimmedValue = draft.value;
     if (!trimmedKey) return;
@@ -24090,7 +23553,7 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
       index: editingIndex != null ? editingIndex : next.length - 1
     });
   }, [draft, items, editingIndex, canAdd, commitItems]);
-  const handleQuickRemove = React11.useCallback(
+  const handleQuickRemove = React66.useCallback(
     (index) => {
       if (isDisabled || !canDelete) return;
       const next = items.slice();
@@ -24099,21 +23562,21 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [isDisabled, canDelete, items, commitItems]
   );
-  const [listOpen, setListOpen] = React11.useState(false);
-  const openList = React11.useCallback(() => {
+  const [listOpen, setListOpen] = React66.useState(false);
+  const openList = React66.useCallback(() => {
     if (isDisabled) return;
     setListOpen(true);
   }, [isDisabled]);
-  const wrapRef = React11.useRef(null);
-  const leftRef = React11.useRef(null);
-  const moreMeasureRef = React11.useRef(null);
-  const chipRefs = React11.useRef([]);
+  const wrapRef = React66.useRef(null);
+  const leftRef = React66.useRef(null);
+  const moreMeasureRef = React66.useRef(null);
+  const chipRefs = React66.useRef([]);
   chipRefs.current = items.map((_2, i3) => {
     var _a;
     return (_a = chipRefs.current[i3]) != null ? _a : null;
   });
-  const [visibleCount, setVisibleCount] = React11.useState(() => items.length);
-  const recomputeVisible = React11.useCallback(() => {
+  const [visibleCount, setVisibleCount] = React66.useState(() => items.length);
+  const recomputeVisible = React66.useCallback(() => {
     var _a, _b;
     const leftEl = leftRef.current;
     if (!leftEl) {
@@ -24162,10 +23625,10 @@ var ShadcnKeyValueVariant = React11.forwardRef(function ShadcnKeyValueVariant2(p
     }
     setVisibleCount(best);
   }, [items.length]);
-  React11.useLayoutEffect(() => {
+  React66.useLayoutEffect(() => {
     recomputeVisible();
   }, [recomputeVisible, items, size, density, showValue]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const el = leftRef.current;
     if (!el) return;
     const ro = new ResizeObserver(() => recomputeVisible());
@@ -24555,7 +24018,7 @@ var keyValueModule = {
     label: ""
   }
 };
-var ShadcnCustomVariant = React11.forwardRef(function ShadcnCustomVariant2(props, ref) {
+var ShadcnCustomVariant = React66.forwardRef(function ShadcnCustomVariant2(props, ref) {
   const {
     // Variant base props we care about:
     value,
@@ -24591,7 +24054,7 @@ var ShadcnCustomVariant = React11.forwardRef(function ShadcnCustomVariant2(props
   }
   const isDisabled = !!disabled;
   const isReadOnly = !!readOnly;
-  const handleChange = React11.useCallback(
+  const handleChange = React66.useCallback(
     (...args) => {
       var _a;
       if (!onValue) return;
@@ -24696,7 +24159,7 @@ function triggerHeight3(size) {
       return "min-h-9 text-sm";
   }
 }
-var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
+var ShadcnTreeSelectVariant = React66.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -24749,14 +24212,14 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
     selectedBadgeClassName,
     selectedBadgePlacement = "corner"
   } = props;
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
+  const [open, setOpen] = React66.useState(false);
+  const [query, setQuery] = React66.useState("");
   const isDisabled = disabled || readOnly;
-  const d = React11.useMemo(
+  const d = React66.useMemo(
     () => densityClasses(density),
     [density]
   );
-  const tree = React11.useMemo(
+  const tree = React66.useMemo(
     () => normalizeTree(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -24777,8 +24240,8 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
       optionKey
     ]
   );
-  const allNodesFlat = React11.useMemo(() => flattenTree(tree), [tree]);
-  const computedInitialExpanded = React11.useMemo(() => {
+  const allNodesFlat = React66.useMemo(() => flattenTree(tree), [tree]);
+  const computedInitialExpanded = React66.useMemo(() => {
     if (expandAll) {
       return new Set(
         allNodesFlat.filter((n3) => n3.hasChildren).map((n3) => n3.value)
@@ -24789,13 +24252,13 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
     }
     return /* @__PURE__ */ new Set();
   }, [expandAll, defaultExpandedValues, allNodesFlat]);
-  const [expanded, setExpanded] = React11.useState(
+  const [expanded, setExpanded] = React66.useState(
     computedInitialExpanded
   );
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     setExpanded(computedInitialExpanded);
   }, [computedInitialExpanded]);
-  const toggleExpanded = React11.useCallback((key) => {
+  const toggleExpanded = React66.useCallback((key) => {
     setExpanded((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -24803,7 +24266,7 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
       return next;
     });
   }, []);
-  const displayedNodes = React11.useMemo(() => {
+  const displayedNodes = React66.useMemo(() => {
     if (query) {
       const q2 = query.toLowerCase();
       const matchSet = /* @__PURE__ */ new Set();
@@ -24837,19 +24300,19 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
       displayedNodes.length * estimatedRowHeight
     )
   );
-  const selectedValues = React11.useMemo(() => {
+  const selectedValues = React66.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 = React11.useMemo(
+  const selectedItems = React66.useMemo(
     () => allNodesFlat.filter((node) => selectedValues.includes(node.value)),
     [allNodesFlat, selectedValues]
   );
   const selectedCount = selectedItems.length;
-  const handleToggleValue = React11.useCallback(
+  const handleToggleValue = React66.useCallback(
     (item) => {
       if (isDisabled) return;
       if (leafOnly && item.hasChildren) {
@@ -24864,9 +24327,16 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
         setOpen(false);
       }
       const nextSelectedValues = Array.isArray(nextValue) ? nextValue : nextValue !== void 0 && nextValue !== null ? [nextValue] : [];
+      const nextSelectedOptions = nextSelectedValues.map(
+        (val) => {
+          var _a, _b;
+          return (_b = (_a = allNodesFlat.find((node) => node.value === val)) == null ? void 0 : _a.raw) != null ? _b : val;
+        }
+      );
       const detail = {
         source: "variant",
         raw: item.raw,
+        selectedOptions: nextSelectedOptions,
         nativeEvent: void 0,
         meta: {
           toggled: item.value,
@@ -24881,14 +24351,16 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
       multiple,
       selectedValues,
       onValue,
-      toggleExpanded
+      toggleExpanded,
+      allNodesFlat
     ]
   );
-  const handleClear = React11.useCallback(() => {
+  const handleClear = React66.useCallback(() => {
     if (!onValue) return;
     const detail = {
       source: "variant",
       raw: void 0,
+      selectedOptions: [],
       nativeEvent: void 0,
       meta: { action: "clear" }
     };
@@ -24991,7 +24463,7 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
       ] })
     }
   );
-  const ButtonModeTrigger = React11.useMemo(() => {
+  const ButtonModeTrigger = React66.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;
@@ -25021,7 +24493,7 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
         badgeEl
       ] });
     };
-    if (React11.isValidElement(triggerNode)) {
+    if (React66.isValidElement(triggerNode)) {
       return wrapWithBadge(triggerNode);
     }
     return wrapWithBadge(
@@ -25129,7 +24601,7 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
           );
           const renderer = (_a = item.render) != null ? _a : renderOption;
           if (!renderer) {
-            return /* @__PURE__ */ jsx(React11.Fragment, { children: optionNode }, item.key);
+            return /* @__PURE__ */ jsx(React66.Fragment, { children: optionNode }, item.key);
           }
           const rendered = renderer({
             item,
@@ -25140,7 +24612,7 @@ var ShadcnTreeSelectVariant = React11.forwardRef(function ShadcnTreeSelectVarian
               if (!item.disabled) handleToggleValue(item);
             }
           });
-          return /* @__PURE__ */ jsx(React11.Fragment, { children: rendered }, item.key);
+          return /* @__PURE__ */ jsx(React66.Fragment, { children: rendered }, item.key);
         }
       }
     )
@@ -25465,8 +24937,8 @@ function mergeHandlers(a3, b2) {
   };
 }
 var FileThumbnail = ({ item }) => {
-  const [preview, setPreview] = React11.useState(null);
-  React11.useEffect(() => {
+  const [preview, setPreview] = React66.useState(null);
+  React66.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;
@@ -25488,7 +24960,7 @@ var FileThumbnail = ({ item }) => {
     }
   ) : /* @__PURE__ */ jsx(File2, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, ref) {
+var ShadcnFileVariant = React66.forwardRef(function ShadcnFileVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -25542,18 +25014,18 @@ var ShadcnFileVariant = React11.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 = React11.useMemo(() => {
+  const items = React66.useMemo(() => {
     var _a;
     const raw = (_a = toArray(value)) != null ? _a : [];
     return raw.map(normaliseFileLike);
   }, [value]);
   const isDisabled = Boolean(disabled || readOnly);
-  const [dragOver, setDragOver] = React11.useState(false);
-  const [selectedIds, setSelectedIds] = React11.useState(
+  const [dragOver, setDragOver] = React66.useState(false);
+  const [selectedIds, setSelectedIds] = React66.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const [popoverOpen, setPopoverOpen] = React11.useState(false);
-  const fileInputRef = React11.useRef(null);
+  const [popoverOpen, setPopoverOpen] = React66.useState(false);
+  const fileInputRef = React66.useRef(null);
   const den = densityTokens(density);
   const heightCls = triggerHeight4(size);
   const chipHeightCls = chipHeight(size);
@@ -25562,7 +25034,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
   const COLLAPSE_LIMIT = 2;
-  const emitChange = React11.useCallback(
+  const emitChange = React66.useCallback(
     (nextItems, meta) => {
       var _a;
       const nextValues = nextItems.map(fileItemToValue);
@@ -25576,7 +25048,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     },
     [multiple, onValue]
   );
-  const handleAddItems = React11.useCallback(
+  const handleAddItems = React66.useCallback(
     (incoming, from) => {
       if (isDisabled) return;
       let next = multiple ? [...items] : [];
@@ -25613,7 +25085,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
       onFilesAdded
     ]
   );
-  const handleRemove = React11.useCallback(
+  const handleRemove = React66.useCallback(
     (id) => {
       const next = items.filter((i3) => i3.id !== id);
       emitChange(next, { action: "remove", id });
@@ -25625,7 +25097,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     },
     [emitChange, items, selectedIds]
   );
-  const handleBulkRemove = React11.useCallback(() => {
+  const handleBulkRemove = React66.useCallback(() => {
     const next = items.filter((i3) => !selectedIds.has(i3.id));
     emitChange(next, {
       action: "bulk-remove",
@@ -25633,7 +25105,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     });
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [emitChange, items, selectedIds]);
-  const openPicker = React11.useCallback(async () => {
+  const openPicker = React66.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     let resolvedLoader = customLoader != null ? customLoader : custom && getPaletteUtil("customLoader");
@@ -25672,14 +25144,14 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     mergeMode,
     multiple
   ]);
-  const onDragOver = React11.useCallback(
+  const onDragOver = React66.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React11.useCallback(
+  const onDrop = React66.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -25697,15 +25169,15 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     }
     e4.target.value = "";
   };
-  const FileChip = React11.useCallback(
+  const FileChip = React66.useCallback(
     ({
       item,
       condensed = false
     }) => {
       const name = formatFileName ? formatFileName(item) : item.name;
-      const [preview, setPreview] = React11.useState(null);
-      const [isOpen, setIsOpen] = React11.useState(false);
-      React11.useEffect(() => {
+      const [preview, setPreview] = React66.useState(null);
+      const [isOpen, setIsOpen] = React66.useState(false);
+      React66.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) {
@@ -25812,7 +25284,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     ]
   );
   const selectedCount = items.length;
-  const resolveButtonTriggerElement = React11.useCallback(() => {
+  const resolveButtonTriggerElement = React66.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items,
@@ -25842,7 +25314,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React11.cloneElement(el, {
+        return React66.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 }),
@@ -25850,7 +25322,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
           ] })
         });
       }
-      return React11.cloneElement(el, {
+      return React66.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -25858,7 +25330,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
         ] })
       });
     };
-    const withDnD = (el) => React11.cloneElement(el, {
+    const withDnD = (el) => React66.cloneElement(el, {
       onDragOver: mergeHandlers(
         el.props.onDragOver,
         onDragOver
@@ -25869,7 +25341,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
       ),
       onDrop: mergeHandlers(el.props.onDrop, onDrop)
     });
-    if (React11.isValidElement(rawNode)) {
+    if (React66.isValidElement(rawNode)) {
       return withDnD(injectBadgeIntoElement(rawNode));
     }
     const fallback = /* @__PURE__ */ jsxs(
@@ -25925,7 +25397,7 @@ var ShadcnFileVariant = React11.forwardRef(function ShadcnFileVariant2(props, re
     selectedCount,
     triggerClassName
   ]);
-  const TriggerRegion = React11.useMemo(() => {
+  const TriggerRegion = React66.useMemo(() => {
     if (showDropArea) {
       if (renderDropArea)
         return renderDropArea({ openPicker, isDragging: dragOver });
@@ -26385,7 +25857,7 @@ var toggleVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React11.createContext({
+var ToggleGroupContext = React66.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -26422,7 +25894,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React11.useContext(ToggleGroupContext);
+  const context = React66.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -26586,7 +26058,7 @@ function normalizeOption(input, {
     raw: input
   };
 }
-var ShadcnToggleVariant3 = React11.forwardRef(function ShadcnToggleVariant4(props, ref) {
+var ShadcnToggleVariant3 = React66.forwardRef(function ShadcnToggleVariant4(props, ref) {
   const {
     value,
     onValue,
@@ -26616,7 +26088,7 @@ var ShadcnToggleVariant3 = React11.forwardRef(function ShadcnToggleVariant4(prop
   const isDisabled = Boolean(disabled || readOnly);
   const toggleSize = mapSizeToToggleSize(size);
   const currentValue = normalizeValue(value, multiple);
-  const normalizedOptions = React11.useMemo(
+  const normalizedOptions = React66.useMemo(
     () => options.map(
       (opt) => normalizeOption(
         opt,
@@ -26642,7 +26114,7 @@ var ShadcnToggleVariant3 = React11.forwardRef(function ShadcnToggleVariant4(prop
       autoCap
     ]
   );
-  const handleChange = React11.useCallback(
+  const handleChange = React66.useCallback(
     (val) => {
       if (readOnly) return;
       if (!onValue) return;
@@ -26662,6 +26134,7 @@ var ShadcnToggleVariant3 = React11.forwardRef(function ShadcnToggleVariant4(prop
         source: "variant",
         raw: rawSelection,
         // original item(s)
+        selectedOptions: Array.isArray(rawSelection) ? rawSelection : rawSelection === void 0 ? [] : [rawSelection],
         nativeEvent: void 0,
         meta: { action: "toggle" }
       };
@@ -26679,7 +26152,7 @@ var ShadcnToggleVariant3 = React11.forwardRef(function ShadcnToggleVariant4(prop
     className
   );
   console.log(layoutClasses, fullWidth, autoCap);
-  const groupStyle = React11.useMemo(() => {
+  const groupStyle = React66.useMemo(() => {
     const style = {};
     if (layout === "grid") {
       style.gridTemplateColumns = `repeat(${gridCols}, minmax(0, 1fr))`;
@@ -26777,29 +26250,29 @@ function ShadcnEditorVariant(props) {
     toolbar = "default",
     pastePlainText = false
   } = props;
-  const mountRef = React11.useRef(null);
-  const editorRef = React11.useRef(null);
-  const formatRef = React11.useRef(format2);
-  const onValueRef = React11.useRef(onValue);
-  const syncingRef = React11.useRef(false);
-  const loadedRef = React11.useRef(false);
+  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);
   formatRef.current = format2;
   onValueRef.current = onValue;
   const effectiveReadOnly = Boolean(disabled || readOnly);
-  const readContent = React11.useCallback((ed) => {
+  const readContent = React66.useCallback((ed) => {
     var _a, _b;
     return formatRef.current === "markdown" ? (_a = ed.getMarkdown()) != null ? _a : "" : (_b = ed.getHTML()) != null ? _b : "";
   }, []);
-  const emit = React11.useCallback((next) => {
+  const emit = React66.useCallback((next) => {
     var _a;
     const detail = { source: "user", raw: next };
     (_a = onValueRef.current) == null ? void 0 : _a.call(onValueRef, next, detail);
   }, []);
-  const structuralKey = React11.useMemo(() => {
+  const structuralKey = React66.useMemo(() => {
     const hideModeSwitch = toolbar === "none" || pastePlainText;
     return JSON.stringify({ toolbar, useCommandShortcut, hideModeSwitch });
   }, [toolbar, useCommandShortcut, pastePlainText]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const el = mountRef.current;
     if (!el) return;
     if (editorRef.current) {
@@ -26866,29 +26339,29 @@ function ShadcnEditorVariant(props) {
       editorRef.current = null;
     };
   }, [structuralKey]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setHeight === "function") ed.setHeight(height);
   }, [height]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setPlaceholder === "function")
       ed.setPlaceholder(placeholder);
   }, [placeholder]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changeMode === "function") ed.changeMode(editType);
   }, [editType]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changePreviewStyle === "function")
       ed.changePreviewStyle(previewStyle);
   }, [previewStyle]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     var _a, _b, _c, _d;
     const ed = editorRef.current;
     if (!ed) return;
@@ -26905,7 +26378,7 @@ function ShadcnEditorVariant(props) {
       syncingRef.current = false;
     });
   }, [value, format2]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!pastePlainText) return;
     const host = mountRef.current;
     if (!host) return;
@@ -27407,10 +26880,10 @@ function JsonEditorMain(props) {
     className,
     contentClassName
   } = props;
-  const directChildPaths = React11.useMemo(() => {
+  const directChildPaths = React66.useMemo(() => {
     return getDirectChildPaths(route, allPaths);
   }, [route, allPaths]);
-  const rows = React11.useMemo(() => {
+  const rows = React66.useMemo(() => {
     return resolveLayoutForParent({
       parent: route,
       childPaths: directChildPaths,
@@ -27418,7 +26891,7 @@ function JsonEditorMain(props) {
       filters
     });
   }, [route, directChildPaths, layout, filters]);
-  const effectiveRows = React11.useMemo(() => {
+  const effectiveRows = React66.useMemo(() => {
     const hasAny = rows.some((r5) => {
       var _a;
       return (_a = r5.fields) == null ? void 0 : _a.length;
@@ -28594,7 +28067,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 = React11.useCallback(async () => {
+  const onCopy = React66.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(
         JSON.stringify(root != null ? root : {}, null, 2)
@@ -28688,17 +28161,17 @@ function collectAllPaths(value, prefix = "", out = []) {
 }
 function useControllable(opts) {
   const { value, defaultValue, onChange } = opts;
-  const [inner, setInner] = React11.useState(defaultValue);
+  const [inner, setInner] = React66.useState(defaultValue);
   const isControlled = value !== void 0;
   const state = isControlled ? value : inner;
-  const setState = React11.useCallback(
+  const setState = React66.useCallback(
     (next) => {
       if (!isControlled) setInner(next);
       onChange == null ? void 0 : onChange(next);
     },
     [isControlled, onChange]
   );
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!isControlled) return;
     setInner(value);
   }, [isControlled]);
@@ -28713,7 +28186,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 = React11.forwardRef(function JsonEditorEditor(props, ref) {
+var JsonEditor = React66.forwardRef(function JsonEditorEditor(props, ref) {
   var _a, _b;
   const {
     root,
@@ -28743,16 +28216,16 @@ var JsonEditor = React11.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 = React11.useMemo(
+  const routes = React66.useMemo(
     () => buildJsonRoutes(root, void 0, filters),
     [root, filters]
   );
-  const allPaths = React11.useMemo(() => {
+  const allPaths = React66.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 = React11.useMemo(() => {
+  const computedInitialRoute = React66.useMemo(() => {
     var _a2, _b2;
     const explicit = routeProp != null ? routeProp : defaultRoute;
     if (explicit !== void 0) return explicit;
@@ -28768,25 +28241,25 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     defaultValue: defaultViewMode,
     onChange: onViewModeChange
   });
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!canViewRaw && (viewMode === "raw" || viewMode === "split")) {
       setViewMode("visual");
     }
   }, [canViewRaw, setViewMode, viewMode]);
-  const fileInputRef = React11.useRef(null);
-  const contentRef = React11.useRef(null);
-  const [rawWidth, setRawWidth] = React11.useState(420);
-  const [isResizing, setIsResizing] = React11.useState(false);
-  const startXRef = React11.useRef(0);
-  const startWRef = React11.useRef(0);
-  const clampRawWidth = React11.useCallback((w2) => {
+  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) => {
     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 = React11.useCallback(
+  const onResizePointerDown = React66.useCallback(
     (e4) => {
       if (e4.button !== 0 && e4.pointerType === "mouse") return;
       setIsResizing(true);
@@ -28798,7 +28271,7 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [rawWidth]
   );
-  const onResizePointerMove = React11.useCallback(
+  const onResizePointerMove = React66.useCallback(
     (e4) => {
       if (!isResizing) return;
       const dx = e4.clientX - startXRef.current;
@@ -28807,7 +28280,7 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [clampRawWidth, isResizing]
   );
-  const stopResizing = React11.useCallback(
+  const stopResizing = React66.useCallback(
     (e4) => {
       if (!isResizing) return;
       setIsResizing(false);
@@ -28818,14 +28291,14 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [isResizing]
   );
-  const loadFile = React11.useCallback(() => {
+  const loadFile = React66.useCallback(() => {
     var _a2;
     (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, []);
-  const close = React11.useCallback(() => {
+  const close = React66.useCallback(() => {
     onClose == null ? void 0 : onClose();
   }, [onClose]);
-  const onFilePicked = React11.useCallback(
+  const onFilePicked = React66.useCallback(
     async (e4) => {
       var _a2;
       const file = (_a2 = e4.target.files) == null ? void 0 : _a2[0];
@@ -28845,7 +28318,7 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [callbacks, onRoot, route]
   );
-  const breadcrumb = React11.useMemo(() => {
+  const breadcrumb = React66.useMemo(() => {
     const segs = splitPath(route);
     const parts = [];
     const rootNode = {
@@ -28872,7 +28345,7 @@ var JsonEditor = React11.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(React11.Fragment, { children: [
+    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: [
       /* @__PURE__ */ jsx(
         Button2,
         {
@@ -28887,7 +28360,7 @@ var JsonEditor = React11.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 = React11.useMemo(() => {
+  const routeTitle = React66.useMemo(() => {
     if (!route) return "Config.json";
     const key = lastSegment(route);
     if (renderRouteLabel) {
@@ -28903,7 +28376,7 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     }
     return prettifyLabel2(key);
   }, [route, renderRouteLabel]);
-  const viewControls = React11.useMemo(() => {
+  const viewControls = React66.useMemo(() => {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
       /* @__PURE__ */ jsxs(
         Button2,
@@ -28946,7 +28419,7 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
       ) : null
     ] });
   }, [canViewRaw, setViewMode, viewMode]);
-  const header = React11.useMemo(() => {
+  const header = React66.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,
@@ -28998,7 +28471,7 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     showClose,
     viewControls
   ]);
-  const onVisualRoot = React11.useCallback(
+  const onVisualRoot = React66.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       const d = detail;
@@ -29010,14 +28483,14 @@ var JsonEditor = React11.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [callbacks, onRoot, route]
   );
-  const onRawRoot = React11.useCallback(
+  const onRawRoot = React66.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       callCallbacks(callbacks, "edit-raw", nextRoot, { route, path: "" });
     },
     [callbacks, onRoot, route]
   );
-  React11.useImperativeHandle(
+  React66.useImperativeHandle(
     ref,
     () => ({
       loadFile,
@@ -29139,7 +28612,7 @@ function triggerHeightCls(size) {
       return "h-9 text-sm";
   }
 }
-var ShadcnJsonEditorVariant = React11.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
+var ShadcnJsonEditorVariant = React66.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
   var _a;
   const {
     mode = "popover",
@@ -29186,15 +28659,15 @@ var ShadcnJsonEditorVariant = React11.forwardRef(function ShadcnJsonEditorVarian
     extendBoxToControls = true,
     triggerClassName
   } = props;
-  const editorRef = React11.useRef(null);
-  const root = React11.useMemo(() => {
+  const editorRef = React66.useRef(null);
+  const root = React66.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 = React11.useCallback(
+  const emitRoot = React66.useCallback(
     (nextRoot, detail) => {
       var _a2, _b;
       if ("onRoot" in props) {
@@ -29205,9 +28678,9 @@ var ShadcnJsonEditorVariant = React11.forwardRef(function ShadcnJsonEditorVarian
     },
     [props]
   );
-  const [openInner, setOpenInner] = React11.useState(false);
+  const [openInner, setOpenInner] = React66.useState(false);
   const open = openProp != null ? openProp : openInner;
-  const setOpen = React11.useCallback(
+  const setOpen = React66.useCallback(
     (next) => {
       if (openProp === void 0) setOpenInner(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
@@ -29215,11 +28688,11 @@ var ShadcnJsonEditorVariant = React11.forwardRef(function ShadcnJsonEditorVarian
     },
     [openProp, onOpenChange, onClose]
   );
-  const close = React11.useCallback(() => setOpen(false), [setOpen]);
-  const doOpen = React11.useCallback(() => setOpen(true), [setOpen]);
-  const toggle = React11.useCallback(() => setOpen(!open), [setOpen, open]);
-  const [expanded, setExpanded] = React11.useState();
-  React11.useImperativeHandle(
+  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(
     ref,
     () => ({
       open: doOpen,
@@ -30616,19 +30089,19 @@ function createListerRuntime(opts) {
     selectors
   };
 }
-var ListerContext = React11.createContext(
+var ListerContext = React66.createContext(
   null
 );
 function ListerProvider({
   children,
   ...opts
 }) {
-  const runtimeRef = React11.useRef(null);
-  const [, forceUpdate] = React11.useReducer((x2) => x2 + 1, 0);
+  const runtimeRef = React66.useRef(null);
+  const [, forceUpdate] = React66.useReducer((x2) => x2 + 1, 0);
   if (!runtimeRef.current) {
     runtimeRef.current = createListerRuntime(opts);
   }
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const runtime = runtimeRef.current;
     if (!runtime) return;
     const unsub = runtime.subscribe(() => {
@@ -30639,7 +30112,7 @@ function ListerProvider({
   return /* @__PURE__ */ jsx(ListerContext.Provider, { value: runtimeRef.current, children });
 }
 function useListerRuntime() {
-  const ctx = React11.useContext(ListerContext);
+  const ctx = React66.useContext(ListerContext);
   if (!ctx)
     throw new Error(
       "useListerRuntime must be used within <ListerProvider>"
@@ -30676,14 +30149,14 @@ function ListerFiltersButton(props) {
   const hasFilters = options.length > 0;
   if (!hasFilters) return null;
   const ctx = actions.getFilterCtx(id);
-  const [openGroups, setOpenGroups] = React11.useState(
+  const [openGroups, setOpenGroups] = React66.useState(
     {}
   );
   const toggleGroup = (key) => {
     setOpenGroups((m2) => ({ ...m2, [key]: !m2[key] }));
   };
   const selectedIds = asArray(session == null ? void 0 : session.selectedFilterValues);
-  const appliedCount = React11.useMemo(() => {
+  const appliedCount = React66.useMemo(() => {
     var _a2;
     const patch = (_a2 = session == null ? void 0 : session.filtersPatch) != null ? _a2 : {};
     return Object.keys(patch).length;
@@ -31194,7 +30667,7 @@ function normalizeIconifyInput(icon) {
 }
 function OptionIcon(props) {
   const { icon, className } = props;
-  if (React11.isValidElement(icon)) {
+  if (React66.isValidElement(icon)) {
     return /* @__PURE__ */ jsx("span", { className: cn("shrink-0", className), children: icon });
   }
   if (isSvgSnippetString(icon)) {
@@ -31247,7 +30720,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 = React11.useCallback(
+  const isSelected = React66.useCallback(
     (value) => {
       if (isMulti) return Array.isArray(draft) && draft.includes(value);
       return draft === value;
@@ -31314,13 +30787,13 @@ function OptionList(props) {
 }
 function useLister() {
   const runtime = useListerRuntime();
-  const [state, setState] = React11.useState(runtime.getState());
-  React11.useEffect(() => {
+  const [state, setState] = React66.useState(runtime.getState());
+  React66.useEffect(() => {
     return runtime.subscribe(() => {
       setState(runtime.getState());
     });
   }, [runtime]);
-  return React11.useMemo(
+  return React66.useMemo(
     () => ({
       api: runtime.api,
       actions: runtime.actions,
@@ -31659,25 +31132,25 @@ function ListerInner(props) {
     panelClassName
   } = props;
   const { api, actions, store } = useLister();
-  const ownerKeyRef = React11.useRef(
+  const ownerKeyRef = React66.useRef(
     (_a = openOptions == null ? void 0 : openOptions.ownerKey) != null ? _a : createRuntimeKey("lister_owner")
   );
-  React11.useEffect(() => {
+  React66.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] = React11.useState(
+  const [selectedOptions, setSelectedOptions] = React66.useState(
     null
   );
-  const openingRef = React11.useRef(false);
+  const openingRef = React66.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 !== "";
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!hasValue) {
       setSelectedOptions(null);
       return;
@@ -31713,7 +31186,7 @@ function ListerInner(props) {
       alive = false;
     };
   }, [api, def, filters, mode, value, hasValue]);
-  const openSession = React11.useCallback(async () => {
+  const openSession = React66.useCallback(async () => {
     var _a2, _b2;
     console.log(openingRef.current);
     if (disabledTrigger) return;
@@ -31754,7 +31227,7 @@ function ListerInner(props) {
     permissions,
     value
   ]);
-  const clear = React11.useCallback(() => {
+  const clear = React66.useCallback(() => {
     if (disabledTrigger) return;
     onValue(void 0, {
       action: "clear",
@@ -31762,7 +31235,7 @@ function ListerInner(props) {
     });
     setSelectedOptions(null);
   }, [disabledTrigger, onValue]);
-  const display = React11.useMemo(() => {
+  const display = React66.useMemo(() => {
     return buildLabelsFromOptions({
       mode,
       value,
@@ -31771,7 +31244,7 @@ function ListerInner(props) {
       maxItems: maxDisplayItems
     });
   }, [maxDisplayItems, mode, placeholder, selectedOptions, value]);
-  const triggerCtx = React11.useMemo(
+  const triggerCtx = React66.useMemo(
     () => ({
       mode,
       value,
@@ -31897,7 +31370,7 @@ function ListerInner(props) {
     }
   );
   const userTriggerEl = renderTrigger ? renderTrigger(triggerCtx) : null;
-  const TriggerNode = renderTrigger && React11.isValidElement(userTriggerEl) ? React11.cloneElement(userTriggerEl, {
+  const TriggerNode = renderTrigger && React66.isValidElement(userTriggerEl) ? React66.cloneElement(userTriggerEl, {
     className: cn(
       (_b = userTriggerEl.props) == null ? void 0 : _b.className,
       className
@@ -32123,11 +31596,11 @@ function ListerResolvedInner(props) {
   } = props;
   const isStandaloneInline = !def && endpoint != null;
   const shouldInferOptionValue = isStandaloneInline && optionValue === void 0;
-  const [resolvedOptionValue, setResolvedOptionValue] = React11.useState(() => optionValue != null ? optionValue : "id");
-  React11.useEffect(() => {
+  const [resolvedOptionValue, setResolvedOptionValue] = React66.useState(() => optionValue != null ? optionValue : "id");
+  React66.useEffect(() => {
     if (optionValue !== void 0) setResolvedOptionValue(optionValue);
   }, [optionValue]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     if (!shouldInferOptionValue) return;
     if (!endpoint) return;
     let alive = true;
@@ -32179,7 +31652,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 = React11.useMemo(() => {
+  const finalDef = React66.useMemo(() => {
     const baseDef = def;
     if (!inlineExists) return baseDef;
     if (!baseDef) {
@@ -32234,7 +31707,7 @@ function ListerResolvedInner(props) {
     optionMeta,
     search
   ]);
-  const openOptions = React11.useMemo(() => {
+  const openOptions = React66.useMemo(() => {
     return {
       title,
       searchMode,
@@ -32488,24 +31961,24 @@ function IconPickerPanel(props) {
     maxRender = 2500
   } = props;
   const den = densityTokens2(density);
-  const groups = React11.useMemo(() => {
+  const groups = React66.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 = React11.useMemo(() => {
+  const prefixes = React66.useMemo(() => {
     return uniq2(groups.flatMap((g2) => g2.prefixes).filter(Boolean));
   }, [groups]);
-  const [selectedGroupId, setSelectedGroupId] = React11.useState(() => {
+  const [selectedGroupId, setSelectedGroupId] = React66.useState(() => {
     var _a;
     return (_a = groups[0]) == null ? void 0 : _a.id;
   });
-  const [searchQuery, setSearchQuery] = React11.useState("");
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const [allIcons, setAllIcons] = React11.useState([]);
-  React11.useEffect(() => {
+  const [searchQuery, setSearchQuery] = React66.useState("");
+  const [loading, setLoading] = React66.useState(false);
+  const [error, setError] = React66.useState(null);
+  const [allIcons, setAllIcons] = React66.useState([]);
+  React66.useEffect(() => {
     setSelectedGroupId((prev) => {
       var _a, _b;
       if (!prev) return (_a = groups[0]) == null ? void 0 : _a.id;
@@ -32513,7 +31986,7 @@ function IconPickerPanel(props) {
       return exists ? prev : (_b = groups[0]) == null ? void 0 : _b.id;
     });
   }, [groups]);
-  React11.useEffect(() => {
+  React66.useEffect(() => {
     const controller = new AbortController();
     let mounted = true;
     const load = async () => {
@@ -32555,15 +32028,15 @@ function IconPickerPanel(props) {
       controller.abort();
     };
   }, [prefixes, url]);
-  const selectedGroup = React11.useMemo(
+  const selectedGroup = React66.useMemo(
     () => groups.find((g2) => g2.id === selectedGroupId),
     [groups, selectedGroupId]
   );
-  const selectedGroupPrefixes = React11.useMemo(() => {
+  const selectedGroupPrefixes = React66.useMemo(() => {
     if (!selectedGroup) return void 0;
     return new Set(selectedGroup.prefixes);
   }, [selectedGroup]);
-  const filteredIcons = React11.useMemo(() => {
+  const filteredIcons = React66.useMemo(() => {
     const q2 = searchQuery.trim().toLowerCase();
     let list = allIcons;
     if (selectedGroupPrefixes) {
@@ -32579,7 +32052,7 @@ function IconPickerPanel(props) {
     }
     return list;
   }, [allIcons, searchQuery, selectedGroupPrefixes]);
-  const limitedIcons = React11.useMemo(() => {
+  const limitedIcons = React66.useMemo(() => {
     if (filteredIcons.length <= maxRender) return filteredIcons;
     return filteredIcons.slice(0, maxRender);
   }, [filteredIcons, maxRender]);
@@ -32593,7 +32066,7 @@ function IconPickerPanel(props) {
       value.includes(iconName) ? value.filter((x2) => x2 !== iconName) : [...value, iconName]
     );
   };
-  const GridComponents = React11.useMemo(
+  const GridComponents = React66.useMemo(
     () => ({
       List: (p2) => /* @__PURE__ */ jsx(
         "div",
@@ -32606,7 +32079,7 @@ function IconPickerPanel(props) {
     }),
     []
   );
-  const gridHeightStyle = React11.useMemo(
+  const gridHeightStyle = React66.useMemo(
     () => ({ height: "50vh" }),
     []
   );
@@ -32731,7 +32204,7 @@ function IconPickerPanel(props) {
     )
   ] });
 }
-var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, ref) {
+var ShadcnIconVariant = React66.forwardRef(function ShadcnIconVariant2(props, ref) {
   var _a, _b;
   const {
     value,
@@ -32783,12 +32256,12 @@ var ShadcnIconVariant = React11.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] = React11.useState(false);
-  const selected = React11.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React66.useState(false);
+  const selected = React66.useMemo(() => {
     if (multiple) return Array.isArray(value) ? value.filter(Boolean) : [];
     return typeof value === "string" && value ? [value] : [];
   }, [multiple, value]);
-  const emit = React11.useCallback(
+  const emit = React66.useCallback(
     (nextArr, meta) => {
       var _a2, _b2;
       if (!onValue) return;
@@ -32810,7 +32283,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
     },
     [multiple, onValue]
   );
-  const Chip = React11.useCallback(
+  const Chip = React66.useCallback(
     ({ iconName }) => {
       var _a2;
       const short = (_a2 = iconName.split(":")[1]) != null ? _a2 : iconName;
@@ -32873,7 +32346,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
     [chipHeightCls, den.chipGap, den.chipPad, emit, selected]
   );
   const selectedCount = selected.length;
-  const resolveButtonTriggerElement = React11.useCallback(() => {
+  const resolveButtonTriggerElement = React66.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: selected,
@@ -32903,7 +32376,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React11.cloneElement(el, {
+        return React66.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 }),
@@ -32911,7 +32384,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
           ] })
         });
       }
-      return React11.cloneElement(el, {
+      return React66.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -32919,7 +32392,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
         ] })
       });
     };
-    const withNoopDnD = (el) => React11.cloneElement(el, {
+    const withNoopDnD = (el) => React66.cloneElement(el, {
       // keep event-merging parity with file variant (no-op, but safe)
       onDragOver: mergeHandlers2(
         el.props.onDragOver,
@@ -32936,7 +32409,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
         }
       )
     });
-    if (React11.isValidElement(rawNode))
+    if (React66.isValidElement(rawNode))
       return withNoopDnD(injectBadgeIntoElement(rawNode));
     const fallback = /* @__PURE__ */ jsxs(
       "button",
@@ -32984,7 +32457,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
     triggerClassName
   ]);
   const COLLAPSE_LIMIT = 2;
-  const TriggerRegion = React11.useMemo(() => {
+  const TriggerRegion = React66.useMemo(() => {
     const hasItems = selected.length > 0;
     const visibleItems = selected.slice(0, COLLAPSE_LIMIT);
     const hiddenCount = selected.length - COLLAPSE_LIMIT;
@@ -33072,7 +32545,7 @@ var ShadcnIconVariant = React11.forwardRef(function ShadcnIconVariant2(props, re
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
             popoverClassName
           ),
           align: "start",
@@ -33356,8 +32829,8 @@ function isFileLikeString(s3) {
   return FILE_EXT_RE.test(v2);
 }
 function useImagePreview(value) {
-  const [src, setSrc] = React11.useState(null);
-  React11.useEffect(() => {
+  const [src, setSrc] = React66.useState(null);
+  React66.useEffect(() => {
     if (!value) {
       setSrc(null);
       return;
@@ -33375,7 +32848,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 = React11.forwardRef(function ShadcnImageIconVariant2(props, ref) {
+var ShadcnImageIconVariant = React66.forwardRef(function ShadcnImageIconVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -33432,7 +32905,7 @@ var ShadcnImageIconVariant = React11.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 = React11.useMemo(() => {
+  const effectiveIconGroups = React66.useMemo(() => {
     const groups = resolvedIconGroups != null ? resolvedIconGroups : DEFAULT_GROUPS;
     const allowed = toArray(allowedIconGroupIds).filter(
       Boolean
@@ -33441,7 +32914,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     const filtered = groups.filter((g2) => allowed.includes(g2.id));
     return filtered.length ? filtered : groups;
   }, [resolvedIconGroups, allowedIconGroupIds]);
-  const allowedIconPrefixes = React11.useMemo(() => {
+  const allowedIconPrefixes = React66.useMemo(() => {
     var _a;
     const set = /* @__PURE__ */ new Set();
     for (const g2 of effectiveIconGroups) {
@@ -33449,7 +32922,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     }
     return set;
   }, [effectiveIconGroups]);
-  const isIconString = React11.useCallback(
+  const isIconString = React66.useCallback(
     (raw) => {
       var _a;
       const s3 = raw.trim();
@@ -33461,7 +32934,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     },
     [allowedIconPrefixes]
   );
-  const normaliseImageIconInput = React11.useCallback(
+  const normaliseImageIconInput = React66.useCallback(
     (v2) => {
       var _a;
       if (v2 == null) return null;
@@ -33502,25 +32975,25 @@ var ShadcnImageIconVariant = React11.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] = React11.useState(false);
-  const [tab, setTab] = React11.useState("icon");
-  const list = React11.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React66.useState(false);
+  const [tab, setTab] = React66.useState("icon");
+  const list = React66.useMemo(() => {
     const raw = multiple ? toArray(value) : value != null ? [value] : [];
     return raw.map(normaliseImageIconInput).filter(Boolean);
   }, [multiple, normaliseImageIconInput, value]);
-  const iconsSelected = React11.useMemo(() => {
+  const iconsSelected = React66.useMemo(() => {
     return list.filter((x2) => x2.kind === "icon").map((x2) => x2.icon);
   }, [list]);
-  const imagesSelected = React11.useMemo(() => {
+  const imagesSelected = React66.useMemo(() => {
     return list.filter((x2) => x2.kind === "image");
   }, [list]);
-  const toFieldRaw = React11.useCallback(
+  const toFieldRaw = React66.useCallback(
     (x2) => {
       return x2.kind === "icon" ? x2.icon : x2.image;
     },
     []
   );
-  const emit = React11.useCallback(
+  const emit = React66.useCallback(
     (nextList, meta) => {
       var _a, _b;
       if (!onValue) return;
@@ -33549,7 +33022,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     emit(next, { action: "remove", index: idx });
   };
   const clearAll = () => emit([], { action: "clear" });
-  const Chip = React11.useCallback(
+  const Chip = React66.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;
@@ -33600,7 +33073,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     [chipHeightCls, den.chipGap, den.chipPad, removeAt]
   );
   const selectedCount = list.length;
-  const resolveButtonTriggerElement = React11.useCallback(() => {
+  const resolveButtonTriggerElement = React66.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: list,
@@ -33630,7 +33103,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React11.cloneElement(el, {
+        return React66.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 }),
@@ -33638,7 +33111,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
           ] })
         });
       }
-      return React11.cloneElement(el, {
+      return React66.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -33646,7 +33119,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
         ] })
       });
     };
-    if (React11.isValidElement(rawNode))
+    if (React66.isValidElement(rawNode))
       return injectBadgeIntoElement(rawNode);
     return /* @__PURE__ */ jsxs(
       "button",
@@ -33678,12 +33151,12 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     selectedCount,
     triggerClassName
   ]);
-  const [dragOver, setDragOver] = React11.useState(false);
-  const fileInputRef = React11.useRef(null);
-  const [imgSelectedIds, setImgSelectedIds] = React11.useState(
+  const [dragOver, setDragOver] = React66.useState(false);
+  const fileInputRef = React66.useRef(null);
+  const [imgSelectedIds, setImgSelectedIds] = React66.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const imageItems = React11.useMemo(() => {
+  const imageItems = React66.useMemo(() => {
     return imagesSelected.map((x2) => normaliseFileLike2(x2.image));
   }, [imagesSelected]);
   const canAddMore = (nextCount) => {
@@ -33746,7 +33219,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
       setImagesFromItems(next, { from });
     }
   };
-  const openImagePicker = React11.useCallback(async () => {
+  const openImagePicker = React66.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     const resolvedLoader = typeof customLoader == "function" ? customLoader : customLoader ? getPaletteUtil("customLoader") : void 0;
@@ -33771,14 +33244,14 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
     }
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, [accept, customLoader, imageItems, isDisabled, mergeMode, multiple]);
-  const onDragOver = React11.useCallback(
+  const onDragOver = React66.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React11.useCallback(
+  const onDrop = React66.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -33827,7 +33300,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
       if (icons[0]) setPopoverOpen(false);
     }
   };
-  const TriggerRegion = React11.useMemo(() => {
+  const TriggerRegion = React66.useMemo(() => {
     const COLLAPSE_LIMIT = 2;
     const hasItems = list.length > 0;
     const visibleItems = list.slice(0, COLLAPSE_LIMIT);
@@ -33922,7 +33395,7 @@ var ShadcnImageIconVariant = React11.forwardRef(function ShadcnImageIconVariant2
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
             popoverClassName
           ),
           align: "start",
@@ -34745,7 +34218,7 @@ function InputField(props) {
     return null;
   }
   const classes = getClasses(props);
-  const layout = React11.useMemo(() => {
+  const layout = React66.useMemo(() => {
     var _a2;
     const defaultsLayout = (_a2 = module2.defaults) == null ? void 0 : _a2.layout;
     const overrides = {};
@@ -34793,7 +34266,7 @@ function InputField(props) {
   ]);
   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 = React11.useCallback(
+  const validate = React66.useCallback(
     (value2, field2, form, _report) => {
       var _a2;
       const messages = [];
@@ -34833,7 +34306,7 @@ function InputField(props) {
   const { value: fieldValue, setValue, error, ref, key } = field;
   const Variant = module2.Variant;
   const visualError = (errorText != null ? errorText : error) || "";
-  const handleValueChange = React11.useCallback(
+  const handleValueChange = React66.useCallback(
     (next, detail) => {
       let finalValue = next;
       let defaultPrevented = false;
@@ -34882,7 +34355,7 @@ function InputField(props) {
     hostVariantClass,
     classes == null ? void 0 : classes.variant
   ) || void 0;
-  const tagsContent = React11.useMemo(() => {
+  const tagsContent = React66.useMemo(() => {
     const items = tags != null ? tags : [];
     if (!items.length) return null;
     return /* @__PURE__ */ jsx(Fragment, { children: items.map((tag, index) => /* @__PURE__ */ jsxs(
@@ -34906,7 +34379,7 @@ function InputField(props) {
       index
     )) });
   }, [tags, classes == null ? void 0 : classes.tag]);
-  const graph = React11.useMemo(
+  const graph = React66.useMemo(
     () => buildLayoutGraph({
       layout,
       sublabel,
@@ -35045,7 +34518,7 @@ function InputField(props) {
     hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",
     classes == null ? void 0 : classes.group
   );
-  const Element = contain ? "div" : React11.Fragment;
+  const Element = contain ? "div" : React66.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,