impact-nova 2.1.0-alpha.5 → 2.1.0-alpha.7

package/dist/components/forms/select/select.js

@@ -1,5 +1,5 @@
-import { jsx as u, jsxs as ee } from "react/jsx-runtime";
-import F, { useState as M, useRef as S } from "react";
+import { jsx as u, jsxs as Z } from "react/jsx-runtime";
+import ee, { useState as x, useRef as S } from "react";
 import * as te from "@radix-ui/react-popover";
 import { useVirtualizer as ut } from "@tanstack/react-virtual";
 import { SelectMenuFooter as dt } from "./components/SelectMenuFooter.js";
@@ -11,24 +11,25 @@ import { cn as le } from "../../../lib/utils.js";
 import { useFieldChrome as ht } from "../../../lib/primitives/use-field-chrome.js";
 import { isOptionArray as gt, getSequence as bt } from "./utils/select.js";
 import { useImpactNovaI18n as Ot } from "../../../i18n/use-impact-nova-i18n.js";
-import { useFlattenOptions as Ct } from "./hooks/useFlattenOptions.js";
-import { useSelectKeyboardHandlers as Mt } from "./hooks/useSelectKeyboardHandlers.js";
+import { useFlattenOptions as Mt } from "./hooks/useFlattenOptions.js";
+import { useSelectKeyboardHandlers as Ct } from "./hooks/useSelectKeyboardHandlers.js";
+import { useSelectValueState as It } from "./hooks/useSelectValueState.js";
 import { useSelectMenuHeight as Vt } from "./hooks/useSelectMenuHeight.js";
 import { useSelectMenuScroll as vt } from "./hooks/useSelectMenuScroll.js";
-import { useSelectOpenEffects as It } from "./hooks/useSelectOpenEffects.js";
-import { useSelectOutsideScrollLock as Lt } from "./hooks/useSelectOutsideScrollLock.js";
-import { useSelectSearchFocus as xt } from "./hooks/useSelectSearchFocus.js";
-import { useSelectSelectionHandlers as At } from "./hooks/useSelectSelectionHandlers.js";
-import { useSelectionModel as yt } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as Rt } from "./hooks/useVisibleStats.js";
-import { SELECT_ALL_INDEX as Pt } from "./select.constants.js";
-import { getSelectableOptionIndices as wt } from "./utils/getSelectableOptionIndices.js";
-const Et = (oe) => {
+import { useSelectOpenEffects as Lt } from "./hooks/useSelectOpenEffects.js";
+import { useSelectOutsideScrollLock as xt } from "./hooks/useSelectOutsideScrollLock.js";
+import { useSelectSearchFocus as At } from "./hooks/useSelectSearchFocus.js";
+import { useSelectSelectionHandlers as yt } from "./hooks/useSelectSelectionHandlers.js";
+import { useSelectionModel as Rt } from "./hooks/useSelectionModel.js";
+import { useVisibleStats as Pt } from "./hooks/useVisibleStats.js";
+import { SELECT_ALL_INDEX as wt } from "./select.constants.js";
+import { getSelectableOptionIndices as Et } from "./utils/getSelectableOptionIndices.js";
+const qt = (oe) => {
   const {
-    options: V,
-    value: T,
-    defaultValue: ne,
-    onChange: se,
+    options: C,
+    value: ne,
+    defaultValue: se,
+    onChange: F,
     isMulti: re,
     multiple: ie,
     isDisabled: ae,
@@ -38,36 +39,36 @@ const Et = (oe) => {
     isSearchable: h = !0,
     placeholder: de,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: qt,
+    menuPortalTarget: Dt,
     autoFocus: me,
     closeMenuOnSelect: fe,
     defaultMenuIsOpen: pe = !1,
     scrollToSelectedOnOpen: Se = !1,
     maxSelectableOptions: g,
-    showSequence: N,
+    showSequence: T,
     selectionOrder: he,
     label: d,
     required: ge,
     isRequired: be,
     error: Oe,
-    helperText: Ce,
-    helperTextPosition: Me = "absolute",
+    helperText: Me,
+    helperTextPosition: Ce = "absolute",
     id: m,
-    className: Ve,
-    parentClassName: ve,
-    onMenuScrollToBottom: Ie,
+    className: Ie,
+    parentClassName: Ve,
+    onMenuScrollToBottom: ve,
     totalCount: Le,
     name: xe,
     isSelectAllEnabled: A = !0,
-    isReadOnly: s = !1,
+    isReadOnly: n = !1,
     searchPosition: b = "menu",
-    footerContent: H,
+    footerContent: N,
     onInputChange: Ae,
-    getOptionLabel: K,
+    getOptionLabel: H,
     renderOption: ye,
     onMenuOpen: Re,
-    onMenuClose: z,
-    labelOrientation: B = "top",
+    onMenuClose: B,
+    labelOrientation: K = "top",
     size: Pe = "default",
     leftContent: we,
     ignoreCase: Ee,
@@ -76,175 +77,179 @@ const Et = (oe) => {
     stringify: Fe,
     trim: Te,
     filterOption: Ne,
-    enableSubMenus: v = !1,
+    enableSubMenus: I = !1,
     enableGroups: y = !1,
     enableInvertedSelection: He,
-    fetchError: I,
-    onRefetch: Ke,
-    menuWidth: ze,
-    onClearAll: Be,
+    fetchError: V,
+    onRefetch: Be,
+    menuWidth: Ke,
+    onClearAll: ze,
     onFocus: $e,
     onBlur: _e
-  } = oe, t = ie ?? re ?? !1, i = ce ?? ae ?? !1, ke = ge ?? be ?? !1, je = fe ?? !t, { t: O } = Ot(), R = de ?? O("select.placeholder"), [l, $] = M(pe), [f, L] = M(""), P = T !== void 0, [Ge, Ue] = M(
-    ne ?? (t ? [] : null)
-  ), o = P ? T : Ge, We = F.useCallback(
-    (e) => {
-      P || Ue(e);
-    },
-    [P]
-  ), [Xe, _] = M(null), [a, k] = M(-1), j = S(!1), Je = F.useId(), p = m ?? Je, G = `${p}-listbox`, Qe = l && a >= 0 ? a === Pt ? `${p}-option-select-all` : `${p}-option-${a}` : void 0, U = S(null), w = S(null), Ye = S(null), E = S(null), q = S(null);
-  xt(l, h, b, q);
-  const { flatOptions: n, isProcessing: c, totalOptionsCount: W, workerSelectAll: Ze } = Ct(V, f, {
+  } = oe, t = ie ?? re ?? !1, i = ce ?? ae ?? !1, je = ge ?? be ?? !1, ke = fe ?? !t, { t: O } = Ot(), R = de ?? O("select.placeholder"), [l, z] = x(pe), [f, v] = x(""), {
+    usesMenuSession: Ge,
+    currentValue: s,
+    setCurrentValue: We,
+    beginMenuSession: Xe,
+    endMenuSession: Je
+  } = It({
+    value: ne,
+    defaultValue: se,
+    isMulti: !!t,
+    onChange: F
+  }), [Qe, $] = x(null), [a, _] = x(-1), j = S(!1), Ue = ee.useId(), p = m ?? Ue, k = `${p}-listbox`, Ye = l && a >= 0 ? a === wt ? `${p}-option-select-all` : `${p}-option-${a}` : void 0, G = S(null), P = S(null), Ze = S(null), w = S(null), E = S(null);
+  At(l, h, b, E);
+  const { flatOptions: o, isProcessing: c, totalOptionsCount: W, workerSelectAll: et } = Mt(C, f, {
     ignoreCase: Ee,
     ignoreAccents: qe,
     matchFrom: De,
     stringify: Fe,
     trim: Te,
     filterOption: Ne,
-    enableSubMenus: v,
+    enableSubMenus: I,
     enableGroups: y
-  }), et = Vt(
+  }), tt = Vt(
     l,
     !!r,
     c,
-    w
-  ), C = yt(o, t ?? !1), { stats: X, getGroupStats: tt } = Rt(
-    n,
+    P
+  ), M = Rt(s, t ?? !1), { stats: X, getGroupStats: lt } = Pt(
+    o,
     W,
     f,
-    C,
-    o,
+    M,
+    s,
     t ?? !1
-  ), x = ut({
-    count: n.length,
-    getScrollElement: () => E.current,
+  ), L = ut({
+    count: o.length,
+    getScrollElement: () => w.current,
     estimateSize: () => 34,
     overscan: 5
   });
-  It({
+  Lt({
     isOpen: l,
     isSearchable: h,
     searchPosition: b,
-    isReadOnly: s,
+    isReadOnly: n,
     isLoading: r,
     isProcessing: c,
-    fetchError: I,
+    fetchError: V,
     isMulti: t,
     isSelectAllEnabled: A,
-    flatOptions: n,
+    flatOptions: o,
     searchValue: f,
     highlightedIndex: a,
-    setHighlightedIndex: k,
+    setHighlightedIndex: _,
     openedViaKeyboardRef: j,
     scrollToSelectedOnOpen: Se,
-    selectionModel: C,
-    internalValue: o,
-    rowVirtualizer: x
+    selectionModel: M,
+    internalValue: s,
+    rowVirtualizer: L
   }), vt({
     isOpen: l,
     isLoading: r,
     isProcessing: c,
-    flatOptions: n,
-    listRef: E,
-    rowVirtualizer: x,
-    onMenuScrollToBottom: Ie
+    flatOptions: o,
+    listRef: w,
+    rowVirtualizer: L,
+    onMenuScrollToBottom: ve
   });
-  const D = (e) => {
+  const q = (e) => {
     if (!(i && e))
-      if ($(e), e)
-        Re?.();
+      if (z(e), e)
+        Xe(), Re?.();
       else {
-        const it = o, at = t && gt(o) ? o.map((ct) => ct.value) : void 0;
-        z?.(it, at), L(""), _(null);
+        const D = Ge ? Je() : s, at = t && gt(D) ? D.map((ct) => ct.value) : void 0;
+        B?.(D, at), v(""), $(null);
       }
   };
-  Lt(l, w), F.useEffect(() => {
+  xt(l, P), ee.useEffect(() => {
   }, [l]);
-  const J = (e) => K ? K(e) : e.label, { handleSelect: Q, handleSelectAll: Y, clearValue: lt } = At({
+  const J = (e) => H ? H(e) : e.label, { handleSelect: Q, handleSelectAll: U, clearValue: ot } = yt({
     isMulti: t,
     isDisabled: i,
-    isReadOnly: s,
-    internalValue: o,
+    isReadOnly: n,
+    internalValue: s,
     setInternalValue: We,
-    onChange: se,
-    onMenuClose: z,
-    onClearAll: Be,
-    enableSubMenus: v,
+    onChange: F,
+    onMenuClose: B,
+    onClearAll: ze,
+    enableSubMenus: I,
     enableGroups: y,
     enableInvertedSelection: He,
     maxSelectableOptions: g,
-    closeMenuOnSelect: je,
-    options: V,
-    flatOptions: n,
+    closeMenuOnSelect: ke,
+    options: C,
+    flatOptions: o,
     searchValue: f,
-    selectionModel: C,
+    selectionModel: M,
     visibleStats: X,
-    workerSelectAll: Ze,
-    setIsOpen: $,
-    setSearchValue: L
-  }), ot = (e) => bt(
+    workerSelectAll: et,
+    setIsOpen: z,
+    setSearchValue: v
+  }), nt = (e) => bt(
     e,
-    N ?? !1,
+    T ?? !1,
     t ?? !1,
     he,
-    o
-  ), nt = () => wt({
+    s
+  ), st = () => Et({
     isLoading: !!r,
     isProcessing: c,
-    fetchError: I,
+    fetchError: V,
     isMulti: t,
     isSelectAllEnabled: A,
-    isReadOnly: s,
-    flatOptions: n,
-    enableSubMenus: v
-  }), { handleTriggerKeyDown: st, handleSearchKeyDown: rt } = Mt({
+    isReadOnly: n,
+    flatOptions: o,
+    enableSubMenus: I
+  }), { handleTriggerKeyDown: rt, handleSearchKeyDown: it } = Ct({
     isDisabled: i,
-    isReadOnly: s,
+    isReadOnly: n,
     isOpen: l,
     isSearchable: h,
     searchPosition: b,
-    getSelectableIndices: nt,
+    getSelectableIndices: st,
     highlightedIndex: a,
-    setHighlightedIndex: k,
-    flatOptions: n,
-    rowVirtualizer: x,
-    handleOpenChange: D,
+    setHighlightedIndex: _,
+    flatOptions: o,
+    rowVirtualizer: L,
+    handleOpenChange: q,
     handleSelect: Q,
-    handleSelectAll: Y,
+    handleSelectAll: U,
     openedViaKeyboardRef: j,
-    searchInputRef: q,
-    triggerRef: U
-  }), Z = ht({
+    searchInputRef: E,
+    triggerRef: G
+  }), Y = ht({
     label: d,
-    helperText: Ce,
-    helperTextPosition: Me,
-    labelOrientation: B,
+    helperText: Me,
+    helperTextPosition: Ce,
+    labelOrientation: K,
     error: Oe,
-    required: ke,
+    required: je,
     disabled: i,
-    className: le(B === "left" && "w-fit items-center"),
-    rootClassName: ve
+    className: le(K === "left" && "w-fit items-center"),
+    rootClassName: Ve
   });
   return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": `select-${m || "default"}`,
       "data-component": "select",
-      children: Z.wrapControl(
-        /* @__PURE__ */ ee(te.Root, { open: l && !i, onOpenChange: D, modal: !1, children: [
+      children: Y.wrapControl(
+        /* @__PURE__ */ Z(te.Root, { open: l && !i, onOpenChange: q, modal: !1, children: [
           /* @__PURE__ */ u(te.Anchor, { asChild: !0, children: /* @__PURE__ */ u(
             St,
             {
-              triggerRef: U,
-              inputRef: Ye,
+              triggerRef: G,
+              inputRef: Ze,
               selectFieldId: p,
-              listboxId: G,
+              listboxId: k,
               id: m,
-              className: Ve,
+              className: Ie,
               size: Pe,
-              error: Z.hasError,
+              error: Y.hasError,
               isDisabled: i,
-              isReadOnly: s,
+              isReadOnly: n,
               isOpen: l,
               isLoading: r,
               isProcessing: c,
@@ -252,14 +257,14 @@ const Et = (oe) => {
               isSearchable: h,
               searchPosition: b,
               searchValue: f,
-              setSearchValue: L,
+              setSearchValue: v,
               autoFocus: me,
               name: xe,
               label: d,
               placeholder: R,
               leftContent: we,
-              activeDescendantId: Qe,
-              internalValue: o,
+              activeDescendantId: Ye,
+              internalValue: s,
               totalCount: Le,
               totalOptionsCount: W,
               formatSelectedCount: (e) => O("select.selectedCount", { count: e }),
@@ -267,18 +272,18 @@ const Et = (oe) => {
               isMulti: t,
               onFocus: $e,
               onBlur: _e,
-              onKeyDown: st,
-              onToggle: () => D(!l),
-              onClear: lt
+              onKeyDown: rt,
+              onToggle: () => q(!l),
+              onClear: ot
             }
           ) }),
-          /* @__PURE__ */ ee(
+          /* @__PURE__ */ Z(
             pt,
             {
-              menuRef: w,
-              menuMinHeight: et,
-              menuWidth: ze,
-              isReadOnly: s,
+              menuRef: P,
+              menuMinHeight: tt,
+              menuWidth: Ke,
+              isReadOnly: n,
               id: m,
               menuLabel: String(d || R),
               children: [
@@ -287,17 +292,17 @@ const Et = (oe) => {
                   {
                     id: m,
                     selectFieldId: p,
-                    isReadOnly: s,
+                    isReadOnly: n,
                     isDisabled: i,
                     isMulti: t,
                     isSearchable: h,
                     searchPosition: b,
-                    fetchError: I,
+                    fetchError: V,
                     isLoading: r,
                     isProcessing: c,
                     isSelectAllEnabled: A ?? !1,
-                    flatOptionsLength: n.length,
-                    searchInputRef: q,
+                    flatOptionsLength: o.length,
+                    searchInputRef: E,
                     searchValue: f,
                     searchPlaceholder: O("select.searchHere"),
                     highlightedIndex: a,
@@ -306,10 +311,10 @@ const Et = (oe) => {
                     selectAllLabel: O("select.selectAll"),
                     unselectAllLabel: O("select.unselectAll"),
                     onSearchChange: (e) => {
-                      L(e), Ae?.(e);
+                      v(e), Ae?.(e);
                     },
-                    onSearchKeyDown: rt,
-                    onSelectAll: Y
+                    onSearchKeyDown: it,
+                    onSelectAll: U
                   }
                 ),
                 /* @__PURE__ */ u(
@@ -317,39 +322,39 @@ const Et = (oe) => {
                   {
                     className: le(
                       "flex min-h-0 flex-1 flex-col overflow-hidden",
-                      !(H || g || V.length > 5e3) && "rounded-b-[12px]"
+                      !(N || g || C.length > 5e3) && "rounded-b-[12px]"
                     ),
                     children: /* @__PURE__ */ u(
                       ft,
                       {
-                        fetchError: I,
-                        onRefetch: Ke,
-                        flatOptions: n,
+                        fetchError: V,
+                        onRefetch: Be,
+                        flatOptions: o,
                         isLoading: r,
                         isProcessing: c,
                         isMulti: t,
-                        isReadOnly: s,
+                        isReadOnly: n,
                         enableGroups: y,
-                        enableSubMenus: v,
-                        showSequence: N,
+                        enableSubMenus: I,
+                        showSequence: T,
                         maxSelectableOptions: g,
-                        listRef: E,
-                        listboxId: G,
+                        listRef: w,
+                        listboxId: k,
                         listboxLabel: d ? String(d) : R,
-                        rowVirtualizer: x,
+                        rowVirtualizer: L,
                         selectFieldId: p,
                         id: m,
                         highlightedIndex: a,
-                        activeSubmenu: Xe,
-                        setActiveSubmenu: _,
-                        internalValue: o,
-                        selectionMode: C.mode,
-                        selectionSet: C.set,
+                        activeSubmenu: Qe,
+                        setActiveSubmenu: $,
+                        internalValue: s,
+                        selectionMode: M.mode,
+                        selectionSet: M.set,
                         resolveOptionLabel: J,
-                        getSequenceForOption: ot,
+                        getSequenceForOption: nt,
                         renderOption: ye,
                         onSelect: Q,
-                        getGroupStats: tt
+                        getGroupStats: lt
                       }
                     )
                   }
@@ -357,9 +362,9 @@ const Et = (oe) => {
                 /* @__PURE__ */ u(
                   dt,
                   {
-                    footerContent: H,
+                    footerContent: N,
                     maxSelectableOptions: g,
-                    optionCount: V.length
+                    optionCount: C.length
                   }
                 )
               ]
@@ -370,7 +375,7 @@ const Et = (oe) => {
     }
   );
 };
-Et.displayName = "Select";
+qt.displayName = "Select";
 export {
-  Et as Select
+  qt as Select
 };

package/dist/components/forms/select/select.types.d.ts

@@ -82,8 +82,9 @@ export interface SelectProps<OptionType extends Option = Option, IsMulti extends
     defaultValue?: PropsValue<OptionType>;
     /**
      * Callback fired when the value changes.
-     * Optional - if not provided, component will use internal state only.
-     * Use `onMenuClose` for batched updates when menu closes.
+     * Optional - if not provided, the select keeps in-menu edits locally and
+     * commits through `onMenuClose` when the menu closes (controlled mode).
+     * Use `onChange` for immediate parent updates on every selection.
      */
     onChange?: (newValue: OnChangeValue<OptionType, IsMulti>, actionMeta: ActionMeta<OptionType>) => void;
     /**

package/dist/components/forms/select/utils/select.d.ts

@@ -1,4 +1,4 @@
-import { Option, Group, MultiValue, SingleValue, InvertedSelection } from '../select.types';
+import { Option, Group, MultiValue, SingleValue, InvertedSelection, PropsValue } from '../select.types';
 export declare const cx: (...classes: (string | undefined | null | false)[]) => string;
 export declare const isInvertedSelection: <OptionType extends Option>(value: MultiValue<OptionType>) => value is InvertedSelection;
 export declare const isOptionArray: <OptionType extends Option>(value: MultiValue<OptionType>) => value is readonly OptionType[];
@@ -10,3 +10,4 @@ export declare const getSequence: <OptionType extends Option>(option: Option | {
     value: string;
 }, showSequence: boolean, isMulti: boolean, selectionOrder: string[] | undefined, internalValue: MultiValue<OptionType> | SingleValue<OptionType> | undefined) => number | undefined;
 export declare const getSelectedCount: <OptionType extends Option>(option: Option, isMulti: boolean, internalValue: MultiValue<OptionType> | OptionType | null) => number;
+export declare function cloneSelectValue<OptionType extends Option>(value: PropsValue<OptionType> | undefined | null, isMulti: boolean): PropsValue<OptionType>;

package/dist/components/forms/select/utils/select.js

@@ -1,72 +1,82 @@
-const h = (...e) => e.filter(Boolean).join(" "), a = (e) => typeof e == "object" && e !== null && "isAllSelected" in e && e.isAllSelected === !0 && "excludedValues" in e && Array.isArray(e.excludedValues), d = (e) => Array.isArray(e), f = (e, s = !1, i = !1) => {
+const h = (...e) => e.filter(Boolean).join(" "), d = (e) => typeof e == "object" && e !== null && "isAllSelected" in e && e.isAllSelected === !0 && "excludedValues" in e && Array.isArray(e.excludedValues), a = (e) => Array.isArray(e), f = (e, s = !1, i = !1) => {
   const u = [], n = [e];
   for (; n.length > 0; ) {
-    const l = n.pop();
-    if (i && "options" in l) {
-      const t = l.options;
-      for (let r = t.length - 1; r >= 0; r--)
-        n.push(t[r]);
+    const t = n.pop();
+    if (i && "options" in t) {
+      const l = t.options;
+      for (let r = l.length - 1; r >= 0; r--)
+        n.push(l[r]);
       continue;
     }
-    if (s && "children" in l && Array.isArray(l.children)) {
-      const t = l.children;
-      for (let r = t.length - 1; r >= 0; r--)
-        n.push(t[r]);
+    if (s && "children" in t && Array.isArray(t.children)) {
+      const l = t.children;
+      for (let r = l.length - 1; r >= 0; r--)
+        n.push(l[r]);
       continue;
     }
-    u.push(l);
+    u.push(t);
   }
   return u;
-}, v = (e, s, i) => {
+}, x = (e, s, i) => {
   if (i) {
     const n = s;
-    return a(n) ? !n.excludedValues.includes(e.value) : d(n) ? n.some((l) => l.value === e.value) : !1;
+    return d(n) ? !n.excludedValues.includes(e.value) : a(n) ? n.some((t) => t.value === e.value) : !1;
   }
   return s?.value === e.value;
 }, g = (e, s, i) => {
   if (!s || !("children" in e || "options" in e)) return !1;
-  const n = i, t = f(e).filter((c) => !c.isDisabled);
-  if (t.length === 0) return !1;
+  const n = i, l = f(e).filter((c) => !c.isDisabled);
+  if (l.length === 0) return !1;
   let r = 0;
-  return a(n) ? r = t.filter(
+  return d(n) ? r = l.filter(
     (c) => !n.excludedValues.includes(c.value)
-  ).length : d(n) && (r = t.filter(
+  ).length : a(n) && (r = l.filter(
     (c) => n.some((o) => o.value === c.value)
-  ).length), r > 0 && r < t.length;
-}, x = (e, s, i, u, n) => {
+  ).length), r > 0 && r < l.length;
+}, v = (e, s, i, u, n) => {
   if (!s || !i || "children" in e || "options" in e)
     return;
   if (u) {
-    const t = u.indexOf(e.value);
-    return t !== -1 ? t + 1 : void 0;
+    const l = u.indexOf(e.value);
+    return l !== -1 ? l + 1 : void 0;
   }
   if (!n) return;
-  const l = n;
-  if (a(l))
-    return l.excludedValues.includes(e.value) ? void 0 : e.naturalIndex;
-  if (d(l)) {
-    const t = l.findIndex((r) => r.value === e.value);
-    if (t !== -1)
-      return t + 1;
+  const t = n;
+  if (d(t))
+    return t.excludedValues.includes(e.value) ? void 0 : e.naturalIndex;
+  if (a(t)) {
+    const l = t.findIndex((r) => r.value === e.value);
+    if (l !== -1)
+      return l + 1;
     if ("sequence" in e && typeof e.sequence == "number")
       return e.sequence;
   }
 }, V = (e, s, i) => {
   if (!s || !("children" in e || "options" in e)) return 0;
-  const n = i, l = f(e);
-  return a(n) ? l.filter(
-    (t) => !n.excludedValues.includes(t.value)
-  ).length : d(n) ? l.filter(
-    (t) => n.some((r) => r.value === t.value)
+  const n = i, t = f(e);
+  return d(n) ? t.filter(
+    (l) => !n.excludedValues.includes(l.value)
+  ).length : a(n) ? t.filter(
+    (l) => n.some((r) => r.value === l.value)
   ).length : 0;
 };
+function A(e, s) {
+  if (e == null)
+    return s ? [] : null;
+  const i = e;
+  return d(i) ? {
+    isAllSelected: i.isAllSelected,
+    excludedValues: [...i.excludedValues]
+  } : a(i) ? [...i] : e;
+}
 export {
+  A as cloneSelectValue,
   h as cx,
   g as getIndeterminateState,
   f as getLeafOptions,
   V as getSelectedCount,
-  x as getSequence,
-  a as isInvertedSelection,
-  d as isOptionArray,
-  v as isSelected
+  v as getSequence,
+  d as isInvertedSelection,
+  a as isOptionArray,
+  x as isSelected
 };