@timeax/form-palette 0.2.0 → 0.2.2

package/dist/extra.mjs

@@ -1,5 +1,5 @@
-import * as React74 from 'react';
-import React74__default, { forwardRef, createElement, createContext, useMemo, useCallback, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
+import * as React76 from 'react';
+import React76__default, { forwardRef, createElement, createContext, useMemo, useCallback, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import Draggable from 'react-draggable';
@@ -10,10 +10,10 @@ import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as ScrollAreaPrimitive2 from '@radix-ui/react-scroll-area';
 import { Virtuoso, VirtuosoGrid } from 'react-virtuoso';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -6628,19 +6628,19 @@ function createListerRuntime(opts) {
     selectors
   };
 }
-var ListerContext = React74.createContext(
+var ListerContext = React76.createContext(
   null
 );
 function ListerProvider({
   children,
   ...opts
 }) {
-  const runtimeRef = React74.useRef(null);
-  const [, forceUpdate] = React74.useReducer((x2) => x2 + 1, 0);
+  const runtimeRef = React76.useRef(null);
+  const [, forceUpdate] = React76.useReducer((x2) => x2 + 1, 0);
   if (!runtimeRef.current) {
     runtimeRef.current = createListerRuntime(opts);
   }
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const runtime = runtimeRef.current;
     if (!runtime) return;
     const unsub = runtime.subscribe(() => {
@@ -6651,7 +6651,7 @@ function ListerProvider({
   return /* @__PURE__ */ jsx(ListerContext.Provider, { value: runtimeRef.current, children });
 }
 function useListerRuntime() {
-  const ctx = React74.useContext(ListerContext);
+  const ctx = React76.useContext(ListerContext);
   if (!ctx)
     throw new Error(
       "useListerRuntime must be used within <ListerProvider>"
@@ -9730,17 +9730,17 @@ var focusEl = (el) => {
   }
 };
 function useUpdateEffect(effect, deps) {
-  const mounted = React74.useRef(false);
-  React74.useEffect(() => {
+  const mounted = React76.useRef(false);
+  React76.useEffect(() => {
     if (mounted.current) {
       return effect();
     }
     mounted.current = true;
   }, deps);
 }
-var InputMask = React74.memo(
-  React74.forwardRef((inProps, ref) => {
-    const props = React74.useMemo(
+var InputMask = React76.memo(
+  React76.forwardRef((inProps, ref) => {
+    const props = React76.useMemo(
       () => ({
         autoClear: true,
         autoFocus: false,
@@ -9755,20 +9755,20 @@ var InputMask = React74.memo(
       }),
       [inProps]
     );
-    const elementRef = React74.useRef(null);
-    const firstNonMaskPos = React74.useRef(null);
-    const lastRequiredNonMaskPos = React74.useRef(0);
-    const tests = React74.useRef([]);
-    const buffer = React74.useRef([]);
-    const len = React74.useRef(0);
-    const oldVal = React74.useRef(null);
-    const focus = React74.useRef(false);
-    const focusText = React74.useRef(null);
-    const isValueChecked = React74.useRef(null);
-    const partialPosition = React74.useRef(null);
-    const defaultBuffer = React74.useRef(null);
-    const caretTimeoutId = React74.useRef(null);
-    const androidChrome = React74.useRef(false);
+    const elementRef = React76.useRef(null);
+    const firstNonMaskPos = React76.useRef(null);
+    const lastRequiredNonMaskPos = React76.useRef(0);
+    const tests = React76.useRef([]);
+    const buffer = React76.useRef([]);
+    const len = React76.useRef(0);
+    const oldVal = React76.useRef(null);
+    const focus = React76.useRef(false);
+    const focusText = React76.useRef(null);
+    const isValueChecked = React76.useRef(null);
+    const partialPosition = React76.useRef(null);
+    const defaultBuffer = React76.useRef(null);
+    const caretTimeoutId = React76.useRef(null);
+    const androidChrome = React76.useRef(false);
     const caret = (first, last) => {
       var _a, _b;
       let range;
@@ -9803,7 +9803,7 @@ var InputMask = React74.memo(
       }
       return { begin, end };
     };
-    const getPlaceholder = React74.useCallback(
+    const getPlaceholder = React76.useCallback(
       (i4) => {
         var _a;
         const slotChar2 = (_a = props.slotChar) != null ? _a : "_";
@@ -10073,7 +10073,7 @@ var InputMask = React74.memo(
         });
       }
     };
-    const getUnmaskedValue = React74.useCallback(() => {
+    const getUnmaskedValue = React76.useCallback(() => {
       const unmaskedBuffer = [];
       for (let i4 = 0; i4 < buffer.current.length; i4++) {
         const c2 = buffer.current[i4];
@@ -10128,7 +10128,7 @@ var InputMask = React74.memo(
       }
       return pos;
     };
-    const isValueUpdated = React74.useCallback(() => {
+    const isValueUpdated = React76.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 : "");
@@ -10228,7 +10228,7 @@ var InputMask = React74.memo(
     const onInput = (event) => {
       androidChrome.current ? handleAndroidInput(event) : handleInputChange(event);
     };
-    React74.useImperativeHandle(
+    React76.useImperativeHandle(
       ref,
       () => ({
         focus: () => focusEl(elementRef.current),
@@ -10236,10 +10236,10 @@ var InputMask = React74.memo(
       }),
       []
     );
-    React74.useEffect(() => {
+    React76.useEffect(() => {
       if (!elementRef.current) return;
     }, []);
-    React74.useEffect(() => {
+    React76.useEffect(() => {
       init();
       updateValue();
     }, []);
@@ -10273,6 +10273,7 @@ var InputMask = React74.memo(
       onKeyPress: l2,
       onInput: m2,
       className,
+      invalid,
       ...restInputProps
     } = props;
     return /* @__PURE__ */ jsx(
@@ -10294,6 +10295,7 @@ var InputMask = React74.memo(
         onKeyPress,
         onInput,
         onPaste: (e4) => handleInputChange(e4, true),
+        "aria-invalid": invalid ? "true" : void 0,
         ...restInputProps
       }
     );
@@ -10387,7 +10389,7 @@ function resolveSizeDensityClasses(size, density) {
   }
   return { heightCls, textCls, densityCls };
 }
-var Input = React74.forwardRef(
+var Input = React76.forwardRef(
   function Input2(rawProps, forwardedRef) {
     const {
       // base
@@ -10397,6 +10399,7 @@ var Input = React74.forwardRef(
       disabled,
       readOnly,
       required,
+      invalid,
       // size / density
       size = "md",
       density = "normal",
@@ -10450,8 +10453,8 @@ var Input = React74.forwardRef(
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
     const isMasked = Boolean(mask);
-    const innerRef = React74.useRef(null);
-    React74.useImperativeHandle(
+    const innerRef = React76.useRef(null);
+    React76.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -10472,11 +10475,11 @@ var Input = React74.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 4;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React74.useRef(null);
-    const trailingIconsRef = React74.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React74.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React74.useState(0);
-    React74.useLayoutEffect(() => {
+    const leadingIconsRef = React76.useRef(null);
+    const trailingIconsRef = React76.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React76.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React76.useState(0);
+    React76.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       if (typeof ResizeObserver === "undefined") return;
       const leadingEl = leadingIconsRef.current;
@@ -10551,7 +10554,7 @@ var Input = React74.forwardRef(
       inputClassName
     );
     const maskMode = unmask === true || unmask === "raw" ? "raw" : "masked";
-    const handleFocus = React74.useCallback(
+    const handleFocus = React76.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (!prefix && !suffix) return;
@@ -10579,7 +10582,7 @@ var Input = React74.forwardRef(
     const placeholder = typeof mask === "string" && mask ? mask : rest.placeholder;
     const hasCustomPadding = typeof px === "number" || typeof py === "number" || typeof ps === "number" || typeof pe2 === "number" || typeof pb === "number";
     const hasKeyFilter = !!keyFilter;
-    const handleKeyDownWrapped = React74.useCallback(
+    const handleKeyDownWrapped = React76.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keydown" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -10596,7 +10599,7 @@ var Input = React74.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyDown]
     );
-    const handleKeyPressWrapped = React74.useCallback(
+    const handleKeyPressWrapped = React76.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "keypress" && !event.ctrlKey && !event.metaKey && !event.altKey && event.key && event.key.length === 1) {
           const inputEl = event.currentTarget;
@@ -10613,7 +10616,7 @@ var Input = React74.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onKeyPress]
     );
-    const handleBeforeInputWrapped = React74.useCallback(
+    const handleBeforeInputWrapped = React76.useCallback(
       (event) => {
         if (hasKeyFilter && keyFilterOn === "beforeinput" && (event == null ? void 0 : event.nativeEvent)) {
           const inputEl = event.currentTarget;
@@ -10634,7 +10637,7 @@ var Input = React74.forwardRef(
       },
       [hasKeyFilter, keyFilterOn, keyFilter, onBeforeInput]
     );
-    const handlePasteWrapped = React74.useCallback(
+    const handlePasteWrapped = React76.useCallback(
       (event) => {
         var _a, _b;
         if (hasKeyFilter && keyFilterOnPaste) {
@@ -10685,6 +10688,7 @@ var Input = React74.forwardRef(
               onBeforeInput: handleBeforeInputWrapped,
               onPaste: handlePasteWrapped,
               "aria-required": required ? "true" : void 0,
+              "aria-invalid": invalid ? "true" : void 0,
               "data-size": sizeKey,
               "data-density": densityKey,
               placeholder,
@@ -10738,6 +10742,7 @@ var Input = React74.forwardRef(
             disabled,
             readOnly,
             "aria-required": required ? "true" : void 0,
+            "aria-invalid": invalid ? "true" : void 0,
             "data-size": sizeKey,
             "data-density": densityKey,
             placeholder,
@@ -11032,7 +11037,7 @@ function stripAffixes(value, prefix, suffix) {
   if (suffix && out.endsWith(suffix)) out = out.slice(0, -suffix.length);
   return out;
 }
-var ShadcnTextVariant = React74.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
+var ShadcnTextVariant = React76.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
   const {
     // form-level props
     value,
@@ -11080,7 +11085,7 @@ var ShadcnTextVariant = React74.forwardRef(function ShadcnTextVariant2(props, fo
     ...rest
   } = props;
   const isMasked = Boolean(mask);
-  const handlePlainChange = React74.useCallback(
+  const handlePlainChange = React76.useCallback(
     (e4) => {
       var _a;
       const displayed = (_a = e4.target.value) != null ? _a : "";
@@ -11111,7 +11116,7 @@ var ShadcnTextVariant = React74.forwardRef(function ShadcnTextVariant2(props, fo
     },
     [onValue, prefix, suffix, stripPrefix, stripSuffix]
   );
-  const handleMaskedChange = React74.useCallback(
+  const handleMaskedChange = React76.useCallback(
     (e4) => {
       var _a, _b, _c;
       const maskedValue = (_a = e4.value) != null ? _a : "";
@@ -11329,8 +11334,8 @@ function normalizeEditable(raw, locale, decimalSep, allowMinus) {
   if (t4 === decimalSep) t4 = "0" + decimalSep;
   return t4;
 }
-var InputNumber = React74.memo(
-  React74.forwardRef((inProps, ref) => {
+var InputNumber = React76.memo(
+  React76.forwardRef((inProps, ref) => {
     var _a;
     const props = {
       allowEmpty: true,
@@ -11345,19 +11350,19 @@ var InputNumber = React74.memo(
       type: "text",
       ...inProps
     };
-    const locale = React74.useMemo(
+    const locale = React76.useMemo(
       () => resolveLocale(props.locale),
       [props.locale]
     );
-    const decimalSep = React74.useMemo(
+    const decimalSep = React76.useMemo(
       () => getDecimalSeparator(locale),
       [locale]
     );
-    const allowMinus = React74.useMemo(
+    const allowMinus = React76.useMemo(
       () => props.min == null || props.min < 0,
       [props.min]
     );
-    const fmtOptions = React74.useMemo(() => {
+    const fmtOptions = React76.useMemo(() => {
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
@@ -11378,22 +11383,22 @@ var InputNumber = React74.memo(
       props.maxFractionDigits,
       props.roundingMode
     ]);
-    const inputRef = React74.useRef(null);
-    React74.useImperativeHandle(ref, () => inputRef.current);
-    const [display, setDisplay] = React74.useState("");
-    const [focused, setFocused] = React74.useState(false);
-    const toEditableFromNumber = React74.useCallback(
+    const inputRef = React76.useRef(null);
+    React76.useImperativeHandle(ref, () => inputRef.current);
+    const [display, setDisplay] = React76.useState("");
+    const [focused, setFocused] = React76.useState(false);
+    const toEditableFromNumber = React76.useCallback(
       (n3) => {
         const s3 = String(n3);
         return decimalSep === "." ? s3 : s3.replace(".", decimalSep);
       },
       [decimalSep]
     );
-    const clampModel = React74.useCallback(
+    const clampModel = React76.useCallback(
       (n3) => clampToLimits(n3, props.min, props.max),
       [props.min, props.max]
     );
-    const emit = React74.useCallback(
+    const emit = React76.useCallback(
       (event, value2) => {
         var _a2, _b, _c;
         const safeValue = sanitizeNumberish(value2);
@@ -11428,7 +11433,7 @@ var InputNumber = React74.memo(
         }
       });
     };
-    const formatFromModel = React74.useCallback(
+    const formatFromModel = React76.useCallback(
       (n3) => {
         const safeNumber = sanitizeNumberish(n3);
         if (safeNumber == null) return "";
@@ -11451,7 +11456,7 @@ var InputNumber = React74.memo(
         toEditableFromNumber
       ]
     );
-    const getModelFromDisplay = React74.useCallback(
+    const getModelFromDisplay = React76.useCallback(
       (text) => {
         const stripped = stripAffixes2(text, props.prefix, props.suffix);
         const withoutGroup = stripGrouping(stripped, locale);
@@ -11463,7 +11468,7 @@ var InputNumber = React74.memo(
       },
       [props.prefix, props.suffix, locale, decimalSep, clampModel]
     );
-    const syncFromPropsValue = React74.useCallback(
+    const syncFromPropsValue = React76.useCallback(
       (v2) => {
         const safeValue = sanitizeNumberish(v2);
         if (safeValue == null) {
@@ -11477,11 +11482,11 @@ var InputNumber = React74.memo(
       },
       [clampModel, focused, toEditableFromNumber, formatFromModel]
     );
-    React74.useEffect(() => {
+    React76.useEffect(() => {
       var _a2;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
     }, []);
-    React74.useEffect(() => {
+    React76.useEffect(() => {
       var _a2;
       if (focused) return;
       syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
@@ -11574,6 +11579,25 @@ var InputNumber = React74.memo(
       value,
       icon,
       iconGap,
+      // Destructure to prevent leakage:
+      locale: _locale,
+      localeMatcher,
+      mode,
+      currency,
+      currencyDisplay,
+      useGrouping,
+      minFractionDigits,
+      maxFractionDigits,
+      roundingMode,
+      min: min2,
+      max: max2,
+      step,
+      allowEmpty,
+      format: format2,
+      invalid,
+      onValueChange,
+      onChange,
+      onValue,
       ...passThroughProps
     } = props;
     return (
@@ -12036,7 +12060,7 @@ var X = createLucideIcon("x", __iconNode37);
 function sanitizeNumberish2(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
-var ShadcnNumberVariant = React74__default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
+var ShadcnNumberVariant = React76__default.forwardRef(function ShadcnNumberVariant2(props, forwardedRef) {
   const {
     showButtons,
     buttonLayout = "stacked",
@@ -12054,7 +12078,7 @@ var ShadcnNumberVariant = React74__default.forwardRef(function ShadcnNumberVaria
     id,
     inputId
   } = rest;
-  const handleChange = React74__default.useCallback(
+  const handleChange = React76__default.useCallback(
     (e4) => {
       const safeValue = sanitizeNumberish2(e4.value);
       if (onValueChange) {
@@ -12067,7 +12091,7 @@ var ShadcnNumberVariant = React74__default.forwardRef(function ShadcnNumberVaria
     },
     [onValueChange]
   );
-  const handleStep = React74__default.useCallback(
+  const handleStep = React76__default.useCallback(
     (direction, originalEvent) => {
       var _a, _b;
       if (disabled) return;
@@ -12597,7 +12621,7 @@ var CountrySelect = ({
     }) })
   ] }) });
 };
-var ShadcnPhoneVariant = React74.forwardRef(function ShadcnPhoneVariant2(props, ref) {
+var ShadcnPhoneVariant = React76.forwardRef(function ShadcnPhoneVariant2(props, ref) {
   const {
     countries: countriesProp,
     defaultCountry,
@@ -12622,8 +12646,8 @@ var ShadcnPhoneVariant = React74.forwardRef(function ShadcnPhoneVariant2(props,
   } = props;
   let DEFAULT_COUNTRIES2 = getGlobalCountryList();
   const defaultCountries = countriesProp && countriesProp.length > 0 ? countriesProp : DEFAULT_COUNTRIES2;
-  const [countries, setLoadedCountries] = React74.useState(defaultCountries);
-  React74.useEffect(() => {
+  const [countries, setLoadedCountries] = React76.useState(defaultCountries);
+  React76.useEffect(() => {
     if (countriesProp == null ? void 0 : countriesProp.length) return;
     const list = getPaletteUtil("countries");
     if (list == null ? void 0 : list.length) {
@@ -12636,7 +12660,7 @@ var ShadcnPhoneVariant = React74.forwardRef(function ShadcnPhoneVariant2(props,
       });
     }
   }, []);
-  const [country, setCountry] = React74.useState(() => {
+  const [country, setCountry] = React76.useState(() => {
     var _a;
     if (defaultCountry) {
       const found = countries.find((c2) => c2.code === defaultCountry);
@@ -12644,7 +12668,7 @@ var ShadcnPhoneVariant = React74.forwardRef(function ShadcnPhoneVariant2(props,
     }
     return (_a = countries[0]) != null ? _a : DEFAULT_COUNTRIES2[0];
   });
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setCountry((prev) => {
       var _a;
       if (defaultCountry) {
@@ -12655,13 +12679,13 @@ var ShadcnPhoneVariant = React74.forwardRef(function ShadcnPhoneVariant2(props,
       return (_a = stillThere != null ? stillThere : countries[0]) != null ? _a : prev;
     });
   }, [countries, defaultCountry]);
-  const [local, setLocal] = React74.useState(
+  const [local, setLocal] = React76.useState(
     () => computeDisplayFromValue(value, country, keepCharPositions)
   );
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setLocal(computeDisplayFromValue(value, country, keepCharPositions));
   }, [value, country, keepCharPositions]);
-  const handleInputChange = React74.useCallback(
+  const handleInputChange = React76.useCallback(
     (event) => {
       var _a;
       const rawInput = (_a = event.target.value) != null ? _a : "";
@@ -12687,7 +12711,7 @@ var ShadcnPhoneVariant = React74.forwardRef(function ShadcnPhoneVariant2(props,
     },
     [country, valueMode, keepCharPositions, onValue]
   );
-  const handleCountryChange = React74.useCallback(
+  const handleCountryChange = React76.useCallback(
     (nextCode) => {
       var _a;
       const nextCountry = (_a = countries.find((c2) => c2.code === nextCode)) != null ? _a : countries[0];
@@ -12774,7 +12798,7 @@ function normalizeColorForPicker(value) {
   }
   return "#000000";
 }
-var ShadcnColorVariant = React74.forwardRef(function ShadcnColorVariant2(props, ref) {
+var ShadcnColorVariant = React76.forwardRef(function ShadcnColorVariant2(props, ref) {
   const {
     // variant contract
     value,
@@ -12795,22 +12819,22 @@ var ShadcnColorVariant = React74.forwardRef(function ShadcnColorVariant2(props,
     // everything else → Input (size, density, className, icons, etc.)
     ...restTextProps
   } = props;
-  const [local, setLocal] = React74.useState(value != null ? value : "");
-  const [pickerOpen, setPickerOpen] = React74.useState(false);
-  React74.useEffect(() => {
+  const [local, setLocal] = React76.useState(value != null ? value : "");
+  const [pickerOpen, setPickerOpen] = React76.useState(false);
+  React76.useEffect(() => {
     setLocal(value != null ? value : "");
   }, [value]);
-  const pickerRef = React74.useRef(null);
+  const pickerRef = React76.useRef(null);
   const effectiveColor = normalizeColorForPicker(local || value);
   const showError = Boolean(error);
-  const openSystemPicker = React74.useCallback(() => {
+  const openSystemPicker = React76.useCallback(() => {
     setPickerOpen(true);
     window.setTimeout(() => {
       var _a;
       (_a = pickerRef.current) == null ? void 0 : _a.click();
     }, 0);
   }, []);
-  const handleTextChange = React74.useCallback(
+  const handleTextChange = React76.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -12827,7 +12851,7 @@ var ShadcnColorVariant = React74.forwardRef(function ShadcnColorVariant2(props,
     },
     [onValue]
   );
-  const handlePickerChange = React74.useCallback(
+  const handlePickerChange = React76.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -12845,7 +12869,7 @@ var ShadcnColorVariant = React74.forwardRef(function ShadcnColorVariant2(props,
     },
     [onValue]
   );
-  const handlePickerBlur = React74.useCallback(() => {
+  const handlePickerBlur = React76.useCallback(() => {
     setPickerOpen(false);
   }, []);
   const leadingControl = showPreview ? /* @__PURE__ */ jsx(
@@ -13147,7 +13171,7 @@ function meterColor(score) {
   if (score === 3) return "bg-amber-500";
   return "bg-emerald-500";
 }
-var ShadcnPasswordVariant = React74.forwardRef(function ShadcnPasswordVariant2(props, ref) {
+var ShadcnPasswordVariant = React76.forwardRef(function ShadcnPasswordVariant2(props, ref) {
   var _a, _b;
   const {
     // base variant bits
@@ -13183,18 +13207,18 @@ var ShadcnPasswordVariant = React74.forwardRef(function ShadcnPasswordVariant2(p
     // everything else from Shadcn text UI
     ...restTextProps
   } = props;
-  const [revealed, setRevealed] = React74.useState(
+  const [revealed, setRevealed] = React76.useState(
     Boolean(defaultRevealed)
   );
-  const normalizedStrength = React74.useMemo(
+  const normalizedStrength = React76.useMemo(
     () => normalizeStrengthOptions(strengthMeter),
     [strengthMeter]
   );
-  const effectiveRuleDefinitions = React74.useMemo(
+  const effectiveRuleDefinitions = React76.useMemo(
     () => getMergedRuleDefinitions(ruleDefinitions),
     [ruleDefinitions]
   );
-  const meterState = React74.useMemo(() => {
+  const meterState = React76.useMemo(() => {
     if (!normalizedStrength) return null;
     const v2 = value != null ? value : "";
     return computeMeterState(
@@ -13204,14 +13228,14 @@ var ShadcnPasswordVariant = React74.forwardRef(function ShadcnPasswordVariant2(p
       ruleUses
     );
   }, [normalizedStrength, value, ruleUses, effectiveRuleDefinitions]);
-  const handleToggleReveal = React74.useCallback(() => {
+  const handleToggleReveal = React76.useCallback(() => {
     setRevealed((prev) => {
       const next = !prev;
       onRevealChange == null ? void 0 : onRevealChange(next);
       return next;
     });
   }, [onRevealChange]);
-  const handleChange = React74.useCallback(
+  const handleChange = React76.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -15861,38 +15885,38 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 function Button(props) {
-  return React74__default.createElement("button", { ...props });
+  return React76__default.createElement("button", { ...props });
 }
 function CaptionLabel(props) {
-  return React74__default.createElement("span", { ...props });
+  return React76__default.createElement("span", { ...props });
 }
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
   return (
     // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    React74__default.createElement(
+    React76__default.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React74__default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && React74__default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && React74__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React74__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      orientation === "up" && React76__default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+      orientation === "down" && React76__default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+      orientation === "left" && React76__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && React76__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
     )
   );
 }
 function Day(props) {
   const { day, modifiers, ...tdProps } = props;
-  return React74__default.createElement("td", { ...tdProps });
+  return React76__default.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React74__default.useRef(null);
-  React74__default.useEffect(() => {
+  const ref = React76__default.useRef(null);
+  React76__default.useEffect(() => {
     var _a;
     if (modifiers.focused)
       (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
-  return React74__default.createElement("button", { ref, ...buttonProps });
+  return React76__default.createElement("button", { ref, ...buttonProps });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/UI.js
@@ -15955,37 +15979,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 React74__default.createElement(
+  return React76__default.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React74__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React74__default.createElement(components.Option, { key: value, value, disabled }, label))),
-    React74__default.createElement(
+    React76__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options == null ? void 0 : options.map(({ value, label, disabled }) => React76__default.createElement(components.Option, { key: value, value, disabled }, label))),
+    React76__default.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption == null ? void 0 : selectedOption.label,
-      React74__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React76__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React74__default.createElement("div", { ...props });
+  return React76__default.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React74__default.createElement("div", { ...props });
+  return React76__default.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React74__default.createElement("div", { ...divProps }, props.children);
+  return React76__default.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React74__default.createElement("div", { ...divProps });
+  return React76__default.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React74__default.createElement("table", { ...props });
+  return React76__default.createElement("table", { ...props });
 }
 function Months(props) {
-  return React74__default.createElement("div", { ...props });
+  return React76__default.createElement("div", { ...props });
 }
 var dayPickerContext = createContext(void 0);
 function useDayPicker() {
@@ -15999,7 +16023,7 @@ function useDayPicker() {
 // ../../node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React74__default.createElement(components.Dropdown, { ...props });
+  return React76__default.createElement(components.Dropdown, { ...props });
 }
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
@@ -16014,66 +16038,66 @@ function Nav(props) {
       onPreviousClick == null ? void 0 : onPreviousClick(e4);
     }
   }, [previousMonth, onPreviousClick]);
-  return React74__default.createElement(
+  return React76__default.createElement(
     "nav",
     { ...navProps },
-    React74__default.createElement(
+    React76__default.createElement(
       components.PreviousMonthButton,
       { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
-      React74__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React76__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React74__default.createElement(
+    React76__default.createElement(
       components.NextMonthButton,
       { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
-      React74__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React76__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return React74__default.createElement(components.Button, { ...props });
+  return React76__default.createElement(components.Button, { ...props });
 }
 function Option(props) {
-  return React74__default.createElement("option", { ...props });
+  return React76__default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return React74__default.createElement(components.Button, { ...props });
+  return React76__default.createElement(components.Button, { ...props });
 }
 function Root4(props) {
   const { rootRef, ...rest } = props;
-  return React74__default.createElement("div", { ...rest, ref: rootRef });
+  return React76__default.createElement("div", { ...rest, ref: rootRef });
 }
 function Select2(props) {
-  return React74__default.createElement("select", { ...props });
+  return React76__default.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React74__default.createElement("tr", { ...trProps });
+  return React76__default.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React74__default.createElement("th", { ...props });
+  return React76__default.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React74__default.createElement(
+  return React76__default.createElement(
     "thead",
     { "aria-hidden": true },
-    React74__default.createElement("tr", { ...props })
+    React76__default.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React74__default.createElement("th", { ...thProps });
+  return React76__default.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React74__default.createElement("th", { ...props });
+  return React76__default.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React74__default.createElement("tbody", { ...props });
+  return React76__default.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React74__default.createElement(components.Dropdown, { ...props });
+  return React76__default.createElement(components.Dropdown, { ...props });
 }
 
 // ../../node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
@@ -17560,18 +17584,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React74__default.createElement(
+  return React76__default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React74__default.createElement(
+    React76__default.createElement(
       components.Root,
       { rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
-      React74__default.createElement(
+      React76__default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && React74__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && React76__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          return React74__default.createElement(
+          return React76__default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -17582,21 +17606,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React74__default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React76__default.createElement(
               components.PreviousMonthButton,
               { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React74__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React76__default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React74__default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React74__default.createElement(
+            React76__default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React76__default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React74__default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React74__default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React74__default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React74__default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React76__default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React76__default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React76__default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React76__default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React74__default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React76__default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -17608,27 +17632,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React74__default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
-            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React74__default.createElement(
+            ) : React76__default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React76__default.createElement(
               components.NextMonthButton,
               { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React74__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React76__default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
             ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React74__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            React74__default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React76__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            React76__default.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles == null ? void 0 : styles[UI.MonthGrid] },
-              !props.hideWeekdays && React74__default.createElement(
+              !props.hideWeekdays && React76__default.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
-                showWeekNumber && React74__default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => React74__default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                showWeekNumber && React76__default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => React76__default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              React74__default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return React74__default.createElement(
+              React76__default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return React76__default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React74__default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React76__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) => {
@@ -17645,7 +17669,7 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return React74__default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React74__default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return React76__default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React76__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));
                   })
                 );
               }))
@@ -17653,7 +17677,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React74__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React76__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -17896,8 +17920,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React74.useRef(null);
-  React74.useEffect(() => {
+  const ref = React76.useRef(null);
+  React76.useEffect(() => {
     var _a;
     if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
   }, [modifiers.focused]);
@@ -17974,15 +17998,15 @@ var TimeDropdowns = (props) => {
     triggerClassName,
     density = "normal"
   } = props;
-  const minuteOptions = React74.useMemo(
+  const minuteOptions = React76.useMemo(
     () => buildMinuteOptions(minuteStep),
     [minuteStep]
   );
-  const secondOptions = React74.useMemo(
+  const secondOptions = React76.useMemo(
     () => buildSecondOptions(secondStep),
     [secondStep]
   );
-  const hourOptions = React74.useMemo(
+  const hourOptions = React76.useMemo(
     () => use12Hour ? buildHourOptions12() : buildHourOptions24(),
     [use12Hour]
   );
@@ -18321,7 +18345,7 @@ function parseRawToDate(rawDigits, kind) {
 function meterSafeDigits(masked) {
   return masked.replace(/\D+/g, "");
 }
-var ShadcnDateVariant = React74.forwardRef(function ShadcnDateVariant2(props, ref) {
+var ShadcnDateVariant = React76.forwardRef(function ShadcnDateVariant2(props, ref) {
   const {
     // variant base bits
     value,
@@ -18354,10 +18378,10 @@ var ShadcnDateVariant = React74.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] = React74.useState(false);
+  const [internalOpen, setInternalOpen] = React76.useState(false);
   const isControlledOpen = open !== void 0;
   const currentOpen = isControlledOpen ? !!open : internalOpen;
-  const handleOpenChange = React74.useCallback(
+  const handleOpenChange = React76.useCallback(
     (next) => {
       if (!isControlledOpen) {
         setInternalOpen(next);
@@ -18367,7 +18391,7 @@ var ShadcnDateVariant = React74.forwardRef(function ShadcnDateVariant2(props, re
     [isControlledOpen, onOpenChange]
   );
   const { single, range } = normalizeValueForMode(value, mode);
-  const displayValue = React74.useMemo(() => {
+  const displayValue = React76.useMemo(() => {
     if (mode === "single") {
       return formatDisplaySingle(single, singlePattern);
     }
@@ -18378,12 +18402,12 @@ var ShadcnDateVariant = React74.forwardRef(function ShadcnDateVariant2(props, re
       rangeSeparator
     );
   }, [mode, single, range, singlePattern, formatRange, rangeSeparator]);
-  const [localText, setLocalText] = React74.useState(displayValue);
-  React74.useEffect(() => {
+  const [localText, setLocalText] = React76.useState(displayValue);
+  React76.useEffect(() => {
     setLocalText(displayValue);
   }, [displayValue]);
   const showTimeDropdowns = mode === "single" && (kind === "datetime" || kind === "time" || kind === "hour");
-  const handleSelect = React74.useCallback(
+  const handleSelect = React76.useCallback(
     (next) => {
       let nextValue;
       let nextRange;
@@ -18433,7 +18457,7 @@ var ShadcnDateVariant = React74.forwardRef(function ShadcnDateVariant2(props, re
     },
     [mode, stayOpenOnSelect, onValue, handleOpenChange, kind, single]
   );
-  const handleTimeChange = React74.useCallback(
+  const handleTimeChange = React76.useCallback(
     (next) => {
       if (!next) {
         const detail2 = {
@@ -18464,7 +18488,7 @@ var ShadcnDateVariant = React74.forwardRef(function ShadcnDateVariant2(props, re
     },
     [mode, kind, onValue]
   );
-  const handleClear = React74.useCallback(
+  const handleClear = React76.useCallback(
     (ev) => {
       ev.preventDefault();
       ev.stopPropagation();
@@ -18483,7 +18507,7 @@ var ShadcnDateVariant = React74.forwardRef(function ShadcnDateVariant2(props, re
   );
   const hasValue = hasSelection(value);
   const placeholderText = typeof placeholder === "string" ? placeholder : mode === "range" ? "Select date range" : "Select date";
-  const handleInputChange = React74.useCallback(
+  const handleInputChange = React76.useCallback(
     (event) => {
       var _a, _b, _c;
       if (mode !== "single") return;
@@ -18670,7 +18694,7 @@ function resolveBasePadding2(size, density) {
   }
   return { px, py };
 }
-var Textarea = React74.forwardRef(
+var Textarea = React76.forwardRef(
   function Textarea2(rawProps, forwardedRef) {
     const {
       // layout wrapper
@@ -18718,8 +18742,8 @@ var Textarea = React74.forwardRef(
     } = rawProps;
     const sizeKey = size != null ? size : "md";
     const densityKey = density != null ? density : "normal";
-    const innerRef = React74.useRef(null);
-    React74.useImperativeHandle(
+    const innerRef = React76.useRef(null);
+    React76.useImperativeHandle(
       forwardedRef,
       () => innerRef.current,
       []
@@ -18740,11 +18764,11 @@ var Textarea = React74.forwardRef(
     const baseIconGap = iconGap != null ? iconGap : 1;
     const leadingGap = leadingIconSpacing != null ? leadingIconSpacing : baseIconGap;
     const trailingGap = trailingIconSpacing != null ? trailingIconSpacing : baseIconGap;
-    const leadingIconsRef = React74.useRef(null);
-    const trailingIconsRef = React74.useRef(null);
-    const [leadingIconsWidth, setLeadingIconsWidth] = React74.useState(0);
-    const [trailingIconsWidth, setTrailingIconsWidth] = React74.useState(0);
-    const measureIconWidths = React74.useCallback(() => {
+    const leadingIconsRef = React76.useRef(null);
+    const trailingIconsRef = React76.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React76.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React76.useState(0);
+    const measureIconWidths = React76.useCallback(() => {
       if (typeof window === "undefined") return;
       const lead = leadingIconsRef.current;
       const trail = trailingIconsRef.current;
@@ -18761,7 +18785,7 @@ var Textarea = React74.forwardRef(
         setTrailingIconsWidth(0);
       }
     }, []);
-    React74.useLayoutEffect(() => {
+    React76.useLayoutEffect(() => {
       if (typeof window === "undefined" || typeof MutationObserver === "undefined") {
         measureIconWidths();
         return;
@@ -18790,10 +18814,10 @@ var Textarea = React74.forwardRef(
       measureIconWidths();
       return () => observers.forEach((o3) => o3.disconnect());
     }, [measureIconWidths, hasLeadingIcons, hasTrailingIcons]);
-    const [rowHeight, setRowHeight] = React74.useState(null);
+    const [rowHeight, setRowHeight] = React76.useState(null);
     const baseMinRows = Math.max(minRowsProp != null ? minRowsProp : 1, 1);
-    const [rows, setRows] = React74.useState(baseMinRows);
-    React74.useLayoutEffect(() => {
+    const [rows, setRows] = React76.useState(baseMinRows);
+    React76.useLayoutEffect(() => {
       if (typeof window === "undefined") return;
       const el = innerRef.current;
       if (!el) return;
@@ -18809,7 +18833,7 @@ var Textarea = React74.forwardRef(
         setRows(baseMinRows);
       }
     }, [sizeKey, densityKey, baseMinRows]);
-    const recomputeHeight = React74.useCallback(() => {
+    const recomputeHeight = React76.useCallback(() => {
       if (!autoResize) return;
       if (!innerRef.current) return;
       if (!rowHeight) return;
@@ -18831,7 +18855,7 @@ var Textarea = React74.forwardRef(
       el.style.height = `${nextHeight}px`;
       setRows(nextRows);
     }, [autoResize, rowHeight, baseMinRows, maxRows]);
-    React74.useLayoutEffect(() => {
+    React76.useLayoutEffect(() => {
       recomputeHeight();
     }, [recomputeHeight, rest.value, rest.defaultValue]);
     const { px: pxDefault, py: pyDefault } = resolveBasePadding2(size, density);
@@ -18901,19 +18925,19 @@ var Textarea = React74.forwardRef(
     const focusTextarea = () => {
       if (innerRef.current) innerRef.current.focus();
     };
-    const handleFocus = React74.useCallback(
+    const handleFocus = React76.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
       },
       [onFocus]
     );
-    const handleBlur = React74.useCallback(
+    const handleBlur = React76.useCallback(
       (event) => {
         onBlur == null ? void 0 : onBlur(event);
       },
       [onBlur]
     );
-    const handleChange = React74.useCallback(
+    const handleChange = React76.useCallback(
       (event) => {
         onChange == null ? void 0 : onChange(event);
         recomputeHeight();
@@ -19090,7 +19114,7 @@ function splitIntoTokens(raw, sep) {
   }
   return acc.map((t4) => t4.trim()).filter((t4) => t4.length > 0);
 }
-var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props, ref) {
+var ShadcnChipsVariant = React76.forwardRef(function ShadcnChipsVariant2(props, ref) {
   var _a;
   const {
     // variant base bits
@@ -19127,20 +19151,20 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     ...restTextProps
   } = props;
   const hasInvalidIncomingValue = value !== void 0 && !Array.isArray(value);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!hasInvalidIncomingValue) return;
     console.warn(
       "[form-palette] ShadcnChipsVariant expected `value` to be `string[] | undefined`; received:",
       value
     );
   }, [hasInvalidIncomingValue, value]);
-  const chips = React74.useMemo(
+  const chips = React76.useMemo(
     () => Array.isArray(value) ? value : [],
     [value]
   );
   const hasChips = chips.length > 0;
-  const [inputText, setInputText] = React74.useState("");
-  const emitChange = React74.useCallback(
+  const [inputText, setInputText] = React76.useState("");
+  const emitChange = React76.useCallback(
     (nextChips, meta) => {
       const detail = {
         source: "variant",
@@ -19155,7 +19179,7 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     },
     [onValue]
   );
-  const commitFromRaw = React74.useCallback(
+  const commitFromRaw = React76.useCallback(
     (raw) => {
       const tokens = splitIntoTokens(raw, separators);
       if (!tokens.length) return;
@@ -19176,7 +19200,7 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, separators, allowDuplicates, maxChips, emitChange, onAddChips]
   );
-  const handleRemoveAt = React74.useCallback(
+  const handleRemoveAt = React76.useCallback(
     (index) => {
       if (index < 0 || index >= chips.length) return;
       const removed = [chips[index]];
@@ -19186,7 +19210,7 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleClear = React74.useCallback(
+  const handleClear = React76.useCallback(
     (ev) => {
       ev == null ? void 0 : ev.preventDefault();
       ev == null ? void 0 : ev.stopPropagation();
@@ -19197,7 +19221,7 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     },
     [chips, emitChange, onRemoveChips]
   );
-  const handleEntryChange = React74.useCallback(
+  const handleEntryChange = React76.useCallback(
     (event) => {
       var _a2;
       const next = (_a2 = event.target.value) != null ? _a2 : "";
@@ -19205,7 +19229,7 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     },
     []
   );
-  const handleEntryKeyDown = React74.useCallback(
+  const handleEntryKeyDown = React76.useCallback(
     (event) => {
       const key = event.key;
       if (key === "Enter" && addOnEnter) {
@@ -19236,7 +19260,7 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
       handleRemoveAt
     ]
   );
-  const handleEntryBlur = React74.useCallback(
+  const handleEntryBlur = React76.useCallback(
     (event) => {
       if (addOnBlur && inputText.trim().length) {
         commitFromRaw(inputText);
@@ -19248,10 +19272,12 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     [addOnBlur, inputText, commitFromRaw, restTextProps]
   );
   const effectivePlaceholder = placeholder != null ? placeholder : hasChips ? "" : "Add item\u2026";
+  const defaultMaxVisible = !textareaMode && placement !== "below" ? 3 : void 0;
+  const effectiveMaxVisibleChips = maxVisibleChips !== void 0 ? maxVisibleChips : defaultMaxVisible;
   let visibleChips = chips;
   let hiddenCount = 0;
-  if (typeof maxVisibleChips === "number" && maxVisibleChips > 0 && chips.length > maxVisibleChips) {
-    visibleChips = chips.slice(0, maxVisibleChips);
+  if (typeof effectiveMaxVisibleChips === "number" && effectiveMaxVisibleChips > 0 && chips.length > effectiveMaxVisibleChips) {
+    visibleChips = chips.slice(0, effectiveMaxVisibleChips);
     hiddenCount = chips.length - visibleChips.length;
   }
   const maxWidthStyle = maxChipWidth !== void 0 ? {
@@ -19261,7 +19287,7 @@ var ShadcnChipsVariant = React74.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(React74.Fragment, { children: renderChip(chip, index, {
+      return /* @__PURE__ */ jsx(React76.Fragment, { children: renderChip(chip, index, {
         remove: () => handleRemoveAt(index),
         chips
       }) }, `${chip}-${index}`);
@@ -19310,25 +19336,69 @@ var ShadcnChipsVariant = React74.forwardRef(function ShadcnChipsVariant2(props,
     );
   });
   if (hiddenCount > 0) {
-    const defaultOverflow = /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: cn(
-          baseChipClasses,
-          "cursor-default",
-          chipClassName
-        ),
-        "data-slot": "chip-overflow",
-        children: [
-          "+",
-          hiddenCount,
-          " more"
-        ]
-      }
-    );
+    const hiddenChips = chips.slice(effectiveMaxVisibleChips != null ? effectiveMaxVisibleChips : 0);
+    const defaultOverflow = /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            baseChipClasses,
+            "cursor-pointer font-semibold bg-primary/10 text-primary hover:bg-primary/20",
+            chipClassName
+          ),
+          "data-slot": "chip-overflow",
+          children: [
+            "+",
+            hiddenCount,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { className: "p-3 w-64 max-h-60 overflow-y-auto", align: "start", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-bold text-muted-foreground uppercase tracking-wider mb-2", children: "Hidden Chips" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: hiddenChips.map((chip, hiddenIdx) => {
+          const actualIndex = (effectiveMaxVisibleChips != null ? effectiveMaxVisibleChips : 0) + hiddenIdx;
+          let label = chip;
+          if (typeof maxChipChars === "number" && maxChipChars > 0 && label.length > maxChipChars) {
+            label = label.slice(0, maxChipChars) + "\u2026";
+          }
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(baseChipClasses, chipClassName, "max-w-full"),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn("truncate", chipLabelClassName),
+                    style: maxWidthStyle,
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(baseRemoveClasses, chipRemoveClassName),
+                    onClick: (e4) => {
+                      e4.preventDefault();
+                      e4.stopPropagation();
+                      handleRemoveAt(actualIndex);
+                    },
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(X, { size: 14 })
+                  }
+                )
+              ]
+            },
+            `${chip}-${actualIndex}`
+          );
+        }) })
+      ] })
+    ] });
     const node = (_a = renderOverflowChip == null ? void 0 : renderOverflowChip(hiddenCount, chips)) != null ? _a : defaultOverflow;
     chipNodes.push(
-      /* @__PURE__ */ jsx(React74.Fragment, { children: node }, "__overflow")
+      /* @__PURE__ */ jsx(React76.Fragment, { children: node }, "__overflow")
     );
   }
   const effectivePlacement = textareaMode ? placement != null ? placement : "inline" : placement != null ? placement : "inline";
@@ -19522,7 +19592,7 @@ var chipVariant = {
     tags: ["chips", "multi-select", "tags"]
   }
 };
-var ShadcnTextareaVariant = React74.forwardRef(function ShadcnTextareaVariant2(props, ref) {
+var ShadcnTextareaVariant = React76.forwardRef(function ShadcnTextareaVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -19530,7 +19600,7 @@ var ShadcnTextareaVariant = React74.forwardRef(function ShadcnTextareaVariant2(p
     // everything else goes straight to the UI Textarea
     ...rest
   } = props;
-  const handleChange = React74.useCallback(
+  const handleChange = React76.useCallback(
     (event) => {
       var _a;
       const next = (_a = event.target.value) != null ? _a : "";
@@ -19625,7 +19695,7 @@ function switchThumbSize(size) {
   if (size === "lg") return "size-5";
   return "size-4";
 }
-var ShadcnToggleVariant = React74.forwardRef(function ShadcnToggleVariant2(props, _ref) {
+var ShadcnToggleVariant = React76.forwardRef(function ShadcnToggleVariant2(props, _ref) {
   const {
     // variant bits
     value,
@@ -19647,7 +19717,7 @@ var ShadcnToggleVariant = React74.forwardRef(function ShadcnToggleVariant2(props
     ...restSwitchProps
   } = props;
   const checked = !!value;
-  const handleToggle = React74.useCallback(
+  const handleToggle = React76.useCallback(
     (next) => {
       const nextVal = Boolean(next);
       const detail = {
@@ -20173,7 +20243,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     ...restGroupProps
   } = props;
   const hasError = !!error;
-  const normalized = React74.useMemo(
+  const normalized = React76.useMemo(
     () => normalizeItems(
       items != null ? items : options,
       mappers,
@@ -20204,14 +20274,14 @@ var InnerShadcnRadioVariant = (props, ref) => {
       optionTagOnClick
     ]
   );
-  const selectedString = React74.useMemo(() => {
+  const selectedString = React76.useMemo(() => {
     if (value === void 0) return void 0;
     const found = normalized.find(
       (item) => isEqualValue(item.value, value)
     );
     return found ? String(found.value) : void 0;
   }, [normalized, value]);
-  const handleSelect = React74.useCallback(
+  const handleSelect = React76.useCallback(
     (next, selectedRaw) => {
       if (!onValue || disabled) return;
       const detail = {
@@ -20225,7 +20295,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     },
     [onValue, disabled]
   );
-  const handleRadioChange = React74.useCallback(
+  const handleRadioChange = React76.useCallback(
     (raw) => {
       var _a;
       const found = normalized.find((item) => String(item.value) === raw);
@@ -20367,7 +20437,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     }
   );
 };
-var ShadcnRadioVariant = React74.forwardRef(
+var ShadcnRadioVariant = React76.forwardRef(
   InnerShadcnRadioVariant
 );
 
@@ -20627,7 +20697,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   } = props;
   const hasError = !!error;
   const isSingle = !!single;
-  const normalized = React74.useMemo(
+  const normalized = React76.useMemo(
     () => normalizeItems2(
       items != null ? items : options,
       mappers,
@@ -20730,14 +20800,14 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       }
     );
   }
-  const normalizedByValueKey = React74.useMemo(() => {
+  const normalizedByValueKey = React76.useMemo(() => {
     const lookup = /* @__PURE__ */ new Map();
     normalized.forEach((item) => {
       lookup.set(valueLookupKey(item.value), item);
     });
     return lookup;
   }, [normalized]);
-  const groupValue = React74.useMemo(() => {
+  const groupValue = React76.useMemo(() => {
     const source = asGroupValue(value);
     if (!(source == null ? void 0 : source.length)) return source;
     return source.map((entry) => {
@@ -20775,21 +20845,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     labelTextSizeClass: labelTextSize2(size),
     descriptionTextSizeClass: descriptionTextSize2(size)
   });
-  const hasAnyTristate = React74.useMemo(
+  const hasAnyTristate = React76.useMemo(
     () => normalized.some((item) => {
       var _a, _b;
       return (_b = (_a = item.tristate) != null ? _a : tristateDefault) != null ? _b : false;
     }),
     [normalized, tristateDefault]
   );
-  const findEntryIndex = React74.useCallback(
+  const findEntryIndex = React76.useCallback(
     (val) => {
       if (!groupValue) return -1;
       return groupValue.findIndex((e4) => isEqualValue2(e4.value, val));
     },
     [groupValue]
   );
-  const getEntryState = React74.useCallback(
+  const getEntryState = React76.useCallback(
     (val) => {
       const idx = findEntryIndex(val);
       if (!groupValue || idx === -1) return "none";
@@ -20797,7 +20867,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     },
     [groupValue, findEntryIndex]
   );
-  const updateGroupValue = React74.useCallback(
+  const updateGroupValue = React76.useCallback(
     (itemValue, nextInternal, effectiveTristate) => {
       if (!onValue || disabled) return;
       const currentList = groupValue ? [...groupValue] : [];
@@ -21027,7 +21097,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     }
   );
 };
-var ShadcnCheckboxVariant = React74.forwardRef(
+var ShadcnCheckboxVariant = React76.forwardRef(
   InnerShadcnCheckboxVariant
 );
 
@@ -21050,6 +21120,155 @@ var checkboxModule = {
     tags: ["checkbox", "group", "boolean", "tri-state"]
   }
 };
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive2.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive2.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive2.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive2.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function VirtualScroll({
+  className,
+  rootProps,
+  scrollbarProps,
+  style,
+  components,
+  ...props
+}) {
+  const Scroller = React76.useMemo(() => {
+    return React76.forwardRef((scrollerProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive2.Viewport,
+        {
+          ...scrollerProps,
+          ref,
+          "data-slot": "scroll-area-viewport",
+          className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+        }
+      );
+    });
+  }, []);
+  const combinedComponents = React76.useMemo(() => {
+    return {
+      ...components,
+      Scroller
+    };
+  }, [components, Scroller]);
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive2.Root,
+    {
+      "data-slot": "scroll-area",
+      className,
+      ...rootProps,
+      style: { ...style, position: "relative" },
+      children: [
+        /* @__PURE__ */ jsx(
+          Virtuoso,
+          {
+            ...props,
+            components: combinedComponents
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, { ...scrollbarProps }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+      ]
+    }
+  );
+}
+function VirtualScrollGrid({
+  className,
+  rootProps,
+  scrollbarProps,
+  style,
+  components,
+  ...props
+}) {
+  const Scroller = React76.useMemo(() => {
+    return React76.forwardRef((scrollerProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive2.Viewport,
+        {
+          ...scrollerProps,
+          ref,
+          "data-slot": "scroll-area-viewport",
+          className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+        }
+      );
+    });
+  }, []);
+  const combinedComponents = React76.useMemo(() => {
+    return {
+      ...components,
+      Scroller
+    };
+  }, [components, Scroller]);
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive2.Root,
+    {
+      "data-slot": "scroll-area",
+      className,
+      ...rootProps,
+      style: { ...style, position: "relative" },
+      children: [
+        /* @__PURE__ */ jsx(
+          VirtuosoGrid,
+          {
+            ...props,
+            components: combinedComponents
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, { ...scrollbarProps }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+      ]
+    }
+  );
+}
 function normalizeOptions(opts, config) {
   return globalNormalizeOptions(opts, config);
 }
@@ -21074,7 +21293,7 @@ function triggerPadding(density) {
       return "py-1.5";
   }
 }
-var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props, _ref) {
+var ShadcnSelectVariant = React76.forwardRef(function ShadcnSelectVariant2(props, _ref) {
   var _a, _b;
   const {
     value,
@@ -21106,6 +21325,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
     clearable,
     placeholder,
     className,
+    style,
     triggerClassName,
     contentClassName,
     renderOption,
@@ -21132,9 +21352,9 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
     virtualScroll = true
   } = props;
   const isButtonMode = mode === "button";
-  const [open, setOpen] = React74.useState(false);
-  const [query, setQuery] = React74.useState("");
-  const items = React74.useMemo(
+  const [open, setOpen] = React76.useState(false);
+  const [query, setQuery] = React76.useState("");
+  const items = React76.useMemo(
     () => normalizeOptions(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -21170,7 +21390,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
     ]
   );
   const normalizedValue = value === "" || value == null ? void 0 : value;
-  const valueMap = React74.useMemo(() => {
+  const valueMap = React76.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const item of items) {
       map.set(String(item.value), item.value);
@@ -21180,7 +21400,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
   const selectedItem = normalizedValue == null ? null : (_a = items.find(
     (it) => String(it.value) === String(normalizedValue)
   )) != null ? _a : null;
-  const filteredItems = React74.useMemo(() => {
+  const filteredItems = React76.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
@@ -21192,7 +21412,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
     listMaxHeight,
     Math.max(estimatedRowHeight, filteredItems.length * estimatedRowHeight)
   );
-  const handleChange = React74.useCallback(
+  const handleChange = React76.useCallback(
     (rawKey) => {
       var _a2, _b2, _c, _d;
       if (!onValue || rawKey === "") return;
@@ -21241,7 +21461,7 @@ var ShadcnSelectVariant = React74.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 = React74.useMemo(() => {
+  const ButtonModeTrigger = React76.useMemo(() => {
     if (!isButtonMode) return null;
     const selectedValue = value;
     const renderable = button != null ? button : children;
@@ -21316,8 +21536,10 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
         heightCls,
         padCls,
         hasControls && joinControls && extendBoxToControls ? "border-none shadow-none focus:ring-0 focus:outline-none" : "",
-        triggerClassName
+        triggerClassName,
+        !joinControls && className
       ),
+      style: !joinControls ? style : void 0,
       children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
           hasLeadingIcons && /* @__PURE__ */ jsx(
@@ -21400,7 +21622,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
             filteredItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }) : useVirtualization ? (
               // CASE 3: normal list, virtualized
               /* @__PURE__ */ jsx(
-                Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -21463,7 +21685,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
                   }
                 }
               )
-            ) : /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-auto", children: filteredItems.map((item, index) => {
+            ) : /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-60", children: /* @__PURE__ */ jsx("div", { children: filteredItems.map((item, index) => {
               var _a2, _b2;
               const optionNode = /* @__PURE__ */ jsx(
                 SelectItem,
@@ -21518,7 +21740,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
                   setQuery("");
                 }
               });
-            }) })
+            }) }) })
           )
         ] })
       ]
@@ -21531,8 +21753,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
         "data-slot": "select-field",
         className: cn(
           "w-full",
-          disabled && "opacity-50 cursor-not-allowed",
-          className
+          disabled && "opacity-50 cursor-not-allowed"
         ),
         "aria-disabled": disabled || void 0,
         "aria-invalid": error ? "true" : void 0,
@@ -21562,6 +21783,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
           "div",
           {
             className: groupClassName,
+            style,
             "data-slot": "select-group",
             "data-disabled": disabled ? "true" : "false",
             children: [
@@ -21607,8 +21829,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
       "data-slot": "select-field",
       className: cn(
         "flex items-stretch w-full",
-        disabled && "opacity-50 cursor-not-allowed",
-        className
+        disabled && "opacity-50 cursor-not-allowed"
       ),
       "aria-disabled": disabled || void 0,
       "aria-invalid": error ? "true" : void 0,
@@ -21666,10 +21887,10 @@ var SelectionSummary = ({
   placeholder,
   onRemoveValue
 }) => {
-  const containerRef = React74.useRef(null);
-  const [visibleCount, setVisibleCount] = React74.useState(0);
-  const [moreOpen, setMoreOpen] = React74.useState(false);
-  React74.useLayoutEffect(() => {
+  const containerRef = React76.useRef(null);
+  const [visibleCount, setVisibleCount] = React76.useState(0);
+  const [moreOpen, setMoreOpen] = React76.useState(false);
+  React76.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const computeVisibleItems = () => {
@@ -21717,7 +21938,7 @@ var SelectionSummary = ({
       ref: containerRef,
       className: "flex items-center w-full overflow-hidden whitespace-nowrap",
       children: [
-        visibleItems.map((item, index) => /* @__PURE__ */ jsxs(React74.Fragment, { children: [
+        visibleItems.map((item, index) => /* @__PURE__ */ jsxs(React76.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)),
@@ -21798,7 +22019,7 @@ function removeSelectValue(current, valueToRemove) {
   return current.filter((v2) => String(v2) !== target);
 }
 
-// src/presets/shadcn-variants/multiselect.tsx
+// src/presets/shadcn/variants/multiselect.tsx
 var import_lodash = __toESM(require_lodash());
 function normalizeOptions2(opts, config) {
   return globalNormalizeOptions(opts, config);
@@ -21824,7 +22045,7 @@ function triggerPadding2(density) {
       return "py-1.5";
   }
 }
-var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
+var ShadcnMultiSelectVariant = React76.forwardRef(function ShadcnMultiSelectVariant2(props, _ref) {
   var _a;
   const {
     value,
@@ -21887,9 +22108,9 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
     selectedBadgeClassName,
     selectedBadgePlacement = "end"
   } = props;
-  const [open, setOpen] = React74.useState(false);
-  const [query, setQuery] = React74.useState("");
-  const { items, keyedItems } = React74.useMemo(() => {
+  const [open, setOpen] = React76.useState(false);
+  const [query, setQuery] = React76.useState("");
+  const { items, keyedItems } = React76.useMemo(() => {
     const items2 = normalizeOptions2(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -21924,24 +22145,24 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
     optionTagBgColor,
     optionTagOnClick
   ]);
-  const selectedValues = React74.useMemo(
+  const selectedValues = React76.useMemo(
     () => new Set(value != null ? value : []),
     [value]
   );
-  const selectedItems = React74.useMemo(
+  const selectedItems = React76.useMemo(
     () => items.filter((it) => selectedValues.has(it.value)),
     [items, selectedValues]
   );
-  const filteredItems = React74.useMemo(() => {
+  const filteredItems = React76.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
     return items.filter((it) => it.labelText.toLowerCase().includes(q2));
   }, [items, query]);
-  const selectableItems = React74.useMemo(
+  const selectableItems = React76.useMemo(
     () => items.filter((it) => !it.disabled),
     [items]
   );
-  const allSelectableValues = React74.useMemo(
+  const allSelectableValues = React76.useMemo(
     () => new Set(selectableItems.map((it) => it.value)),
     [selectableItems]
   );
@@ -21961,7 +22182,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
       filteredItems.length * estimatedRowHeight + headerHeight + footerHeight
     )
   );
-  const handleToggleValue = React74.useCallback(
+  const handleToggleValue = React76.useCallback(
     (primitive) => {
       if (!onValue || disabled || readOnly) return;
       const current = value != null ? value : [];
@@ -21995,7 +22216,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
     },
     [onValue, value, disabled, readOnly, keyedItems]
   );
-  const handleSelectAll = React74.useCallback(() => {
+  const handleSelectAll = React76.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const current = value != null ? value : [];
     const allSelectableArr = Array.from(allSelectableValues);
@@ -22036,7 +22257,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
     selectedValues,
     keyedItems
   ]);
-  const handleClearAll = React74.useCallback(() => {
+  const handleClearAll = React76.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
     const detail = {
       source: "variant",
@@ -22088,7 +22309,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
   const hasLeadingControl = !!leadingControl;
   const hasTrailingControl = !!trailingControl;
   const hasControls = hasLeadingControl || hasTrailingControl;
-  const makeCheckboxNode = React74.useCallback(
+  const makeCheckboxNode = React76.useCallback(
     (opts) => {
       if (renderCheckbox) {
         return renderCheckbox(opts);
@@ -22184,7 +22405,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
       ] })
     }
   );
-  const ButtonModeTrigger = React74.useMemo(() => {
+  const ButtonModeTrigger = React76.useMemo(() => {
     if (mode !== "button") return null;
     const selectedCount = selectedItems.length;
     const content = (() => {
@@ -22289,7 +22510,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
                 }
               ) }),
               /* @__PURE__ */ jsx("div", { className: "py-1", children: /* @__PURE__ */ jsx(
-                Virtuoso,
+                VirtualScroll,
                 {
                   style: { height: listHeight },
                   data: filteredItems,
@@ -22553,7 +22774,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React74.useMemo(
+  const _values = React76.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -22632,7 +22853,7 @@ function clampToRange(v2, min2, max2) {
   if (v2 > max2) return max2;
   return v2;
 }
-var ShadcnSliderVariant = React74.forwardRef(function ShadcnSliderVariant2(props, _ref) {
+var ShadcnSliderVariant = React76.forwardRef(function ShadcnSliderVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -22671,7 +22892,7 @@ var ShadcnSliderVariant = React74.forwardRef(function ShadcnSliderVariant2(props
   } = props;
   const numericValue = typeof value === "number" ? value : min2;
   const isDisabled = !!(disabled || readOnly);
-  const handleChange = React74.useCallback(
+  const handleChange = React76.useCallback(
     (vals) => {
       if (!onValue) return;
       const next = clampToRange(vals[0], min2, max2);
@@ -22686,7 +22907,7 @@ var ShadcnSliderVariant = React74.forwardRef(function ShadcnSliderVariant2(props
     [onValue, min2, max2]
   );
   const stepAmount = controlStep != null ? controlStep : step;
-  const applyStep = React74.useCallback(
+  const applyStep = React76.useCallback(
     (direction) => {
       if (!onValue || isDisabled) return;
       const current = typeof value === "number" ? value : min2;
@@ -23144,7 +23365,7 @@ function getGapPx(el) {
   const g2 = cs.columnGap && cs.columnGap !== "normal" ? cs.columnGap : cs.gap;
   return parsePx(g2);
 }
-var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
+var ShadcnKeyValueVariant = React76.forwardRef(function ShadcnKeyValueVariant2(props, _ref) {
   const {
     value,
     onValue,
@@ -23169,14 +23390,14 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
     renderChip
   } = props;
   const isDisabled = disabled || readOnly;
-  const items = React74.useMemo(() => mapToItems(value), [value]);
-  const [dialogOpen, setDialogOpen] = React74.useState(false);
-  const [editingIndex, setEditingIndex] = React74.useState(null);
-  const [draft, setDraft] = React74.useState({ key: "", value: "" });
+  const items = React76.useMemo(() => mapToItems(value), [value]);
+  const [dialogOpen, setDialogOpen] = React76.useState(false);
+  const [editingIndex, setEditingIndex] = React76.useState(null);
+  const [draft, setDraft] = React76.useState({ key: "", value: "" });
   const canAdd = items.length < max2;
   const canDelete = items.length > min2;
   const hasItems = items.length > 0;
-  const commitItems = React74.useCallback(
+  const commitItems = React76.useCallback(
     (next, meta) => {
       if (!onValue) return;
       const nextMap = itemsToMap(next);
@@ -23190,13 +23411,13 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [onValue]
   );
-  const openForNew = React74.useCallback(() => {
+  const openForNew = React76.useCallback(() => {
     if (isDisabled || !canAdd) return;
     setEditingIndex(null);
     setDraft({ key: "", value: "" });
     setDialogOpen(true);
   }, [isDisabled, canAdd]);
-  const openForEdit = React74.useCallback(
+  const openForEdit = React76.useCallback(
     (index) => {
       if (isDisabled) return;
       const item = items[index];
@@ -23207,7 +23428,7 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [isDisabled, items]
   );
-  const handleDelete = React74.useCallback(() => {
+  const handleDelete = React76.useCallback(() => {
     if (editingIndex == null) return;
     if (!canDelete) return;
     const next = items.slice();
@@ -23218,7 +23439,7 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
       index: editingIndex
     });
   }, [editingIndex, items, canDelete, commitItems]);
-  const handleSubmit = React74.useCallback(() => {
+  const handleSubmit = React76.useCallback(() => {
     const trimmedKey = draft.key.trim();
     const trimmedValue = draft.value;
     if (!trimmedKey) return;
@@ -23240,7 +23461,7 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
       index: editingIndex != null ? editingIndex : next.length - 1
     });
   }, [draft, items, editingIndex, canAdd, commitItems]);
-  const handleQuickRemove = React74.useCallback(
+  const handleQuickRemove = React76.useCallback(
     (index) => {
       if (isDisabled || !canDelete) return;
       const next = items.slice();
@@ -23249,21 +23470,21 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
     },
     [isDisabled, canDelete, items, commitItems]
   );
-  const [listOpen, setListOpen] = React74.useState(false);
-  const openList = React74.useCallback(() => {
+  const [listOpen, setListOpen] = React76.useState(false);
+  const openList = React76.useCallback(() => {
     if (isDisabled) return;
     setListOpen(true);
   }, [isDisabled]);
-  const wrapRef = React74.useRef(null);
-  const leftRef = React74.useRef(null);
-  const moreMeasureRef = React74.useRef(null);
-  const chipRefs = React74.useRef([]);
+  const wrapRef = React76.useRef(null);
+  const leftRef = React76.useRef(null);
+  const moreMeasureRef = React76.useRef(null);
+  const chipRefs = React76.useRef([]);
   chipRefs.current = items.map((_2, i3) => {
     var _a;
     return (_a = chipRefs.current[i3]) != null ? _a : null;
   });
-  const [visibleCount, setVisibleCount] = React74.useState(() => items.length);
-  const recomputeVisible = React74.useCallback(() => {
+  const [visibleCount, setVisibleCount] = React76.useState(() => items.length);
+  const recomputeVisible = React76.useCallback(() => {
     var _a, _b;
     const leftEl = leftRef.current;
     if (!leftEl) {
@@ -23312,10 +23533,10 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
     }
     setVisibleCount(best);
   }, [items.length]);
-  React74.useLayoutEffect(() => {
+  React76.useLayoutEffect(() => {
     recomputeVisible();
   }, [recomputeVisible, items, size, density, showValue]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const el = leftRef.current;
     if (!el) return;
     const ro = new ResizeObserver(() => recomputeVisible());
@@ -23522,7 +23743,7 @@ var ShadcnKeyValueVariant = React74.forwardRef(function ShadcnKeyValueVariant2(p
               }
             )
           ] }),
-          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border/50 px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto rounded-md border border-border/50", children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: items.map((pair, index) => /* @__PURE__ */ jsxs(
+          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border/50 px-3 py-6 text-center text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-64 rounded-md border border-border/50", children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: items.map((pair, index) => /* @__PURE__ */ jsxs(
             "div",
             {
               className: "flex items-center justify-between gap-2 px-2 py-1.5",
@@ -23705,7 +23926,7 @@ var keyValueModule = {
     label: ""
   }
 };
-var ShadcnCustomVariant = React74.forwardRef(function ShadcnCustomVariant2(props, ref) {
+var ShadcnCustomVariant = React76.forwardRef(function ShadcnCustomVariant2(props, ref) {
   const {
     // Variant base props we care about:
     value,
@@ -23741,7 +23962,7 @@ var ShadcnCustomVariant = React74.forwardRef(function ShadcnCustomVariant2(props
   }
   const isDisabled = !!disabled;
   const isReadOnly = !!readOnly;
-  const handleChange = React74.useCallback(
+  const handleChange = React76.useCallback(
     (...args) => {
       var _a;
       if (!onValue) return;
@@ -23846,7 +24067,7 @@ function triggerHeight3(size) {
       return "min-h-9 text-sm";
   }
 }
-var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
+var ShadcnTreeSelectVariant = React76.forwardRef(function ShadcnTreeSelectVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -23906,14 +24127,14 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
     selectedBadgeClassName,
     selectedBadgePlacement = "corner"
   } = props;
-  const [open, setOpen] = React74.useState(false);
-  const [query, setQuery] = React74.useState("");
+  const [open, setOpen] = React76.useState(false);
+  const [query, setQuery] = React76.useState("");
   const isDisabled = disabled || readOnly;
-  const d = React74.useMemo(
+  const d = React76.useMemo(
     () => densityClasses(density),
     [density]
   );
-  const tree = React74.useMemo(
+  const tree = React76.useMemo(
     () => normalizeTree(options != null ? options : [], {
       autoCap,
       optionLabel,
@@ -23948,8 +24169,8 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       optionTagOnClick
     ]
   );
-  const allNodesFlat = React74.useMemo(() => flattenTree(tree), [tree]);
-  const computedInitialExpanded = React74.useMemo(() => {
+  const allNodesFlat = React76.useMemo(() => flattenTree(tree), [tree]);
+  const computedInitialExpanded = React76.useMemo(() => {
     if (expandAll) {
       return new Set(
         allNodesFlat.filter((n3) => n3.hasChildren).map((n3) => n3.value)
@@ -23960,13 +24181,13 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
     }
     return /* @__PURE__ */ new Set();
   }, [expandAll, defaultExpandedValues, allNodesFlat]);
-  const [expanded, setExpanded] = React74.useState(
+  const [expanded, setExpanded] = React76.useState(
     computedInitialExpanded
   );
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setExpanded(computedInitialExpanded);
   }, [computedInitialExpanded]);
-  const toggleExpanded = React74.useCallback((key) => {
+  const toggleExpanded = React76.useCallback((key) => {
     setExpanded((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -23974,7 +24195,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       return next;
     });
   }, []);
-  const displayedNodes = React74.useMemo(() => {
+  const displayedNodes = React76.useMemo(() => {
     if (query) {
       const q2 = query.toLowerCase();
       const matchSet = /* @__PURE__ */ new Set();
@@ -24008,19 +24229,19 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       displayedNodes.length * estimatedRowHeight
     )
   );
-  const selectedValues = React74.useMemo(() => {
+  const selectedValues = React76.useMemo(() => {
     if (value === void 0 || value === null) return [];
     if (Array.isArray(value)) {
       return multiple ? value : value.length ? [value[0]] : [];
     }
     return [value];
   }, [value, multiple]);
-  const selectedItems = React74.useMemo(
+  const selectedItems = React76.useMemo(
     () => allNodesFlat.filter((node) => selectedValues.includes(node.value)),
     [allNodesFlat, selectedValues]
   );
   const selectedCount = selectedItems.length;
-  const handleToggleValue = React74.useCallback(
+  const handleToggleValue = React76.useCallback(
     (item) => {
       if (isDisabled) return;
       if (leafOnly && item.hasChildren) {
@@ -24063,7 +24284,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       allNodesFlat
     ]
   );
-  const handleClear = React74.useCallback(() => {
+  const handleClear = React76.useCallback(() => {
     if (!onValue) return;
     const detail = {
       source: "variant",
@@ -24114,12 +24335,12 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
     ) });
   };
   const triggerContent = renderValue ? renderValue({ selectedItems, placeholder }) : renderDefaultTriggerContent();
+  const triggerPaddingClasses = cn("px-3", d.triggerPy);
   const baseBoxClasses = cn(
-    "flex items-center justify-between border-input w-full min-w-0 rounded-md border bg-background text-sm shadow-xs ring-offset-background",
-    "placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-    "disabled:cursor-not-allowed disabled:opacity-50",
-    "aria-invalid:border-destructive",
-    d.triggerPy
+    "flex items-center justify-between w-full min-w-0 text-sm ring-offset-background",
+    "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+    triggerPaddingClasses,
+    hasControls && extendBoxToControls ? "border-none shadow-none focus:outline-none bg-transparent text-left" : "border-input rounded-md border bg-background shadow-xs focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 aria-invalid:border-destructive"
   );
   const DefaultTriggerButton = /* @__PURE__ */ jsx(
     "button",
@@ -24129,7 +24350,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       disabled: isDisabled,
       className: cn(
         triggerHeight3(size),
-        hasControls && extendBoxToControls ? "border-none shadow-none focus:outline-none bg-transparent w-full text-left" : baseBoxClasses,
+        baseBoxClasses,
         triggerClassName
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: [
@@ -24171,7 +24392,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       ] })
     }
   );
-  const ButtonModeTrigger = React74.useMemo(() => {
+  const ButtonModeTrigger = React76.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;
@@ -24201,7 +24422,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
         badgeEl
       ] });
     };
-    if (React74.isValidElement(triggerNode)) {
+    if (React76.isValidElement(triggerNode)) {
       return wrapWithBadge(triggerNode);
     }
     return wrapWithBadge(
@@ -24235,7 +24456,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
     emptyLabel && tree.length === 0 && !query && /* @__PURE__ */ jsx("div", { className: "px-4 py-3 text-sm text-center text-muted-foreground", children: emptyLabel }),
     tree.length > 0 && displayedNodes.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-4 py-3 text-sm text-center text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }),
     displayedNodes.length > 0 && /* @__PURE__ */ jsx(
-      Virtuoso,
+      VirtualScroll,
       {
         style: { height: listHeight },
         data: displayedNodes,
@@ -24330,7 +24551,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
           );
           const renderer = (_b = item.render) != null ? _b : renderOption;
           if (!renderer) {
-            return /* @__PURE__ */ jsx(React74.Fragment, { children: optionNode }, item.key);
+            return /* @__PURE__ */ jsx(React76.Fragment, { children: optionNode }, item.key);
           }
           const rendered = renderer({
             item,
@@ -24341,7 +24562,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
               if (!item.disabled) handleToggleValue(item);
             }
           });
-          return /* @__PURE__ */ jsx(React74.Fragment, { children: rendered }, item.key);
+          return /* @__PURE__ */ jsx(React76.Fragment, { children: rendered }, item.key);
         }
       }
     )
@@ -24458,62 +24679,28 @@ var treeselect_default = ShadcnTreeSelectVariant;
 // src/variants/core/treeselect.tsx
 var treeselectModule = {
   variant: "treeselect",
-  Variant: treeselect_default
+  Variant: treeselect_default,
+  // Layout defaults for this variant
+  defaults: {
+    layout: {
+      labelPlacement: "top",
+      sublabelPlacement: "right",
+      descriptionPlacement: "below",
+      helpTextPlacement: "below",
+      errorTextPlacement: "below",
+      inline: false,
+      fullWidth: true,
+      defaultSize: "md",
+      defaultDensity: "comfortable"
+    }
+  },
+  meta: {
+    label: "TreeSelect",
+    description: "Hierarchical tree selection dropdown with collapsible folders and node tags.",
+    tags: ["tree", "select", "hierarchical", "dropdown", "multiselect"]
+  }
 };
 var treeselect_default2 = treeselectModule;
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        ScrollAreaPrimitive.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
-        }
-      )
-    }
-  );
-}
 function fileId() {
   return `file_${Math.random().toString(36).slice(2)}`;
 }
@@ -24666,8 +24853,8 @@ function mergeHandlers(a3, b2) {
   };
 }
 var FileThumbnail = ({ item }) => {
-  const [preview, setPreview] = React74.useState(null);
-  React74.useEffect(() => {
+  const [preview, setPreview] = React76.useState(null);
+  React76.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;
@@ -24689,7 +24876,7 @@ var FileThumbnail = ({ item }) => {
     }
   ) : /* @__PURE__ */ jsx(File2, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
-var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, ref) {
+var ShadcnFileVariant = React76.forwardRef(function ShadcnFileVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -24743,18 +24930,18 @@ var ShadcnFileVariant = React74.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 = React74.useMemo(() => {
+  const items = React76.useMemo(() => {
     var _a;
     const raw = (_a = toArray2(value)) != null ? _a : [];
     return raw.map(normaliseFileLike);
   }, [value]);
   const isDisabled = Boolean(disabled || readOnly);
-  const [dragOver, setDragOver] = React74.useState(false);
-  const [selectedIds, setSelectedIds] = React74.useState(
+  const [dragOver, setDragOver] = React76.useState(false);
+  const [selectedIds, setSelectedIds] = React76.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const [popoverOpen, setPopoverOpen] = React74.useState(false);
-  const fileInputRef = React74.useRef(null);
+  const [popoverOpen, setPopoverOpen] = React76.useState(false);
+  const fileInputRef = React76.useRef(null);
   const den = densityTokens(density);
   const heightCls = triggerHeight4(size);
   const chipHeightCls = chipHeight(size);
@@ -24763,7 +24950,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
   const resolvedTrailingIcons = (trailingIcons == null ? void 0 : trailingIcons.length) ? trailingIcons : [];
   const hasExternalControls = !!leadingControl || !!trailingControl;
   const COLLAPSE_LIMIT = 2;
-  const emitChange = React74.useCallback(
+  const emitChange = React76.useCallback(
     (nextItems, meta) => {
       var _a;
       const nextValues = nextItems.map(fileItemToValue);
@@ -24777,7 +24964,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     },
     [multiple, onValue]
   );
-  const handleAddItems = React74.useCallback(
+  const handleAddItems = React76.useCallback(
     (incoming, from) => {
       if (isDisabled) return;
       let next = multiple ? [...items] : [];
@@ -24814,7 +25001,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
       onFilesAdded
     ]
   );
-  const handleRemove = React74.useCallback(
+  const handleRemove = React76.useCallback(
     (id) => {
       const next = items.filter((i3) => i3.id !== id);
       emitChange(next, { action: "remove", id });
@@ -24826,7 +25013,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     },
     [emitChange, items, selectedIds]
   );
-  const handleBulkRemove = React74.useCallback(() => {
+  const handleBulkRemove = React76.useCallback(() => {
     const next = items.filter((i3) => !selectedIds.has(i3.id));
     emitChange(next, {
       action: "bulk-remove",
@@ -24834,7 +25021,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     });
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [emitChange, items, selectedIds]);
-  const openPicker = React74.useCallback(async () => {
+  const openPicker = React76.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     let resolvedLoader = customLoader != null ? customLoader : custom && getPaletteUtil("customLoader");
@@ -24873,14 +25060,14 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     mergeMode,
     multiple
   ]);
-  const onDragOver = React74.useCallback(
+  const onDragOver = React76.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React74.useCallback(
+  const onDrop = React76.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -24898,15 +25085,15 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     }
     e4.target.value = "";
   };
-  const FileChip = React74.useCallback(
+  const FileChip = React76.useCallback(
     ({
       item,
       condensed = false
     }) => {
       const name = formatFileName ? formatFileName(item) : item.name;
-      const [preview, setPreview] = React74.useState(null);
-      const [isOpen, setIsOpen] = React74.useState(false);
-      React74.useEffect(() => {
+      const [preview, setPreview] = React76.useState(null);
+      const [isOpen, setIsOpen] = React76.useState(false);
+      React76.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) {
@@ -25013,7 +25200,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     ]
   );
   const selectedCount = items.length;
-  const resolveButtonTriggerElement = React74.useCallback(() => {
+  const resolveButtonTriggerElement = React76.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items,
@@ -25043,7 +25230,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React74.cloneElement(el, {
+        return React76.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 }),
@@ -25051,7 +25238,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
           ] })
         });
       }
-      return React74.cloneElement(el, {
+      return React76.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -25059,7 +25246,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
         ] })
       });
     };
-    const withDnD = (el) => React74.cloneElement(el, {
+    const withDnD = (el) => React76.cloneElement(el, {
       onDragOver: mergeHandlers(
         el.props.onDragOver,
         onDragOver
@@ -25070,7 +25257,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
       ),
       onDrop: mergeHandlers(el.props.onDrop, onDrop)
     });
-    if (React74.isValidElement(rawNode)) {
+    if (React76.isValidElement(rawNode)) {
       return withDnD(injectBadgeIntoElement(rawNode));
     }
     const fallback = /* @__PURE__ */ jsxs(
@@ -25126,7 +25313,7 @@ var ShadcnFileVariant = React74.forwardRef(function ShadcnFileVariant2(props, re
     selectedCount,
     triggerClassName
   ]);
-  const TriggerRegion = React74.useMemo(() => {
+  const TriggerRegion = React76.useMemo(() => {
     if (showDropArea) {
       if (renderDropArea)
         return renderDropArea({ openPicker, isDragging: dragOver });
@@ -25586,7 +25773,7 @@ var toggleVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React74.createContext({
+var ToggleGroupContext = React76.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -25623,7 +25810,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React74.useContext(ToggleGroupContext);
+  const context = React76.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -25814,7 +26001,7 @@ function normalizeOption(input, {
     raw: input
   };
 }
-var ShadcnToggleVariant3 = React74.forwardRef(function ShadcnToggleVariant4(props, ref) {
+var ShadcnToggleVariant3 = React76.forwardRef(function ShadcnToggleVariant4(props, ref) {
   const {
     value,
     onValue,
@@ -25851,7 +26038,7 @@ var ShadcnToggleVariant3 = React74.forwardRef(function ShadcnToggleVariant4(prop
   const isDisabled = Boolean(disabled || readOnly);
   const toggleSize = mapSizeToToggleSize(size);
   const currentValue = normalizeValue(value, multiple);
-  const normalizedOptions = React74.useMemo(
+  const normalizedOptions = React76.useMemo(
     () => options.map(
       (opt) => normalizeOption(
         opt,
@@ -25891,7 +26078,7 @@ var ShadcnToggleVariant3 = React74.forwardRef(function ShadcnToggleVariant4(prop
       autoCap
     ]
   );
-  const handleChange = React74.useCallback(
+  const handleChange = React76.useCallback(
     (val) => {
       if (readOnly) return;
       if (!onValue) return;
@@ -25928,7 +26115,7 @@ var ShadcnToggleVariant3 = React74.forwardRef(function ShadcnToggleVariant4(prop
     fullWidth && layout === "vertical" && "[&>*]:w-full",
     className
   );
-  const groupStyle = React74.useMemo(() => {
+  const groupStyle = React76.useMemo(() => {
     const style = {};
     if (layout === "grid") {
       style.gridTemplateColumns = `repeat(${gridCols}, minmax(0, 1fr))`;
@@ -26069,29 +26256,29 @@ function ShadcnEditorVariant(props) {
     theme = "auto",
     themeTarget = "nearest"
   } = props;
-  const mountRef = React74.useRef(null);
-  const editorRef = React74.useRef(null);
-  const formatRef = React74.useRef(format2);
-  const onValueRef = React74.useRef(onValue);
-  const syncingRef = React74.useRef(false);
-  const loadedRef = React74.useRef(false);
-  const lastContentRef = React74.useRef(value != null ? value : "");
-  const [autoDark, setAutoDark] = React74.useState(false);
+  const mountRef = React76.useRef(null);
+  const editorRef = React76.useRef(null);
+  const formatRef = React76.useRef(format2);
+  const onValueRef = React76.useRef(onValue);
+  const syncingRef = React76.useRef(false);
+  const loadedRef = React76.useRef(false);
+  const lastContentRef = React76.useRef(value != null ? value : "");
+  const [autoDark, setAutoDark] = React76.useState(false);
   formatRef.current = format2;
   onValueRef.current = onValue;
   if (value !== void 0) lastContentRef.current = value;
   const effectiveReadOnly = Boolean(disabled || readOnly);
   const effectiveTheme = theme === "auto" ? autoDark ? "dark" : "light" : theme;
-  const readContent = React74.useCallback((ed) => {
+  const readContent = React76.useCallback((ed) => {
     var _a, _b;
     return formatRef.current === "markdown" ? (_a = ed.getMarkdown()) != null ? _a : "" : (_b = ed.getHTML()) != null ? _b : "";
   }, []);
-  const emit = React74.useCallback((next) => {
+  const emit = React76.useCallback((next) => {
     var _a;
     const detail = { source: "user", raw: next };
     (_a = onValueRef.current) == null ? void 0 : _a.call(onValueRef, next, detail);
   }, []);
-  const structuralKey = React74.useMemo(() => {
+  const structuralKey = React76.useMemo(() => {
     const hideModeSwitch = toolbar === "none" || pastePlainText;
     return JSON.stringify({
       toolbar,
@@ -26100,7 +26287,7 @@ function ShadcnEditorVariant(props) {
       effectiveTheme
     });
   }, [toolbar, useCommandShortcut, pastePlainText, effectiveTheme]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (theme !== "auto") return;
     if (typeof document === "undefined") return;
     const host = mountRef.current;
@@ -26125,7 +26312,7 @@ function ShadcnEditorVariant(props) {
     }
     return () => observer.disconnect();
   }, [theme, themeTarget]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     var _a;
     const el = mountRef.current;
     if (!el) return;
@@ -26196,29 +26383,29 @@ function ShadcnEditorVariant(props) {
       editorRef.current = null;
     };
   }, [structuralKey]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setHeight === "function") ed.setHeight(height);
   }, [height]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.setPlaceholder === "function")
       ed.setPlaceholder(placeholder);
   }, [placeholder]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changeMode === "function") ed.changeMode(editType);
   }, [editType]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const ed = editorRef.current;
     if (!ed) return;
     if (typeof ed.changePreviewStyle === "function")
       ed.changePreviewStyle(previewStyle);
   }, [previewStyle]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     var _a, _b, _c, _d;
     const ed = editorRef.current;
     if (!ed) return;
@@ -26236,7 +26423,7 @@ function ShadcnEditorVariant(props) {
       syncingRef.current = false;
     });
   }, [value, format2]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!pastePlainText) return;
     const host = mountRef.current;
     if (!host) return;
@@ -26720,10 +26907,10 @@ function JsonEditorMain(props) {
     className,
     contentClassName
   } = props;
-  const directChildPaths = React74.useMemo(() => {
+  const directChildPaths = React76.useMemo(() => {
     return getDirectChildPaths(route, allPaths);
   }, [route, allPaths]);
-  const rows = React74.useMemo(() => {
+  const rows = React76.useMemo(() => {
     return resolveLayoutForParent({
       parent: route,
       childPaths: directChildPaths,
@@ -26731,7 +26918,7 @@ function JsonEditorMain(props) {
       filters
     });
   }, [route, directChildPaths, layout, filters]);
-  const effectiveRows = React74.useMemo(() => {
+  const effectiveRows = React76.useMemo(() => {
     const hasAny = rows.some((r5) => {
       var _a;
       return (_a = r5.fields) == null ? void 0 : _a.length;
@@ -27907,7 +28094,7 @@ function JsonEditorRawPanel(props) {
   const canEditRaw = (_b = permissions == null ? void 0 : permissions.canEditRaw) != null ? _b : false;
   if (!canViewRaw) return null;
   const viewOnly = !!disabled || !!readOnly || !canEditRaw;
-  const onCopy = React74.useCallback(async () => {
+  const onCopy = React76.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(
         JSON.stringify(root != null ? root : {}, null, 2)
@@ -28001,17 +28188,17 @@ function collectAllPaths(value, prefix = "", out = []) {
 }
 function useControllable(opts) {
   const { value, defaultValue, onChange } = opts;
-  const [inner, setInner] = React74.useState(defaultValue);
+  const [inner, setInner] = React76.useState(defaultValue);
   const isControlled = value !== void 0;
   const state = isControlled ? value : inner;
-  const setState = React74.useCallback(
+  const setState = React76.useCallback(
     (next) => {
       if (!isControlled) setInner(next);
       onChange == null ? void 0 : onChange(next);
     },
     [isControlled, onChange]
   );
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!isControlled) return;
     setInner(value);
   }, [isControlled]);
@@ -28026,7 +28213,7 @@ function callCallbacks(callbacks, action, nextRoot, ctx) {
   const meta = { action, route: ctx.route, path, parent, key };
   (_b = callbacks.onEdit) == null ? void 0 : _b.call(callbacks, nextRoot, meta);
 }
-var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
+var JsonEditor = React76.forwardRef(function JsonEditorEditor(props, ref) {
   var _a, _b;
   const {
     root,
@@ -28056,16 +28243,16 @@ var JsonEditor = React74.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 = React74.useMemo(
+  const routes = React76.useMemo(
     () => buildJsonRoutes(root, void 0, filters),
     [root, filters]
   );
-  const allPaths = React74.useMemo(() => {
+  const allPaths = React76.useMemo(() => {
     const list = collectAllPaths(root, "", []);
     const seen = /* @__PURE__ */ new Set();
     return list.filter((p2) => seen.has(p2) ? false : (seen.add(p2), true));
   }, [root]);
-  const computedInitialRoute = React74.useMemo(() => {
+  const computedInitialRoute = React76.useMemo(() => {
     var _a2, _b2;
     const explicit = routeProp != null ? routeProp : defaultRoute;
     if (explicit !== void 0) return explicit;
@@ -28081,25 +28268,25 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     defaultValue: defaultViewMode,
     onChange: onViewModeChange
   });
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!canViewRaw && (viewMode === "raw" || viewMode === "split")) {
       setViewMode("visual");
     }
   }, [canViewRaw, setViewMode, viewMode]);
-  const fileInputRef = React74.useRef(null);
-  const contentRef = React74.useRef(null);
-  const [rawWidth, setRawWidth] = React74.useState(420);
-  const [isResizing, setIsResizing] = React74.useState(false);
-  const startXRef = React74.useRef(0);
-  const startWRef = React74.useRef(0);
-  const clampRawWidth = React74.useCallback((w2) => {
+  const fileInputRef = React76.useRef(null);
+  const contentRef = React76.useRef(null);
+  const [rawWidth, setRawWidth] = React76.useState(420);
+  const [isResizing, setIsResizing] = React76.useState(false);
+  const startXRef = React76.useRef(0);
+  const startWRef = React76.useRef(0);
+  const clampRawWidth = React76.useCallback((w2) => {
     var _a2, _b2;
     const containerW = (_b2 = (_a2 = contentRef.current) == null ? void 0 : _a2.getBoundingClientRect().width) != null ? _b2 : 0;
     const min2 = 260;
     const max2 = containerW ? Math.max(min2, Math.min(900, containerW - 240)) : 900;
     return Math.max(min2, Math.min(max2, w2));
   }, []);
-  const onResizePointerDown = React74.useCallback(
+  const onResizePointerDown = React76.useCallback(
     (e4) => {
       if (e4.button !== 0 && e4.pointerType === "mouse") return;
       setIsResizing(true);
@@ -28111,7 +28298,7 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [rawWidth]
   );
-  const onResizePointerMove = React74.useCallback(
+  const onResizePointerMove = React76.useCallback(
     (e4) => {
       if (!isResizing) return;
       const dx = e4.clientX - startXRef.current;
@@ -28120,7 +28307,7 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [clampRawWidth, isResizing]
   );
-  const stopResizing = React74.useCallback(
+  const stopResizing = React76.useCallback(
     (e4) => {
       if (!isResizing) return;
       setIsResizing(false);
@@ -28131,14 +28318,14 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [isResizing]
   );
-  const loadFile = React74.useCallback(() => {
+  const loadFile = React76.useCallback(() => {
     var _a2;
     (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, []);
-  const close = React74.useCallback(() => {
+  const close = React76.useCallback(() => {
     onClose == null ? void 0 : onClose();
   }, [onClose]);
-  const onFilePicked = React74.useCallback(
+  const onFilePicked = React76.useCallback(
     async (e4) => {
       var _a2;
       const file = (_a2 = e4.target.files) == null ? void 0 : _a2[0];
@@ -28158,7 +28345,7 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [callbacks, onRoot, route]
   );
-  const breadcrumb = React74.useMemo(() => {
+  const breadcrumb = React76.useMemo(() => {
     const segs = splitPath(route);
     const parts = [];
     const rootNode = {
@@ -28185,7 +28372,7 @@ var JsonEditor = React74.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(React74.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: parts.map((p2, idx) => /* @__PURE__ */ jsxs(React76.Fragment, { children: [
       /* @__PURE__ */ jsx(
         Button2,
         {
@@ -28200,7 +28387,7 @@ var JsonEditor = React74.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 = React74.useMemo(() => {
+  const routeTitle = React76.useMemo(() => {
     if (!route) return "Config.json";
     const key = lastSegment(route);
     if (renderRouteLabel) {
@@ -28216,7 +28403,7 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     }
     return prettifyLabel2(key);
   }, [route, renderRouteLabel]);
-  const viewControls = React74.useMemo(() => {
+  const viewControls = React76.useMemo(() => {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
       /* @__PURE__ */ jsxs(
         Button2,
@@ -28259,7 +28446,7 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
       ) : null
     ] });
   }, [canViewRaw, setViewMode, viewMode]);
-  const header = React74.useMemo(() => {
+  const header = React76.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,
@@ -28311,7 +28498,7 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     showClose,
     viewControls
   ]);
-  const onVisualRoot = React74.useCallback(
+  const onVisualRoot = React76.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       const d = detail;
@@ -28323,14 +28510,14 @@ var JsonEditor = React74.forwardRef(function JsonEditorEditor(props, ref) {
     },
     [callbacks, onRoot, route]
   );
-  const onRawRoot = React74.useCallback(
+  const onRawRoot = React76.useCallback(
     (nextRoot, detail) => {
       onRoot(nextRoot, detail);
       callCallbacks(callbacks, "edit-raw", nextRoot, { route, path: "" });
     },
     [callbacks, onRoot, route]
   );
-  React74.useImperativeHandle(
+  React76.useImperativeHandle(
     ref,
     () => ({
       loadFile,
@@ -28452,7 +28639,7 @@ function triggerHeightCls(size) {
       return "h-9 text-sm";
   }
 }
-var ShadcnJsonEditorVariant = React74.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
+var ShadcnJsonEditorVariant = React76.forwardRef(function ShadcnJsonEditorVariant2(props, ref) {
   var _a;
   const {
     mode = "popover",
@@ -28499,15 +28686,15 @@ var ShadcnJsonEditorVariant = React74.forwardRef(function ShadcnJsonEditorVarian
     extendBoxToControls = true,
     triggerClassName
   } = props;
-  const editorRef = React74.useRef(null);
-  const root = React74.useMemo(() => {
+  const editorRef = React76.useRef(null);
+  const root = React76.useMemo(() => {
     if ("root" in props) return props.root;
     const v2 = props.value;
     if (isPlainObject5(v2)) return v2;
     if (v2 == null) return {};
     return {};
   }, [props]);
-  const emitRoot = React74.useCallback(
+  const emitRoot = React76.useCallback(
     (nextRoot, detail) => {
       var _a2, _b;
       if ("onRoot" in props) {
@@ -28518,9 +28705,9 @@ var ShadcnJsonEditorVariant = React74.forwardRef(function ShadcnJsonEditorVarian
     },
     [props]
   );
-  const [openInner, setOpenInner] = React74.useState(false);
+  const [openInner, setOpenInner] = React76.useState(false);
   const open = openProp != null ? openProp : openInner;
-  const setOpen = React74.useCallback(
+  const setOpen = React76.useCallback(
     (next) => {
       if (openProp === void 0) setOpenInner(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
@@ -28528,11 +28715,11 @@ var ShadcnJsonEditorVariant = React74.forwardRef(function ShadcnJsonEditorVarian
     },
     [openProp, onOpenChange, onClose]
   );
-  const close = React74.useCallback(() => setOpen(false), [setOpen]);
-  const doOpen = React74.useCallback(() => setOpen(true), [setOpen]);
-  const toggle = React74.useCallback(() => setOpen(!open), [setOpen, open]);
-  const [expanded, setExpanded] = React74.useState();
-  React74.useImperativeHandle(
+  const close = React76.useCallback(() => setOpen(false), [setOpen]);
+  const doOpen = React76.useCallback(() => setOpen(true), [setOpen]);
+  const toggle = React76.useCallback(() => setOpen(!open), [setOpen, open]);
+  const [expanded, setExpanded] = React76.useState();
+  React76.useImperativeHandle(
     ref,
     () => ({
       open: doOpen,
@@ -28978,7 +29165,7 @@ var defaultHost = {
   }
 };
 
-// src/presets/shadcn-variants/lister/patch.ts
+// src/presets/shadcn/variants/lister/patch.ts
 function makeInlineDef(args) {
   const mapping = {
     optionValue: (raw, ctx) => pick(raw, args.optionValue, ctx),
@@ -29089,7 +29276,7 @@ function normalizeIconifyInput(icon) {
 }
 function OptionIcon(props) {
   const { icon, className } = props;
-  if (React74.isValidElement(icon)) {
+  if (React76.isValidElement(icon)) {
     return /* @__PURE__ */ jsx("span", { className: cn("shrink-0", className), children: icon });
   }
   if (isSvgSnippetString(icon)) {
@@ -29142,7 +29329,7 @@ function OptionList(props) {
   const options = (_a = selectors.visibleOptions(id)) != null ? _a : [];
   const draft = s3 == null ? void 0 : s3.draftValue;
   const isMulti = (s3 == null ? void 0 : s3.mode) === "multiple";
-  const isSelected = React74.useCallback(
+  const isSelected = React76.useCallback(
     (value) => {
       if (isMulti) return Array.isArray(draft) && draft.includes(value);
       return draft === value;
@@ -29150,19 +29337,19 @@ function OptionList(props) {
     [draft, isMulti]
   );
   if (s3 == null ? void 0 : s3.errorCode) {
-    return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-4 text-sm opacity-70", children: [
+    return /* @__PURE__ */ jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-4 text-sm opacity-70", children: [
       "Error: ",
       String(s3.errorCode)
     ] }) });
   }
   if ((s3 == null ? void 0 : s3.loading) && !((_b = s3 == null ? void 0 : s3.optionsList) == null ? void 0 : _b.length)) {
-    return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "Loading\u2026" }) });
+    return /* @__PURE__ */ jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "Loading\u2026" }) });
   }
   if (!options.length) {
-    return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-y-auto", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "No results" }) });
+    return /* @__PURE__ */ jsx(ScrollArea, { className: cn("h-full min-h-0", className), children: /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm opacity-70", children: "No results" }) });
   }
   return /* @__PURE__ */ jsx("div", { className: cn("h-full min-h-0 overflow-hidden", className), children: /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 p-1", children: /* @__PURE__ */ jsx(
-    Virtuoso,
+    VirtualScroll,
     {
       style: { height: "100%", minHeight: 0 },
       data: options,
@@ -29361,25 +29548,25 @@ function ListerInner(props) {
     panelClassName
   } = props;
   const { api, actions, store } = useLister();
-  const ownerKeyRef = React74.useRef(
+  const ownerKeyRef = React76.useRef(
     (_a = openOptions == null ? void 0 : openOptions.ownerKey) != null ? _a : createRuntimeKey("lister_owner")
   );
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const next = openOptions == null ? void 0 : openOptions.ownerKey;
     if (next) ownerKeyRef.current = next;
   }, [openOptions]);
   const session = findSessionByOwner(store, ownerKeyRef.current);
   const sessionId = session == null ? void 0 : session.sessionId;
   const isOpen = !!(session == null ? void 0 : session.isOpen);
-  const [selectedOptions, setSelectedOptions] = React74.useState(
+  const [selectedOptions, setSelectedOptions] = React76.useState(
     null
   );
-  const openingRef = React74.useRef(false);
+  const openingRef = React76.useRef(false);
   const mode = modeProp != null ? modeProp : "single";
   const confirm = mode === "multiple" ? true : !!confirmProp;
   const disabledTrigger = !!(disabled || readOnly);
   const hasValue = mode === "multiple" ? Array.isArray(value) && value.length > 0 : value != null && value !== "";
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!hasValue) {
       setSelectedOptions(null);
       return;
@@ -29415,7 +29602,7 @@ function ListerInner(props) {
       alive = false;
     };
   }, [api, def, filters, mode, value, hasValue]);
-  const openSession = React74.useCallback(async () => {
+  const openSession = React76.useCallback(async () => {
     var _a2, _b2;
     console.log(openingRef.current);
     if (disabledTrigger) return;
@@ -29456,7 +29643,7 @@ function ListerInner(props) {
     permissions,
     value
   ]);
-  const clear = React74.useCallback(() => {
+  const clear = React76.useCallback(() => {
     if (disabledTrigger) return;
     onValue(void 0, {
       action: "clear",
@@ -29464,7 +29651,7 @@ function ListerInner(props) {
     });
     setSelectedOptions(null);
   }, [disabledTrigger, onValue]);
-  const display = React74.useMemo(() => {
+  const display = React76.useMemo(() => {
     return buildLabelsFromOptions({
       mode,
       value,
@@ -29473,7 +29660,7 @@ function ListerInner(props) {
       maxItems: maxDisplayItems
     });
   }, [maxDisplayItems, mode, placeholder, selectedOptions, value]);
-  const triggerCtx = React74.useMemo(
+  const triggerCtx = React76.useMemo(
     () => ({
       mode,
       value,
@@ -29599,7 +29786,7 @@ function ListerInner(props) {
     }
   );
   const userTriggerEl = renderTrigger ? renderTrigger(triggerCtx) : null;
-  const TriggerNode = renderTrigger && React74.isValidElement(userTriggerEl) ? React74.cloneElement(userTriggerEl, {
+  const TriggerNode = renderTrigger && React76.isValidElement(userTriggerEl) ? React76.cloneElement(userTriggerEl, {
     className: cn(
       (_b = userTriggerEl.props) == null ? void 0 : _b.className,
       className
@@ -29825,11 +30012,11 @@ function ListerResolvedInner(props) {
   } = props;
   const isStandaloneInline = !def && endpoint != null;
   const shouldInferOptionValue = isStandaloneInline && optionValue === void 0;
-  const [resolvedOptionValue, setResolvedOptionValue] = React74.useState(() => optionValue != null ? optionValue : "id");
-  React74.useEffect(() => {
+  const [resolvedOptionValue, setResolvedOptionValue] = React76.useState(() => optionValue != null ? optionValue : "id");
+  React76.useEffect(() => {
     if (optionValue !== void 0) setResolvedOptionValue(optionValue);
   }, [optionValue]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!shouldInferOptionValue) return;
     if (!endpoint) return;
     let alive = true;
@@ -29881,7 +30068,7 @@ function ListerResolvedInner(props) {
   const inlineExists = endpoint !== void 0 || method !== void 0 || buildRequest !== void 0 || selector !== void 0 || resolvedOptionValue !== void 0 || // ✅ KEEP THIS (your rule)
   optionLabel !== void 0 || optionIcon !== void 0 || optionDescription !== void 0 || optionDisabled !== void 0 || optionGroup !== void 0 || optionMeta !== void 0 || // ✅ include search override as "inline patch" signal too
   search !== void 0;
-  const finalDef = React74.useMemo(() => {
+  const finalDef = React76.useMemo(() => {
     const baseDef = def;
     if (!inlineExists) return baseDef;
     if (!baseDef) {
@@ -29936,7 +30123,7 @@ function ListerResolvedInner(props) {
     optionMeta,
     search
   ]);
-  const openOptions = React74.useMemo(() => {
+  const openOptions = React76.useMemo(() => {
     return {
       title,
       searchMode,
@@ -30190,24 +30377,24 @@ function IconPickerPanel(props) {
     maxRender = 2500
   } = props;
   const den = densityTokens2(density);
-  const groups = React74.useMemo(() => {
+  const groups = React76.useMemo(() => {
     const base = groupsProp != null ? groupsProp : [];
     if (!(allowedGroupIds == null ? void 0 : allowedGroupIds.length)) return base;
     const allowed = base.filter((g2) => allowedGroupIds.includes(g2.id));
     return allowed.length ? allowed : base;
   }, [allowedGroupIds, groupsProp]);
-  const prefixes = React74.useMemo(() => {
+  const prefixes = React76.useMemo(() => {
     return uniq2(groups.flatMap((g2) => g2.prefixes).filter(Boolean));
   }, [groups]);
-  const [selectedGroupId, setSelectedGroupId] = React74.useState(() => {
+  const [selectedGroupId, setSelectedGroupId] = React76.useState(() => {
     var _a;
     return (_a = groups[0]) == null ? void 0 : _a.id;
   });
-  const [searchQuery, setSearchQuery] = React74.useState("");
-  const [loading, setLoading] = React74.useState(false);
-  const [error, setError] = React74.useState(null);
-  const [allIcons, setAllIcons] = React74.useState([]);
-  React74.useEffect(() => {
+  const [searchQuery, setSearchQuery] = React76.useState("");
+  const [loading, setLoading] = React76.useState(false);
+  const [error, setError] = React76.useState(null);
+  const [allIcons, setAllIcons] = React76.useState([]);
+  React76.useEffect(() => {
     setSelectedGroupId((prev) => {
       var _a, _b;
       if (!prev) return (_a = groups[0]) == null ? void 0 : _a.id;
@@ -30215,7 +30402,7 @@ function IconPickerPanel(props) {
       return exists ? prev : (_b = groups[0]) == null ? void 0 : _b.id;
     });
   }, [groups]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     const controller = new AbortController();
     let mounted = true;
     const load = async () => {
@@ -30257,15 +30444,15 @@ function IconPickerPanel(props) {
       controller.abort();
     };
   }, [prefixes, url]);
-  const selectedGroup = React74.useMemo(
+  const selectedGroup = React76.useMemo(
     () => groups.find((g2) => g2.id === selectedGroupId),
     [groups, selectedGroupId]
   );
-  const selectedGroupPrefixes = React74.useMemo(() => {
+  const selectedGroupPrefixes = React76.useMemo(() => {
     if (!selectedGroup) return void 0;
     return new Set(selectedGroup.prefixes);
   }, [selectedGroup]);
-  const filteredIcons = React74.useMemo(() => {
+  const filteredIcons = React76.useMemo(() => {
     const q2 = searchQuery.trim().toLowerCase();
     let list = allIcons;
     if (selectedGroupPrefixes) {
@@ -30281,7 +30468,7 @@ function IconPickerPanel(props) {
     }
     return list;
   }, [allIcons, searchQuery, selectedGroupPrefixes]);
-  const limitedIcons = React74.useMemo(() => {
+  const limitedIcons = React76.useMemo(() => {
     if (filteredIcons.length <= maxRender) return filteredIcons;
     return filteredIcons.slice(0, maxRender);
   }, [filteredIcons, maxRender]);
@@ -30295,7 +30482,7 @@ function IconPickerPanel(props) {
       value.includes(iconName) ? value.filter((x2) => x2 !== iconName) : [...value, iconName]
     );
   };
-  const GridComponents = React74.useMemo(
+  const GridComponents = React76.useMemo(
     () => ({
       List: (p2) => /* @__PURE__ */ jsx(
         "div",
@@ -30308,8 +30495,11 @@ function IconPickerPanel(props) {
     }),
     []
   );
-  const gridHeightStyle = React74.useMemo(
-    () => ({ height: "50vh" }),
+  const gridHeightStyle = React76.useMemo(
+    () => ({
+      height: "320px",
+      maxHeight: "calc(var(--radix-popper-available-height) - 140px)"
+    }),
     []
   );
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
@@ -30366,7 +30556,7 @@ function IconPickerPanel(props) {
         " results (refine search to narrow)."
       ] }),
       /* @__PURE__ */ jsx(
-        VirtuosoGrid,
+        VirtualScrollGrid,
         {
           style: gridHeightStyle,
           data: limitedIcons,
@@ -30433,7 +30623,7 @@ function IconPickerPanel(props) {
     )
   ] });
 }
-var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, ref) {
+var ShadcnIconVariant = React76.forwardRef(function ShadcnIconVariant2(props, ref) {
   var _a, _b;
   const {
     value,
@@ -30485,12 +30675,12 @@ var ShadcnIconVariant = React74.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] = React74.useState(false);
-  const selected = React74.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React76.useState(false);
+  const selected = React76.useMemo(() => {
     if (multiple) return Array.isArray(value) ? value.filter(Boolean) : [];
     return typeof value === "string" && value ? [value] : [];
   }, [multiple, value]);
-  const emit = React74.useCallback(
+  const emit = React76.useCallback(
     (nextArr, meta) => {
       var _a2, _b2;
       if (!onValue) return;
@@ -30512,7 +30702,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
     },
     [multiple, onValue]
   );
-  const Chip = React74.useCallback(
+  const Chip = React76.useCallback(
     ({ iconName }) => {
       var _a2;
       const short = (_a2 = iconName.split(":")[1]) != null ? _a2 : iconName;
@@ -30575,7 +30765,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
     [chipHeightCls, den.chipGap, den.chipPad, emit, selected]
   );
   const selectedCount = selected.length;
-  const resolveButtonTriggerElement = React74.useCallback(() => {
+  const resolveButtonTriggerElement = React76.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: selected,
@@ -30605,7 +30795,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React74.cloneElement(el, {
+        return React76.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 }),
@@ -30613,7 +30803,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
           ] })
         });
       }
-      return React74.cloneElement(el, {
+      return React76.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -30621,7 +30811,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
         ] })
       });
     };
-    const withNoopDnD = (el) => React74.cloneElement(el, {
+    const withNoopDnD = (el) => React76.cloneElement(el, {
       // keep event-merging parity with file variant (no-op, but safe)
       onDragOver: mergeHandlers2(
         el.props.onDragOver,
@@ -30638,7 +30828,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
         }
       )
     });
-    if (React74.isValidElement(rawNode))
+    if (React76.isValidElement(rawNode))
       return withNoopDnD(injectBadgeIntoElement(rawNode));
     const fallback = /* @__PURE__ */ jsxs(
       "button",
@@ -30686,7 +30876,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
     triggerClassName
   ]);
   const COLLAPSE_LIMIT = 2;
-  const TriggerRegion = React74.useMemo(() => {
+  const TriggerRegion = React76.useMemo(() => {
     const hasItems = selected.length > 0;
     const visibleItems = selected.slice(0, COLLAPSE_LIMIT);
     const hiddenCount = selected.length - COLLAPSE_LIMIT;
@@ -30774,11 +30964,11 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height) overflow-hidden flex flex-col",
             popoverClassName
           ),
           align: "start",
-          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
             /* @__PURE__ */ jsxs(
               "div",
               {
@@ -31058,8 +31248,8 @@ function isFileLikeString(s3) {
   return FILE_EXT_RE.test(v2);
 }
 function useImagePreview(value) {
-  const [src, setSrc] = React74.useState(null);
-  React74.useEffect(() => {
+  const [src, setSrc] = React76.useState(null);
+  React76.useEffect(() => {
     if (!value) {
       setSrc(null);
       return;
@@ -31077,7 +31267,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 = React74.forwardRef(function ShadcnImageIconVariant2(props, ref) {
+var ShadcnImageIconVariant = React76.forwardRef(function ShadcnImageIconVariant2(props, ref) {
   const {
     value,
     onValue,
@@ -31134,7 +31324,7 @@ var ShadcnImageIconVariant = React74.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 = React74.useMemo(() => {
+  const effectiveIconGroups = React76.useMemo(() => {
     const groups = resolvedIconGroups != null ? resolvedIconGroups : DEFAULT_GROUPS;
     const allowed = toArray2(allowedIconGroupIds).filter(
       Boolean
@@ -31143,7 +31333,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     const filtered = groups.filter((g2) => allowed.includes(g2.id));
     return filtered.length ? filtered : groups;
   }, [resolvedIconGroups, allowedIconGroupIds]);
-  const allowedIconPrefixes = React74.useMemo(() => {
+  const allowedIconPrefixes = React76.useMemo(() => {
     var _a;
     const set = /* @__PURE__ */ new Set();
     for (const g2 of effectiveIconGroups) {
@@ -31151,7 +31341,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     }
     return set;
   }, [effectiveIconGroups]);
-  const isIconString = React74.useCallback(
+  const isIconString = React76.useCallback(
     (raw) => {
       var _a;
       const s3 = raw.trim();
@@ -31163,7 +31353,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     },
     [allowedIconPrefixes]
   );
-  const normaliseImageIconInput = React74.useCallback(
+  const normaliseImageIconInput = React76.useCallback(
     (v2) => {
       var _a;
       if (v2 == null) return null;
@@ -31204,25 +31394,25 @@ var ShadcnImageIconVariant = React74.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] = React74.useState(false);
-  const [tab, setTab] = React74.useState("icon");
-  const list = React74.useMemo(() => {
+  const [popoverOpen, setPopoverOpen] = React76.useState(false);
+  const [tab, setTab] = React76.useState("icon");
+  const list = React76.useMemo(() => {
     const raw = multiple ? toArray2(value) : value != null ? [value] : [];
     return raw.map(normaliseImageIconInput).filter(Boolean);
   }, [multiple, normaliseImageIconInput, value]);
-  const iconsSelected = React74.useMemo(() => {
+  const iconsSelected = React76.useMemo(() => {
     return list.filter((x2) => x2.kind === "icon").map((x2) => x2.icon);
   }, [list]);
-  const imagesSelected = React74.useMemo(() => {
+  const imagesSelected = React76.useMemo(() => {
     return list.filter((x2) => x2.kind === "image");
   }, [list]);
-  const toFieldRaw = React74.useCallback(
+  const toFieldRaw = React76.useCallback(
     (x2) => {
       return x2.kind === "icon" ? x2.icon : x2.image;
     },
     []
   );
-  const emit = React74.useCallback(
+  const emit = React76.useCallback(
     (nextList, meta) => {
       var _a, _b;
       if (!onValue) return;
@@ -31251,7 +31441,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     emit(next, { action: "remove", index: idx });
   };
   const clearAll = () => emit([], { action: "clear" });
-  const Chip = React74.useCallback(
+  const Chip = React76.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;
@@ -31302,7 +31492,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     [chipHeightCls, den.chipGap, den.chipPad, removeAt]
   );
   const selectedCount = list.length;
-  const resolveButtonTriggerElement = React74.useCallback(() => {
+  const resolveButtonTriggerElement = React76.useCallback(() => {
     const ctx = {
       open: popoverOpen,
       items: list,
@@ -31332,7 +31522,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
       );
       const child = el.props.children;
       if (selectedBadgePlacement === "end") {
-        return React74.cloneElement(el, {
+        return React76.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 }),
@@ -31340,7 +31530,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
           ] })
         });
       }
-      return React74.cloneElement(el, {
+      return React76.cloneElement(el, {
         className: nextClass,
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           child,
@@ -31348,7 +31538,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
         ] })
       });
     };
-    if (React74.isValidElement(rawNode))
+    if (React76.isValidElement(rawNode))
       return injectBadgeIntoElement(rawNode);
     return /* @__PURE__ */ jsxs(
       "button",
@@ -31380,12 +31570,12 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     selectedCount,
     triggerClassName
   ]);
-  const [dragOver, setDragOver] = React74.useState(false);
-  const fileInputRef = React74.useRef(null);
-  const [imgSelectedIds, setImgSelectedIds] = React74.useState(
+  const [dragOver, setDragOver] = React76.useState(false);
+  const fileInputRef = React76.useRef(null);
+  const [imgSelectedIds, setImgSelectedIds] = React76.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const imageItems = React74.useMemo(() => {
+  const imageItems = React76.useMemo(() => {
     return imagesSelected.map((x2) => normaliseFileLike2(x2.image));
   }, [imagesSelected]);
   const canAddMore = (nextCount) => {
@@ -31448,7 +31638,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
       setImagesFromItems(next, { from });
     }
   };
-  const openImagePicker = React74.useCallback(async () => {
+  const openImagePicker = React76.useCallback(async () => {
     var _a;
     if (isDisabled) return;
     const resolvedLoader = typeof customLoader == "function" ? customLoader : customLoader ? getPaletteUtil("customLoader") : void 0;
@@ -31473,14 +31663,14 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
     }
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, [accept, customLoader, imageItems, isDisabled, mergeMode, multiple]);
-  const onDragOver = React74.useCallback(
+  const onDragOver = React76.useCallback(
     (e4) => {
       e4.preventDefault();
       if (!isDisabled) setDragOver(true);
     },
     [isDisabled]
   );
-  const onDrop = React74.useCallback(
+  const onDrop = React76.useCallback(
     (e4) => {
       var _a;
       e4.preventDefault();
@@ -31529,7 +31719,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
       if (icons[0]) setPopoverOpen(false);
     }
   };
-  const TriggerRegion = React74.useMemo(() => {
+  const TriggerRegion = React76.useMemo(() => {
     const COLLAPSE_LIMIT = 2;
     const hasItems = list.length > 0;
     const visibleItems = list.slice(0, COLLAPSE_LIMIT);
@@ -31624,11 +31814,11 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height) overflow-hidden flex flex-col",
             popoverClassName
           ),
           align: "start",
-          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
             /* @__PURE__ */ jsxs(
               "div",
               {
@@ -32280,7 +32470,7 @@ function buildLayoutGraph(args) {
     }
   };
 }
-var CoreContextReact = React74__default.createContext(
+var CoreContextReact = React76__default.createContext(
   null
 );
 function useCoreContext() {
@@ -32312,41 +32502,41 @@ function useField(options) {
     onValueChange,
     onSubmit
   } = options;
-  const ref = React74.useRef(null);
-  const stateRef = React74.useRef({
+  const ref = React76.useRef(null);
+  const stateRef = React76.useRef({
     value: defaultValue,
     error: "",
     loading: false,
     original: getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   });
-  const [valueState, setValueState] = React74.useState(
+  const [valueState, setValueState] = React76.useState(
     stateRef.current.value
   );
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (isControlled && valueProp !== stateRef.current.value) {
       stateRef.current.value = valueProp;
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React74.useState(
+  const [error, setErrorState] = React76.useState(
     stateRef.current.error
   );
-  const [loading, setLoadingState] = React74.useState(
+  const [loading, setLoadingState] = React76.useState(
     stateRef.current.loading
   );
-  const [required, setRequired] = React74.useState(
+  const [required, setRequired] = React76.useState(
     Boolean(requiredProp)
   );
-  const [disabled, setDisabled] = React74.useState(
+  const [disabled, setDisabled] = React76.useState(
     Boolean(disabledProp)
   );
-  const [readOnly, setReadOnly] = React74.useState(
+  const [readOnly, setReadOnly] = React76.useState(
     Boolean(readOnlyProp)
   );
-  const id = React74.useId();
-  const keyRef = React74.useRef(
+  const id = React76.useId();
+  const keyRef = React76.useRef(
     (() => {
       if (rawName && rawName.trim()) return `${rawName.trim()}-${id}`;
       if (rawBindId && rawBindId.trim())
@@ -32354,10 +32544,10 @@ function useField(options) {
       return `field-${Math.random().toString(36).slice(2)}-${id}`;
     })()
   );
-  const bindIdRef = React74.useRef(
+  const bindIdRef = React76.useRef(
     rawBindId && rawBindId.trim() || keyRef.current
   );
-  const fieldRef = React74.useRef(null);
+  const fieldRef = React76.useRef(null);
   if (!fieldRef.current) {
     const key = keyRef.current;
     const bindId = bindIdRef.current;
@@ -32460,19 +32650,19 @@ function useField(options) {
     fieldRef.current = f2;
   }
   const field = fieldRef.current;
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setRequired(requiredProp);
     if (field) {
       field.required = requiredProp;
     }
   }, [requiredProp, field]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!field) return;
     form.addField(field);
     return () => {
@@ -32587,25 +32777,25 @@ function useOptionalField(options) {
     getOriginalValue,
     onValueChange
   } = options;
-  const ref = React74.useRef(null);
-  const [valueState, setValueState] = React74.useState(defaultValue);
+  const ref = React76.useRef(null);
+  const [valueState, setValueState] = React76.useState(defaultValue);
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : valueState;
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (isControlled) {
       setValueState(valueProp);
     }
   }, [isControlled, valueProp]);
-  const [error, setErrorState] = React74.useState("");
-  const [loading, setLoadingState] = React74.useState(false);
-  const [required, setRequired] = React74.useState(requiredProp);
-  const [disabled, setDisabled] = React74.useState(disabledProp);
-  const [readOnly, setReadOnly] = React74.useState(readOnlyProp);
-  const originalRef = React74.useRef(
+  const [error, setErrorState] = React76.useState("");
+  const [loading, setLoadingState] = React76.useState(false);
+  const [required, setRequired] = React76.useState(requiredProp);
+  const [disabled, setDisabled] = React76.useState(disabledProp);
+  const [readOnly, setReadOnly] = React76.useState(readOnlyProp);
+  const originalRef = React76.useRef(
     getOriginalValue ? getOriginalValue(defaultValue) : defaultValue
   );
-  const id = React74.useId();
-  const keyRef = React74.useRef("");
+  const id = React76.useId();
+  const keyRef = React76.useRef("");
   if (!keyRef.current) {
     if (rawName && rawName.trim()) {
       keyRef.current = `${rawName.trim()}-${id}`;
@@ -32615,17 +32805,17 @@ function useOptionalField(options) {
       keyRef.current = `field-${Math.random().toString(36).slice(2)}-${id}`;
     }
   }
-  const bindIdRef = React74.useRef("");
+  const bindIdRef = React76.useRef("");
   if (!bindIdRef.current) {
     bindIdRef.current = rawBindId && rawBindId.trim() || keyRef.current;
   }
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setRequired(requiredProp);
   }, [requiredProp]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setDisabled(disabledProp);
   }, [disabledProp]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     setReadOnly(readOnlyProp);
   }, [readOnlyProp]);
   function setValue(next, variant = "direct") {
@@ -32701,6 +32891,11 @@ function useOptionalField(options) {
     }
   };
 }
+var ThemeContext = React76.createContext(null);
+function usePaletteTheme() {
+  var _a;
+  return (_a = React76.useContext(ThemeContext)) != null ? _a : {};
+}
 function normalizeValidateResult(result) {
   if (result === void 0 || result === null || result === true) return [];
   if (result === false) return ["Invalid value."];
@@ -32722,7 +32917,7 @@ function resolveLayoutForField(defaults, overrides, props, variantResolve) {
     ...overrides
   };
 }
-function renderHelperSlot(root, slot, classes) {
+function renderHelperSlot(root, slot, classes, styles) {
   const placement = slot.placement;
   switch (slot.id) {
     case "sublabel":
@@ -32733,6 +32928,7 @@ function renderHelperSlot(root, slot, classes) {
             "text-xs text-muted-foreground",
             classes == null ? void 0 : classes.sublabel
           ),
+          style: styles == null ? void 0 : styles.sublabel,
           "data-slot": `sublabel-${placement}`,
           children: slot.content
         },
@@ -32746,6 +32942,7 @@ function renderHelperSlot(root, slot, classes) {
             "text-xs text-muted-foreground",
             classes == null ? void 0 : classes.description
           ),
+          style: styles == null ? void 0 : styles.description,
           "data-slot": `description-${placement}`,
           children: slot.content
         },
@@ -32759,6 +32956,7 @@ function renderHelperSlot(root, slot, classes) {
             "text-xs text-muted-foreground",
             classes == null ? void 0 : classes.helpText
           ),
+          style: styles == null ? void 0 : styles.helpText,
           "data-slot": `helptext-${placement}`,
           children: slot.content
         },
@@ -32769,6 +32967,7 @@ function renderHelperSlot(root, slot, classes) {
         FieldError,
         {
           className: cn("text-xs text-destructive", classes == null ? void 0 : classes.error),
+          style: styles == null ? void 0 : styles.error,
           "data-slot": `error-${placement}`,
           children: slot.content
         },
@@ -32779,6 +32978,7 @@ function renderHelperSlot(root, slot, classes) {
         "div",
         {
           className: cn("flex items-center gap-1", classes == null ? void 0 : classes.tags),
+          style: (styles == null ? void 0 : styles.tags) || (styles == null ? void 0 : styles.tag),
           "data-slot": `tags-${placement}`,
           children: slot.content
         },
@@ -32788,29 +32988,66 @@ function renderHelperSlot(root, slot, classes) {
       return null;
   }
 }
-function getClasses(props) {
+function getClasses(props, themeClasses, variantThemeClasses) {
   var _a;
   const legacy = (_a = props.classes) != null ? _a : {};
   return {
-    root: cn(legacy.root, props.className) || void 0,
-    labelRow: cn(legacy.labelRow, props.labelRowClassName) || void 0,
-    inlineRow: cn(legacy.inlineRow, props.inlineRowClassName) || void 0,
-    label: cn(legacy.label, props.labelClassName) || void 0,
-    sublabel: cn(legacy.sublabel, props.sublabelClassName) || void 0,
-    description: cn(legacy.description, props.descriptionClassName) || void 0,
-    helpText: cn(legacy.helpText, props.helpTextClassName) || void 0,
-    error: cn(legacy.error, props.errorClassName) || void 0,
-    group: cn(legacy.group, props.groupClassName) || void 0,
-    content: cn(legacy.content, props.contentClassName) || void 0,
-    variant: cn(legacy.variant, props.variantClassName) || void 0,
-    inlineInputColumn: cn(legacy.inlineInputColumn, props.inlineInputColumnClassName) || void 0,
-    inlineLabelColumn: cn(legacy.inlineLabelColumn, props.inlineLabelColumnClassName) || void 0,
-    required: cn(legacy.required, props.requiredClassName) || void 0,
-    tag: cn(legacy.tag, props.tagClassName) || void 0
+    root: cn(themeClasses == null ? void 0 : themeClasses.root, variantThemeClasses == null ? void 0 : variantThemeClasses.root, legacy.root, props.className) || void 0,
+    labelRow: cn(themeClasses == null ? void 0 : themeClasses.labelRow, variantThemeClasses == null ? void 0 : variantThemeClasses.labelRow, legacy.labelRow, props.labelRowClassName) || void 0,
+    inlineRow: cn(themeClasses == null ? void 0 : themeClasses.inlineRow, variantThemeClasses == null ? void 0 : variantThemeClasses.inlineRow, legacy.inlineRow, props.inlineRowClassName) || void 0,
+    label: cn(themeClasses == null ? void 0 : themeClasses.label, variantThemeClasses == null ? void 0 : variantThemeClasses.label, legacy.label, props.labelClassName) || void 0,
+    sublabel: cn(themeClasses == null ? void 0 : themeClasses.sublabel, variantThemeClasses == null ? void 0 : variantThemeClasses.sublabel, legacy.sublabel, props.sublabelClassName) || void 0,
+    description: cn(themeClasses == null ? void 0 : themeClasses.description, variantThemeClasses == null ? void 0 : variantThemeClasses.description, legacy.description, props.descriptionClassName) || void 0,
+    helpText: cn(themeClasses == null ? void 0 : themeClasses.helpText, variantThemeClasses == null ? void 0 : variantThemeClasses.helpText, legacy.helpText, props.helpTextClassName) || void 0,
+    error: cn(themeClasses == null ? void 0 : themeClasses.error, variantThemeClasses == null ? void 0 : variantThemeClasses.error, legacy.error, props.errorClassName) || void 0,
+    group: cn(themeClasses == null ? void 0 : themeClasses.group, variantThemeClasses == null ? void 0 : variantThemeClasses.group, legacy.group, props.groupClassName) || void 0,
+    content: cn(themeClasses == null ? void 0 : themeClasses.content, variantThemeClasses == null ? void 0 : variantThemeClasses.content, legacy.content, props.contentClassName) || void 0,
+    variant: cn(themeClasses == null ? void 0 : themeClasses.variant, variantThemeClasses == null ? void 0 : variantThemeClasses.variant, legacy.variant, props.variantClassName) || void 0,
+    inlineInputColumn: cn(themeClasses == null ? void 0 : themeClasses.inlineInputColumn, variantThemeClasses == null ? void 0 : variantThemeClasses.inlineInputColumn, legacy.inlineInputColumn, props.inlineInputColumnClassName) || void 0,
+    inlineLabelColumn: cn(themeClasses == null ? void 0 : themeClasses.inlineLabelColumn, variantThemeClasses == null ? void 0 : variantThemeClasses.inlineLabelColumn, legacy.inlineLabelColumn, props.inlineLabelColumnClassName) || void 0,
+    required: cn(themeClasses == null ? void 0 : themeClasses.required, variantThemeClasses == null ? void 0 : variantThemeClasses.required, legacy.required, props.requiredClassName) || void 0,
+    tag: cn(themeClasses == null ? void 0 : themeClasses.tag, variantThemeClasses == null ? void 0 : variantThemeClasses.tag, legacy.tag, props.tagClassName) || void 0
   };
 }
+function mergeStyles(propsStyles, themeStyles, variantThemeStyles) {
+  const keys = [
+    "root",
+    "labelRow",
+    "inlineRow",
+    "label",
+    "sublabel",
+    "description",
+    "helpText",
+    "error",
+    "group",
+    "content",
+    "variant",
+    "inlineInputColumn",
+    "inlineLabelColumn",
+    "required",
+    "tag"
+  ];
+  const result = {};
+  for (const key of keys) {
+    const s3 = {
+      ...themeStyles == null ? void 0 : themeStyles[key],
+      ...variantThemeStyles == null ? void 0 : variantThemeStyles[key],
+      ...propsStyles == null ? void 0 : propsStyles[key]
+    };
+    if (Object.keys(s3).length > 0) {
+      result[key] = s3;
+    }
+  }
+  return result;
+}
 function InputField(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const theme = usePaletteTheme();
+  const mergedProps = {
+    ...theme.defaultProps,
+    ...props.variant ? (_b = (_a = theme.variants) == null ? void 0 : _a[props.variant]) == null ? void 0 : _b.defaultProps : void 0,
+    ...props
+  };
   const {
     variant,
     onSubmit,
@@ -32855,7 +33092,7 @@ function InputField(props) {
     classes: _depreciated,
     // Everything else → forwarded to variant
     ...rest
-  } = props;
+  } = mergedProps;
   const module2 = getVariant(variant);
   if (!module2) {
     {
@@ -32867,8 +33104,13 @@ function InputField(props) {
     }
     return null;
   }
-  const classes = getClasses(props);
-  const layout = React74.useMemo(() => {
+  const themeClasses = theme.classes;
+  const themeVariantClasses = variant ? (_d = (_c = theme.variants) == null ? void 0 : _c[variant]) == null ? void 0 : _d.classes : void 0;
+  const classes = getClasses(mergedProps, themeClasses, themeVariantClasses);
+  const themeStyles = theme.styles;
+  const themeVariantStyles = variant ? (_f = (_e = theme.variants) == null ? void 0 : _e[variant]) == null ? void 0 : _f.styles : void 0;
+  const mergedStyles = mergeStyles(mergedProps.styles, themeStyles, themeVariantStyles);
+  const layout = React76.useMemo(() => {
     var _a2;
     const defaultsLayout = (_a2 = module2.defaults) == null ? void 0 : _a2.layout;
     const overrides = {};
@@ -32899,7 +33141,7 @@ function InputField(props) {
     return resolveLayoutForField(
       defaultsLayout,
       overrides,
-      props,
+      mergedProps,
       module2.resolveLayout
     );
   }, [
@@ -32912,11 +33154,11 @@ function InputField(props) {
     tagPlacement,
     inline,
     fullWidth,
-    props
+    mergedProps
   ]);
-  const effectiveSize = (_c = size != null ? size : (_b = (_a = module2.defaults) == null ? void 0 : _a.layout) == null ? void 0 : _b.defaultSize) != null ? _c : void 0;
-  const effectiveDensity = (_f = density != null ? density : (_e = (_d = module2.defaults) == null ? void 0 : _d.layout) == null ? void 0 : _e.defaultDensity) != null ? _f : void 0;
-  const validate = React74.useCallback(
+  const effectiveSize = (_i = size != null ? size : (_h = (_g = module2.defaults) == null ? void 0 : _g.layout) == null ? void 0 : _h.defaultSize) != null ? _i : void 0;
+  const effectiveDensity = (_l = density != null ? density : (_k = (_j = module2.defaults) == null ? void 0 : _j.layout) == null ? void 0 : _k.defaultDensity) != null ? _l : void 0;
+  const validate = React76.useCallback(
     (value2, field2, form, _report) => {
       var _a2;
       const messages = [];
@@ -32956,7 +33198,7 @@ function InputField(props) {
   const { value: fieldValue, setValue, error, ref, key } = field;
   const Variant = module2.Variant;
   const visualError = (errorText != null ? errorText : error) || "";
-  const handleValueChange = React74.useCallback(
+  const handleValueChange = React76.useCallback(
     (next, detail) => {
       let finalValue = next;
       let defaultPrevented = false;
@@ -33005,7 +33247,7 @@ function InputField(props) {
     hostVariantClass,
     classes == null ? void 0 : classes.variant
   ) || void 0;
-  const tagsContent = React74.useMemo(() => {
+  const tagsContent = React76.useMemo(() => {
     const items = tags != null ? tags : [];
     if (!items.length) return null;
     return /* @__PURE__ */ jsx(Fragment, { children: items.map((tag, index) => /* @__PURE__ */ jsxs(
@@ -33029,7 +33271,7 @@ function InputField(props) {
       index
     )) });
   }, [tags, classes == null ? void 0 : classes.tag]);
-  const graph = React74.useMemo(
+  const graph = React76.useMemo(
     () => buildLayoutGraph({
       layout,
       sublabel,
@@ -33073,15 +33315,15 @@ function InputField(props) {
     "[container-type:normal]",
     "[container-name:none]",
     classes == null ? void 0 : classes.group
-  ) : (_g = classes == null ? void 0 : classes.group) != null ? _g : void 0;
+  ) : (_m = classes == null ? void 0 : classes.group) != null ? _m : void 0;
   const inlineFieldContentClass = isCompactInline ? cn("flex-none w-auto", classes == null ? void 0 : classes.content) : cn("w-full", classes == null ? void 0 : classes.content);
-  const inlineInputColumn = /* @__PURE__ */ jsxs("div", { className: inlineInputColClass, children: [
+  const inlineInputColumn = /* @__PURE__ */ jsxs("div", { className: inlineInputColClass, style: mergedStyles.inlineInputColumn, children: [
     graph.getSlotsFor("input", "above").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("input", slot, classes)
+        (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
       )
     ),
-    /* @__PURE__ */ jsx(FieldGroup, { className: inlineFieldGroupClass, children: /* @__PURE__ */ jsx(FieldContent, { className: inlineFieldContentClass, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(FieldGroup, { className: inlineFieldGroupClass, style: mergedStyles.group, children: /* @__PURE__ */ jsx(FieldContent, { className: inlineFieldContentClass, style: mergedStyles.content, children: /* @__PURE__ */ jsx(
       Variant,
       {
         ...rest,
@@ -33095,19 +33337,20 @@ function InputField(props) {
         readOnly: readOnlyProp,
         size: effectiveSize,
         density: effectiveDensity,
-        className: mergedVariantClass
+        className: mergedVariantClass,
+        style: { ...mergedStyles.variant, ...rest.style }
       }
     ) }) }),
     graph.getSlotsFor("input", "below").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("input", slot, classes)
+        (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
       )
     )
   ] });
-  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-0", inlineLabelColClass), children: [
+  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-0", inlineLabelColClass), style: mergedStyles.inlineLabelColumn, children: [
     graph.getSlotsFor("label", "above").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("label", slot, classes)
+        (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
       )
     ),
     hasLabelRowContent && /* @__PURE__ */ jsxs(
@@ -33117,10 +33360,11 @@ function InputField(props) {
           "flex items-baseline justify-between gap-1",
           classes == null ? void 0 : classes.labelRow
         ),
+        style: mergedStyles.labelRow,
         "data-slot": "label-row",
         children: [
           graph.getSlotsFor("label", "left").render((slots) => /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
-            (slot) => renderHelperSlot("label", slot, classes)
+            (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
           ) })),
           label && /* @__PURE__ */ jsx(
             FieldLabel,
@@ -33130,6 +33374,7 @@ function InputField(props) {
                 "text-sm font-medium text-foreground",
                 classes == null ? void 0 : classes.label
               ),
+              style: mergedStyles.label,
               children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                 label,
                 " ",
@@ -33140,6 +33385,7 @@ function InputField(props) {
                       "text-destructive",
                       classes == null ? void 0 : classes.required
                     ),
+                    style: mergedStyles.required,
                     children: "*"
                   }
                 ) : ""
@@ -33147,14 +33393,14 @@ function InputField(props) {
             }
           ),
           graph.getSlotsFor("label", "right").render((slots) => /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
-            (slot) => renderHelperSlot("label", slot, classes)
+            (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
           ) }))
         ]
       }
     ),
     graph.getSlotsFor("label", "below").render(
       (slots) => slots.map(
-        (slot) => renderHelperSlot("label", slot, classes)
+        (slot) => renderHelperSlot("label", slot, classes, mergedStyles)
       )
     )
   ] });
@@ -33168,14 +33414,14 @@ function InputField(props) {
     hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",
     classes == null ? void 0 : classes.group
   );
-  const Element = contain ? "div" : React74.Fragment;
+  const Element = contain ? "div" : React76.Fragment;
   const attrs = (a3 = "l") => contain ? a3 === "l" ? { className: "p-4 border-b border-input" } : { className: "px-4 pt-2 pb-4" } : {};
   return /* @__PURE__ */ jsx(
     Field,
     {
       className: rootClassName,
       ref,
-      style,
+      style: { ...mergedStyles.root, ...style },
       "data-variant": String(variant),
       "data-label-placement": lp != null ? lp : void 0,
       "data-sublabel-placement": sp != null ? sp : void 0,
@@ -33187,7 +33433,7 @@ function InputField(props) {
       "data-fullwidth": layout.fullWidth ? "true" : "false",
       children: isInline ? (
         // INLINE MODE: label + control on the same row
-        /* @__PURE__ */ jsx("div", { className: inlineRowClassName, "data-slot": "inline-row", children: inlineLabelSide === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: inlineRowClassName, style: mergedStyles.inlineRow, "data-slot": "inline-row", children: inlineLabelSide === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
           inlineInputColumn,
           inlineLabelColumn
         ] }) : inlineLabelSide === "hidden" ? /* @__PURE__ */ jsx(Fragment, { children: inlineInputColumn }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -33203,7 +33449,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             ),
@@ -33214,13 +33461,15 @@ function InputField(props) {
                   "flex items-baseline justify-between gap-1",
                   classes == null ? void 0 : classes.labelRow
                 ),
+                style: mergedStyles.labelRow,
                 "data-slot": "label-row",
                 children: [
                   graph.getSlotsFor("label", "left").render((slots) => /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-1", children: slots.map(
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) })),
                   label && /* @__PURE__ */ jsx(
@@ -33231,6 +33480,7 @@ function InputField(props) {
                         "text-sm font-medium text-foreground",
                         classes == null ? void 0 : classes.label
                       ),
+                      style: mergedStyles.label,
                       children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                         label,
                         " ",
@@ -33241,6 +33491,7 @@ function InputField(props) {
                               "text-destructive",
                               classes == null ? void 0 : classes.required
                             ),
+                            style: mergedStyles.required,
                             children: "*"
                           }
                         ) : ""
@@ -33251,7 +33502,8 @@ function InputField(props) {
                     (slot) => renderHelperSlot(
                       "label",
                       slot,
-                      classes
+                      classes,
+                      mergedStyles
                     )
                   ) }))
                 ]
@@ -33262,7 +33514,8 @@ function InputField(props) {
                 (slot) => renderHelperSlot(
                   "label",
                   slot,
-                  classes
+                  classes,
+                  mergedStyles
                 )
               )
             )
@@ -33270,13 +33523,14 @@ function InputField(props) {
           /* @__PURE__ */ jsxs(Element, { ...attrs("i"), children: [
             graph.getSlotsFor("input", "above").render(
               (slots) => slots.map(
-                (slot) => renderHelperSlot("input", slot, classes)
+                (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
               )
             ),
-            /* @__PURE__ */ jsx(FieldGroup, { className: stackedGroupClassName, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FieldGroup, { className: stackedGroupClassName, style: mergedStyles.group, children: /* @__PURE__ */ jsx(
               FieldContent,
               {
                 className: cn("w-full", classes == null ? void 0 : classes.content),
+                style: mergedStyles.content,
                 children: /* @__PURE__ */ jsx(
                   Variant,
                   {
@@ -33291,14 +33545,15 @@ function InputField(props) {
                     readOnly: readOnlyProp,
                     size: effectiveSize,
                     density: effectiveDensity,
-                    className: mergedVariantClass
+                    className: mergedVariantClass,
+                    style: { ...mergedStyles.variant, ...rest.style }
                   }
                 )
               }
             ) }),
             graph.getSlotsFor("input", "below").render(
               (slots) => slots.map(
-                (slot) => renderHelperSlot("input", slot, classes)
+                (slot) => renderHelperSlot("input", slot, classes, mergedStyles)
               )
             )
           ] })
@@ -33337,14 +33592,14 @@ function ListerFiltersButton(props) {
   const hasFilters = options.length > 0;
   if (!hasFilters) return null;
   const ctx = actions.getFilterCtx(id);
-  const [openGroups, setOpenGroups] = React74.useState(
+  const [openGroups, setOpenGroups] = React76.useState(
     {}
   );
   const toggleGroup = (key) => {
     setOpenGroups((m2) => ({ ...m2, [key]: !m2[key] }));
   };
   const selectedIds = asArray(session == null ? void 0 : session.selectedFilterValues);
-  const appliedCount = React74.useMemo(() => {
+  const appliedCount = React76.useMemo(() => {
     var _a2;
     const patch = (_a2 = session == null ? void 0 : session.filtersPatch) != null ? _a2 : {};
     return Object.keys(patch).length;
@@ -33860,8 +34115,8 @@ function computeDefaultPos(idx) {
   return { x: x2, y: y2 };
 }
 function usePortalRoot(id = "__timeax_lister_ui__") {
-  const [el, setEl] = React74.useState(null);
-  React74.useEffect(() => {
+  const [el, setEl] = React76.useState(null);
+  React76.useEffect(() => {
     if (typeof document === "undefined") return;
     const existing = document.getElementById(id);
     const node = existing != null ? existing : document.createElement("div");
@@ -33878,7 +34133,7 @@ function usePortalRoot(id = "__timeax_lister_ui__") {
 }
 function ListerUI() {
   const { state } = useLister();
-  const positionsRef = React74.useRef(
+  const positionsRef = React76.useRef(
     /* @__PURE__ */ new Map()
   );
   const portalRoot = usePortalRoot();
@@ -33905,14 +34160,14 @@ function ListerSessionPanel(props) {
   const idx = Math.max(0, state.order.indexOf(id));
   const isActive = state.activeId === id;
   const draggable = (session == null ? void 0 : session.draggable) !== false;
-  const nodeRef = React74.useRef(null);
-  const [defaultPos] = React74.useState(() => {
+  const nodeRef = React76.useRef(null);
+  const [defaultPos] = React76.useState(() => {
     const saved = positionsRef.current.get(id);
     if (saved) return saved;
     const p2 = session == null ? void 0 : session.position;
     return p2 && typeof p2.x === "number" && typeof p2.y === "number" ? { x: p2.x, y: p2.y } : computeDefaultPos(idx);
   });
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!positionsRef.current.has(id)) {
       positionsRef.current.set(id, defaultPos);
     }
@@ -34003,13 +34258,13 @@ function ListerSessionPanel(props) {
 }
 function useLister() {
   const runtime = useListerRuntime();
-  const [state, setState] = React74.useState(runtime.getState());
-  React74.useEffect(() => {
+  const [state, setState] = React76.useState(runtime.getState());
+  React76.useEffect(() => {
     return runtime.subscribe(() => {
       setState(runtime.getState());
     });
   }, [runtime]);
-  return React74.useMemo(
+  return React76.useMemo(
     () => ({
       api: runtime.api,
       actions: runtime.actions,
@@ -34066,43 +34321,43 @@ function useData(opts, deps = []) {
   const enabled = (_a = opts.enabled) != null ? _a : true;
   const debounceMs = (_b = opts.debounceMs) != null ? _b : 300;
   const http = (_c = opts.http) != null ? _c : defaultHttpClient;
-  const [data, setData] = React74.useState(() => {
+  const [data, setData] = React76.useState(() => {
     var _a2;
     return (_a2 = opts.initial) != null ? _a2 : [];
   });
-  const [res, setRes] = React74.useState();
-  const [loading, setLoading] = React74.useState(false);
-  const [error, setError] = React74.useState(void 0);
-  const dataRef = React74.useRef(data);
-  React74.useEffect(() => {
+  const [res, setRes] = React76.useState();
+  const [loading, setLoading] = React76.useState(false);
+  const [error, setError] = React76.useState(void 0);
+  const dataRef = React76.useRef(data);
+  React76.useEffect(() => {
     dataRef.current = data;
   }, [data]);
-  const [query, _setQuery] = React74.useState("");
-  const [searchMode, _setSearchMode] = React74.useState(
+  const [query, _setQuery] = React76.useState("");
+  const [searchMode, _setSearchMode] = React76.useState(
     (_d = opts.searchMode) != null ? _d : "remote"
   );
-  const [searchTarget, _setSearchTarget] = React74.useState(() => defaultSearchTarget(opts.search));
-  const [filters, _setFilters] = React74.useState(
+  const [searchTarget, _setSearchTarget] = React76.useState(() => defaultSearchTarget(opts.search));
+  const [filters, _setFilters] = React76.useState(
     opts.filters
   );
-  const inflight = React74.useMemo(
+  const inflight = React76.useMemo(
     () => createInFlight(debounceMs),
     [debounceMs]
   );
-  const inflightKeyRef = React74.useRef(
+  const inflightKeyRef = React76.useRef(
     (_e = opts.id) != null ? _e : createRuntimeKey("data")
   );
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (opts.id) inflightKeyRef.current = opts.id;
   }, [opts.id]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     return () => {
       inflight.clear(inflightKeyRef.current);
     };
   }, [inflight]);
   const selectionMode = (_g = (_f = opts.selection) == null ? void 0 : _f.mode) != null ? _g : "none";
   const selectionPrune = (_i = (_h = opts.selection) == null ? void 0 : _h.prune) != null ? _i : "never";
-  const getItemKey = React74.useMemo(() => {
+  const getItemKey = React76.useMemo(() => {
     var _a2;
     const key = (_a2 = opts.selection) == null ? void 0 : _a2.key;
     if (!key) {
@@ -34123,11 +34378,11 @@ function useData(opts, deps = []) {
       return isKey(v2) ? v2 : null;
     };
   }, [(_j = opts.selection) == null ? void 0 : _j.key]);
-  const [selectedIdsArr, setSelectedIdsArr] = React74.useState([]);
-  const selectedCacheRef = React74.useRef(/* @__PURE__ */ new Map());
-  const didMountRef = React74.useRef(false);
-  const skipNextModeEffectRef = React74.useRef(false);
-  const dataById = React74.useMemo(() => {
+  const [selectedIdsArr, setSelectedIdsArr] = React76.useState([]);
+  const selectedCacheRef = React76.useRef(/* @__PURE__ */ new Map());
+  const didMountRef = React76.useRef(false);
+  const skipNextModeEffectRef = React76.useRef(false);
+  const dataById = React76.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (selectionMode === "none") return map;
     for (const item of data) {
@@ -34137,10 +34392,10 @@ function useData(opts, deps = []) {
     }
     return map;
   }, [data, getItemKey, selectionMode]);
-  const normalizeIds = React74.useCallback((v2) => {
+  const normalizeIds = React76.useCallback((v2) => {
     return Array.isArray(v2) ? v2 : [v2];
   }, []);
-  const commitSelectedCache = React74.useCallback(
+  const commitSelectedCache = React76.useCallback(
     (list) => {
       if (selectionMode === "none") return;
       for (const item of list) {
@@ -34151,7 +34406,7 @@ function useData(opts, deps = []) {
     },
     [getItemKey, selectionMode]
   );
-  const fetchImpl = React74.useCallback(
+  const fetchImpl = React76.useCallback(
     async (override2) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       if (!enabled) return dataRef.current;
@@ -34234,14 +34489,14 @@ function useData(opts, deps = []) {
       getItemKey
     ]
   );
-  const refresh = React74.useCallback(async () => {
+  const refresh = React76.useCallback(async () => {
     return fetchImpl();
   }, [fetchImpl]);
-  const override = React74.useCallback((newData) => {
+  const override = React76.useCallback((newData) => {
     setData(newData);
   }, []);
-  const setQuery = React74.useCallback((q2) => _setQuery(q2), []);
-  const setSearchMode = React74.useCallback(
+  const setQuery = React76.useCallback((q2) => _setQuery(q2), []);
+  const setSearchMode = React76.useCallback(
     (m2) => {
       inflight.abort(inflightKeyRef.current);
       if (m2 === "remote" || m2 === "hybrid") {
@@ -34260,27 +34515,27 @@ function useData(opts, deps = []) {
     },
     [fetchImpl, inflight]
   );
-  const setSearchTarget = React74.useCallback((t4) => {
+  const setSearchTarget = React76.useCallback((t4) => {
     _setSearchTarget(t4);
   }, []);
-  const setFilters = React74.useCallback(
+  const setFilters = React76.useCallback(
     (next) => _setFilters(next),
     []
   );
-  const patchFilters = React74.useCallback((patch) => {
+  const patchFilters = React76.useCallback((patch) => {
     _setFilters((prev) => ({
       ...prev != null ? prev : {},
       ...patch
     }));
   }, []);
-  const clearFilters = React74.useCallback(() => _setFilters(void 0), []);
+  const clearFilters = React76.useCallback(() => _setFilters(void 0), []);
   const fetchOnMount = (_k = opts.fetchOnMount) != null ? _k : !opts.initial;
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!enabled) return;
     if (!fetchOnMount) return;
     void fetchImpl();
   }, deps);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!enabled) return;
     if (!didMountRef.current) {
       didMountRef.current = true;
@@ -34299,14 +34554,14 @@ function useData(opts, deps = []) {
       inflight.abort(key);
     };
   }, [enabled, fetchImpl, inflight, query, searchMode, searchTarget]);
-  React74.useEffect(() => {
+  React76.useEffect(() => {
     if (!enabled) return;
     if (opts.autoFetchOnFilterChange === false) return;
     if (!didMountRef.current) return;
     if (searchMode !== "remote" && searchMode !== "hybrid") return;
     void fetchImpl();
   }, [enabled, fetchImpl, filters, opts.autoFetchOnFilterChange, searchMode]);
-  const visible = React74.useMemo(() => {
+  const visible = React76.useMemo(() => {
     if (searchMode !== "local" && searchMode !== "hybrid") return data;
     const payload = buildSearchPayloadFromTarget(searchTarget);
     let list = data;
@@ -34333,24 +34588,24 @@ function useData(opts, deps = []) {
       (item) => stringifyForSearch(item).toLowerCase().includes(ql)
     );
   }, [data, getItemKey, query, searchMode, searchTarget]);
-  const selectedIds = React74.useMemo(() => {
+  const selectedIds = React76.useMemo(() => {
     var _a2;
     if (selectionMode === "none") return null;
     if (selectionMode === "single") return (_a2 = selectedIdsArr[0]) != null ? _a2 : null;
     return selectedIdsArr;
   }, [selectionMode, selectedIdsArr]);
-  const isSelected = React74.useCallback(
+  const isSelected = React76.useCallback(
     (id) => {
       if (selectionMode === "none") return false;
       return selectedIdsArr.includes(id);
     },
     [selectedIdsArr, selectionMode]
   );
-  const clearSelection = React74.useCallback(() => {
+  const clearSelection = React76.useCallback(() => {
     if (selectionMode === "none") return;
     setSelectedIdsArr([]);
   }, [selectionMode]);
-  const select = React74.useCallback(
+  const select = React76.useCallback(
     (idOrIds) => {
       if (selectionMode === "none") return;
       const ids = normalizeIds(idOrIds).filter(isKey);
@@ -34367,7 +34622,7 @@ function useData(opts, deps = []) {
     },
     [dataById, normalizeIds, selectionMode]
   );
-  const deselect = React74.useCallback(
+  const deselect = React76.useCallback(
     (idOrIds) => {
       if (selectionMode === "none") return;
       const ids = new Set(normalizeIds(idOrIds).filter(isKey));
@@ -34380,7 +34635,7 @@ function useData(opts, deps = []) {
     },
     [normalizeIds, selectionMode]
   );
-  const toggle = React74.useCallback(
+  const toggle = React76.useCallback(
     (id) => {
       if (selectionMode === "none") return;
       const hit = dataById.get(id);
@@ -34398,7 +34653,7 @@ function useData(opts, deps = []) {
     },
     [dataById, selectionMode]
   );
-  const selected = React74.useMemo(() => {
+  const selected = React76.useMemo(() => {
     var _a2, _b2, _c2, _d2;
     if (selectionMode === "none") return null;
     if (selectionMode === "single") {
@@ -34413,8 +34668,8 @@ function useData(opts, deps = []) {
     }
     return out;
   }, [dataById, selectedIdsArr, selectionMode]);
-  const getSelection = React74.useCallback(() => selected, [selected]);
-  React74.useEffect(() => {
+  const getSelection = React76.useCallback(() => selected, [selected]);
+  React76.useEffect(() => {
     if (selectionMode === "none") {
       setSelectedIdsArr([]);
       return;