impact-nova 2.0.9 → 2.1.0-alpha.10

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

@@ -0,0 +1,43 @@
+import { FocusEvent, KeyboardEvent, MouseEvent, ReactNode, RefObject } from 'react';
+import { MultiValue, Option, SingleValue } from '../select.types';
+import * as React from "react";
+export interface SelectTriggerProps<OptionType extends Option = Option> {
+    triggerRef: RefObject<HTMLButtonElement | null>;
+    inputRef: RefObject<HTMLInputElement | null>;
+    selectFieldId: string;
+    listboxId: string;
+    id?: string;
+    className?: string;
+    size?: "default" | "sm" | "md" | "lg";
+    error?: boolean;
+    isDisabled?: boolean;
+    isReadOnly: boolean;
+    isOpen: boolean;
+    isLoading?: boolean;
+    isProcessing: boolean;
+    isClearable: boolean;
+    isSearchable: boolean;
+    searchPosition: string;
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    autoFocus?: boolean;
+    name?: string;
+    label?: ReactNode;
+    placeholder: string;
+    leftContent?: ReactNode;
+    activeDescendantId?: string;
+    internalValue: SingleValue<OptionType> | MultiValue<OptionType>;
+    totalCount?: number;
+    totalOptionsCount: number;
+    formatSelectedCount: (count: number) => string;
+    resolveOptionLabel: (option: OptionType | Option) => ReactNode;
+    isMulti?: boolean;
+    onFocus?: (event: FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLButtonElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
+    onToggle: () => void;
+    onClear: (event: MouseEvent) => void;
+}
+export declare const SelectTrigger: <OptionType extends Option = Option>(props: SelectTriggerProps<OptionType> & {
+    ref?: React.ForwardedRef<HTMLButtonElement>;
+}) => React.ReactElement | null;

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

@@ -0,0 +1,172 @@
+import { jsx as t, jsxs as c, Fragment as H } from "react/jsx-runtime";
+import * as J from "react";
+import { LoadingSpinner as K, Cross as Q, ChevronRight as U } from "impact-nova-icons";
+import { cn as g } from "../../../../lib/utils.js";
+import { selectTriggerVariants as W } from "../select.variants.js";
+import { hasClearableSelectValue as X } from "../utils/hasClearableSelectValue.js";
+import { SelectTriggerValue as Y } from "./SelectTriggerValue.js";
+function Z(...i) {
+  return (n) => {
+    for (const r of i)
+      r && (typeof r == "function" ? r(n) : r.current = n);
+  };
+}
+function _({
+  triggerRef: i,
+  inputRef: n,
+  selectFieldId: r,
+  listboxId: x,
+  id: s,
+  className: h,
+  size: w = "default",
+  error: b,
+  isDisabled: a,
+  isReadOnly: l,
+  isOpen: o,
+  isLoading: v,
+  isProcessing: N,
+  isClearable: C,
+  isSearchable: S,
+  searchPosition: k,
+  searchValue: P,
+  setSearchValue: T,
+  autoFocus: y,
+  name: z,
+  label: f,
+  placeholder: d,
+  leftContent: m,
+  activeDescendantId: j,
+  internalValue: p,
+  totalCount: V,
+  totalOptionsCount: $,
+  formatSelectedCount: F,
+  resolveOptionLabel: I,
+  isMulti: u,
+  onFocus: L,
+  onBlur: R,
+  onKeyDown: q,
+  onToggle: A,
+  onClear: B
+}, D) {
+  const E = C && !l && !a && X(u, p);
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      ref: Z(D, i),
+      disabled: a,
+      className: g(
+        W({
+          size: w,
+          error: !!b,
+          disabled: !!a,
+          readOnly: l,
+          open: o
+        }),
+        h
+      ),
+      id: r,
+      onFocus: L,
+      onBlur: R,
+      role: "combobox",
+      "aria-expanded": o,
+      "aria-haspopup": "listbox",
+      "aria-controls": x,
+      "aria-activedescendant": j,
+      "aria-label": f ? String(f) : d,
+      "data-component": "select-trigger",
+      "data-disabled": a || void 0,
+      "data-state": o ? "open" : "closed",
+      onKeyDown: q,
+      onClick: (e) => {
+        if (e.target.closest("[data-clear-button]")) {
+          e.preventDefault(), e.stopPropagation();
+          return;
+        }
+        a || l || A();
+      },
+      onPointerDown: (e) => {
+        e.target.closest("[data-clear-button]") && (e.preventDefault(), e.stopPropagation());
+      },
+      children: /* @__PURE__ */ c("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
+        m ? /* @__PURE__ */ t("div", { className: "flex items-center text-content-icon shrink-0", children: m }) : null,
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full text-left",
+            "data-testid": `select-value-${s || "default"}`,
+            children: [
+              /* @__PURE__ */ t(
+                Y,
+                {
+                  isMulti: u,
+                  isDisabled: a,
+                  internalValue: p,
+                  totalCount: V,
+                  totalOptionsCount: $,
+                  formatSelectedCount: F,
+                  resolveOptionLabel: I,
+                  placeholder: /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "text-content-placeholder font-normal text-[14px] truncate min-w-0 block",
+                      "data-testid": `select-placeholder-${s || "default"}`,
+                      "data-has-value": !1,
+                      children: d
+                    }
+                  )
+                }
+              ),
+              S && o && k === "trigger" && !l ? /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: n,
+                  type: "text",
+                  className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full bg-transparent",
+                  value: P,
+                  onChange: (e) => {
+                    T(e.target.value);
+                  },
+                  onClick: (e) => e.stopPropagation(),
+                  autoFocus: y,
+                  name: z || void 0
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-content-icon shrink-0", children: !o && (v || N) ? /* @__PURE__ */ t(K, { size: "14px" }) : /* @__PURE__ */ c(H, { children: [
+          E ? /* @__PURE__ */ t(
+            "span",
+            {
+              role: "presentation",
+              "data-clear-button": !0,
+              "aria-label": "Clear selection",
+              className: "hover:text-content-secondary p-0.5 cursor-pointer z-10 relative inline-flex",
+              onPointerDown: (e) => {
+                e.preventDefault(), e.stopPropagation(), B(e);
+              },
+              children: /* @__PURE__ */ t(Q, { size: "11px", className: "text-content-icon" })
+            }
+          ) : null,
+          /* @__PURE__ */ t(
+            U,
+            {
+              size: "16px",
+              "aria-hidden": !0,
+              className: g(
+                "transition-transform duration-200 shrink-0",
+                o ? "-rotate-90" : "rotate-90"
+              )
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+}
+const M = J.forwardRef(_);
+M.displayName = "SelectTrigger";
+export {
+  M as SelectTrigger
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { MultiValue, Option, SingleValue } from '../select.types';
+export interface SelectTriggerValueProps<OptionType extends Option = Option> {
+    isMulti?: boolean;
+    isDisabled?: boolean;
+    internalValue: SingleValue<OptionType> | MultiValue<OptionType>;
+    totalCount?: number;
+    totalOptionsCount: number;
+    formatSelectedCount: (count: number) => string;
+    resolveOptionLabel: (option: OptionType | Option) => ReactNode;
+    placeholder: ReactNode;
+}
+export declare function SelectTriggerValue<OptionType extends Option = Option>({ isMulti, isDisabled, internalValue, totalCount, totalOptionsCount, formatSelectedCount, resolveOptionLabel, placeholder, }: SelectTriggerValueProps<OptionType>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as p } from "../../../../lib/utils.js";
+import { isInvertedSelection as x, isOptionArray as f } from "../utils/select.js";
+function T({
+  isMulti: l,
+  isDisabled: m,
+  internalValue: s,
+  totalCount: i,
+  totalOptionsCount: u,
+  formatSelectedCount: d,
+  resolveOptionLabel: c,
+  placeholder: o
+}) {
+  const r = p(
+    "text-[14px] font-medium truncate min-w-0 block",
+    m ? "text-disabled-foreground" : "text-foreground"
+  );
+  if (l) {
+    const e = s || [];
+    let t = 0;
+    return x(e) ? t = Math.max(0, (typeof i == "number" ? i : u) - e.excludedValues.length) : f(e) && (t = e.length), t === 0 ? o : t === 1 && f(e) ? /* @__PURE__ */ n("span", { className: r, children: c(e[0]) }) : /* @__PURE__ */ n("span", { className: r, children: d(t) });
+  }
+  const a = s;
+  return a ? /* @__PURE__ */ n("span", { className: r, children: c(a) }) : o;
+}
+export {
+  T as SelectTriggerValue
+};

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

@@ -0,0 +1,14 @@
+import { Option } from '../select.types';
+import { FlatOption } from '../hooks/useFlattenOptions';
+interface SubmenuProps {
+    parentOption: FlatOption | Option;
+    isMulti: boolean;
+    isReadOnly: boolean;
+    isSelected: (option: Option) => boolean;
+    getIndeterminateState: (option: Option) => boolean;
+    getSelectedCount: (option: Option) => number;
+    handleSelect: (option: Option) => void;
+    id?: string;
+}
+declare const Submenu: ({ parentOption, isMulti, isReadOnly, isSelected, getIndeterminateState, getSelectedCount, handleSelect, }: SubmenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Submenu };

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

@@ -0,0 +1,91 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import * as l from "@radix-ui/react-popover";
+import { Checkbox as C } from "../../checkbox/checkbox.js";
+import { ChevronRight as N, Checkmark as S } from "impact-nova-icons";
+import { cn as w } from "../../../../lib/utils.js";
+const $ = ({
+  parentOption: n,
+  isMulti: d,
+  isReadOnly: c,
+  isSelected: f,
+  getIndeterminateState: x,
+  getSelectedCount: v,
+  handleSelect: h
+}) => {
+  const u = "children" in n && Array.isArray(n.children) ? n.children : null;
+  if (!u) return null;
+  const i = String(n.value || "");
+  return /* @__PURE__ */ r(l.Root, { open: !0, children: [
+    /* @__PURE__ */ t(l.Anchor, { className: "absolute inset-0 pointer-events-none" }),
+    /* @__PURE__ */ t(l.Portal, { children: /* @__PURE__ */ t(
+      l.Content,
+      {
+        side: "right",
+        sideOffset: 8,
+        align: "start",
+        avoidCollisions: !0,
+        collisionPadding: 8,
+        "aria-label": String(n.label ?? i),
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        onInteractOutside: (e) => e.preventDefault(),
+        onFocusOutside: (e) => e.preventDefault(),
+        className: "select-submenu-container z-50 min-w-[180px] max-h-[300px] overflow-auto rounded-xl bg-canvas-elevated py-1 shadow-elevation-floating",
+        "data-component": "select-menu",
+        children: u.map((e) => {
+          const a = f(e), g = x(e), o = e.isDisabled, m = v(e), s = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, b = String(e.value || "");
+          return /* @__PURE__ */ r(
+            "div",
+            {
+              className: w(
+                "relative flex h-[35px] cursor-default select-none items-center justify-between gap-1.5 rounded-[8px] px-3",
+                o ? "cursor-not-allowed bg-canvas-readonly opacity-50" : c ? "cursor-default" : "cursor-pointer hover:bg-canvas-muted",
+                a && !o && !s ? "bg-brand-subtle text-content" : "text-content"
+              ),
+              onClick: (k) => {
+                k.stopPropagation(), !o && !c && p && h(e);
+              },
+              "data-testid": `select-submenu-option-${i}-${b}`,
+              "data-state": a ? "checked" : "unchecked",
+              "data-disabled": o || void 0,
+              "data-component": "select-option",
+              children: [
+                /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+                  d && p && /* @__PURE__ */ t(
+                    C,
+                    {
+                      checked: g ? "indeterminate" : a,
+                      disabled: o || c,
+                      onChange: () => {
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "block truncate text-[14px] font-medium leading-5",
+                      "data-testid": `select-submenu-option-label-${i}-${b}`,
+                      "data-state": a ? "checked" : "unchecked",
+                      title: String(e.label || ""),
+                      children: e.label
+                    }
+                  ),
+                  s && m > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-secondary-foreground font-medium", children: [
+                    "(",
+                    m,
+                    ")"
+                  ] })
+                ] }),
+                s && /* @__PURE__ */ t(N, { size: "sm", className: "text-content-icon" }),
+                !d && a && !s && /* @__PURE__ */ t(S, { className: "h-4 w-4 text-brand" })
+              ]
+            },
+            e.value
+          );
+        })
+      }
+    ) })
+  ] });
+};
+export {
+  $ as Submenu
+};

package/dist/components/forms/select/hooks/useFlattenOptions.d.ts

@@ -0,0 +1,24 @@
+import { Option, Group, MultiValue } from '../select.types';
+export interface FlatOption extends Option {
+    depth: number;
+    isGroup?: boolean;
+    isSubmenuParent?: boolean;
+    parent?: FlatOption;
+    original: Option | Group;
+    naturalIndex?: number;
+}
+export declare const useFlattenOptions: <OptionType extends Option, GroupType extends Group>(options: (OptionType | GroupType)[], searchValue: string, config?: {
+    ignoreCase?: boolean;
+    ignoreAccents?: boolean;
+    matchFrom?: "any" | "start";
+    stringify?: (option: OptionType) => string;
+    trim?: boolean;
+    filterOption?: (option: OptionType, inputValue: string) => boolean;
+    enableSubMenus?: boolean;
+    enableGroups?: boolean;
+}) => {
+    flatOptions: FlatOption[];
+    isProcessing: boolean;
+    totalOptionsCount: number;
+    workerSelectAll: <OptionType_1 extends Option>(currentValues: MultiValue<OptionType_1>, isAllSelected: boolean, maxSelectableOptions: number | undefined) => Promise<MultiValue<OptionType_1>>;
+};

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

@@ -0,0 +1,199 @@
+import { useMemo as z, useState as W, useRef as N, useEffect as _ } from "react";
+import Y from "../workers/flatten.worker.js";
+const re = (m, c, x = {}) => {
+  const {
+    ignoreCase: l = !0,
+    ignoreAccents: a = !1,
+    matchFrom: h = "any",
+    stringify: y,
+    trim: f = !0,
+    filterOption: E,
+    enableSubMenus: d = !1,
+    enableGroups: g = !1
+  } = x, i = m.length > 3e3 && !y && !E, b = z(() => {
+    if (i) return [];
+    const s = /* @__PURE__ */ new WeakMap();
+    let e = c;
+    f && (e = e.trim()), l && (e = e.toLowerCase()), a && (e = e.normalize("NFD").replace(/[\u0300-\u036f]/g, ""));
+    const R = (r) => {
+      const n = r.label;
+      return typeof n == "string" ? n : String(n);
+    }, p = (r) => {
+      const n = s.get(r);
+      if (n !== void 0)
+        return n;
+      let u = y ? y(r) : R(r);
+      return f && (u = u.trim()), l && (u = u.toLowerCase()), a && (u = u.normalize("NFD").replace(/[\u0300-\u036f]/g, "")), s.set(r, u), u;
+    }, L = (r) => {
+      if (!e) return !0;
+      const n = p(r);
+      return e.length > n.length ? !1 : h === "start" ? n.startsWith(e) : n.includes(e);
+    }, O = (r) => E ? E(r, c) : L(r), A = (r, n = 0, M = { current: 0 }) => {
+      const u = [];
+      return r.forEach((o) => {
+        let F = [];
+        g && "options" in o && (F = o.options);
+        let H = [];
+        d && "children" in o && Array.isArray(o.children) && (H = o.children);
+        const I = g && F.length > 0, k = d && H.length > 0;
+        let q;
+        !I && !k && !o.isDisabled && (M.current++, q = M.current);
+        const v = !I && O(o);
+        if (I) {
+          const T = A(
+            F,
+            n,
+            M
+          ), w = T.length > 0;
+          (v || w) && (u.push({
+            ...o,
+            depth: n,
+            isGroup: !0,
+            isSubmenuParent: !1,
+            original: o
+          }), u.push(...T));
+        } else {
+          let T = !1;
+          if (k && e) {
+            const w = (X) => X.some((P) => O(P) ? !0 : "children" in P && Array.isArray(P.children) ? w(P.children) : !1);
+            T = w(H);
+          }
+          (v || T || !e && k) && u.push({
+            ...o,
+            depth: n,
+            isGroup: !1,
+            isSubmenuParent: k,
+            original: o,
+            naturalIndex: q
+          });
+        }
+      }), u;
+    };
+    return A(m, 0, { current: 0 });
+  }, [
+    m,
+    c,
+    l,
+    a,
+    h,
+    y,
+    f,
+    E,
+    i,
+    g,
+    d
+  ]), [U, K] = W([]), [j, B] = W(0), [J, C] = W(!1), t = N(null), S = N(0);
+  _(() => () => {
+    t.current && (t.current.terminate(), t.current = null);
+  }, []), _(() => {
+    i && (t.current || (t.current = new Y(), t.current.onmessage = (s) => {
+      const { type: e, id: R, result: p } = s.data;
+      e === "SEARCH_RESULT" && R === S.current && (K(p.result), B(p.totalLeafCount || p.result.length), C(!1));
+    }), t.current?.postMessage({
+      type: "SET_OPTIONS",
+      payload: m,
+      config: {
+        enableSubMenus: d,
+        enableGroups: g
+      }
+    }), S.current += 1, queueMicrotask(() => C(!0)), t.current?.postMessage({
+      type: "SEARCH",
+      id: S.current,
+      payload: {
+        searchValue: c,
+        config: {
+          ignoreCase: l,
+          ignoreAccents: a,
+          matchFrom: h,
+          trim: f
+        }
+      }
+    }));
+  }, [
+    m,
+    i,
+    d,
+    g,
+    l,
+    a,
+    h,
+    f,
+    c
+  ]);
+  const Q = z(() => i ? 0 : b.reduce((s, e) => !e.isGroup && !e.isSubmenuParent && !e.isDisabled ? s + 1 : s, 0), [i, b]);
+  return _(() => {
+    if (!i) return;
+    queueMicrotask(() => C(!0));
+    const s = S.current + 1;
+    S.current = s;
+    const e = setTimeout(() => {
+      t.current && t.current.postMessage({
+        type: "SEARCH",
+        id: s,
+        payload: {
+          searchValue: c,
+          config: {
+            ignoreCase: l,
+            ignoreAccents: a,
+            matchFrom: h,
+            trim: f,
+            enableSubMenus: d,
+            enableGroups: g
+          }
+        }
+      });
+    }, 300);
+    return () => {
+      clearTimeout(e);
+    };
+  }, [
+    b,
+    c,
+    l,
+    a,
+    h,
+    f,
+    y,
+    E,
+    i,
+    d,
+    g
+  ]), {
+    flatOptions: i ? U : b,
+    isProcessing: i ? J : !1,
+    totalOptionsCount: i ? j : Q,
+    workerSelectAll: (s, e, R) => new Promise((p) => {
+      if (!i || !t.current) {
+        p(s);
+        return;
+      }
+      const L = S.current + 1;
+      S.current = L, C(!0);
+      const O = (A) => {
+        const { type: D, id: G, result: r } = A.data;
+        D === "SELECT_ALL_RESULT" && G === L && (t.current?.removeEventListener("message", O), C(!1), p(r));
+      };
+      t.current.addEventListener("message", O), t.current.postMessage({
+        type: "SELECT_ALL",
+        id: L,
+        payload: {
+          currentValues: s,
+          isAllSelected: e,
+          maxSelectableOptions: R,
+          searchValue: c,
+          config: {
+            ignoreCase: l,
+            ignoreAccents: a,
+            matchFrom: h,
+            trim: f,
+            enableSubMenus: d,
+            enableGroups: g
+          }
+        }
+      });
+    })
+  };
+};
+export {
+  re as useFlattenOptions
+};

package/dist/components/forms/select/hooks/useSelectKeyboardHandlers.d.ts

@@ -0,0 +1,26 @@
+import { MutableRefObject, RefObject, KeyboardEvent as ReactKeyboardEvent } from 'react';
+import { Virtualizer } from '@tanstack/react-virtual';
+import { FlatOption } from '../hooks/useFlattenOptions';
+import { Option } from '../select.types';
+export interface UseSelectKeyboardHandlersParams {
+    isDisabled?: boolean;
+    isReadOnly: boolean;
+    isOpen: boolean;
+    isSearchable: boolean;
+    searchPosition: "menu" | "trigger" | string;
+    getSelectableIndices: () => number[];
+    highlightedIndex: number;
+    setHighlightedIndex: (index: number) => void;
+    flatOptions: FlatOption[];
+    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;
+    handleOpenChange: (open: boolean) => void;
+    handleSelect: (option: FlatOption | Option) => void;
+    handleSelectAll: () => void | Promise<void>;
+    openedViaKeyboardRef: MutableRefObject<boolean>;
+    searchInputRef: RefObject<HTMLInputElement | null>;
+    triggerRef: RefObject<HTMLButtonElement | null>;
+}
+export declare function useSelectKeyboardHandlers(params: UseSelectKeyboardHandlersParams): {
+    handleTriggerKeyDown: (e: ReactKeyboardEvent) => void;
+    handleSearchKeyDown: (e: ReactKeyboardEvent) => void;
+};

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

@@ -0,0 +1,49 @@
+import { handleMenuKeyboardEvent as l, OPEN_MENU_KEYS as i } from "../utils/selectKeyboardNavigation.js";
+function c(e) {
+  const t = () => ({
+    selectableIndices: e.getSelectableIndices(),
+    highlightedIndex: e.highlightedIndex,
+    flatOptionsLength: e.flatOptions.length,
+    setHighlightedIndex: e.setHighlightedIndex,
+    scrollToHighlight: (n) => {
+      e.rowVirtualizer.scrollToIndex(n, { align: "auto" });
+    },
+    onSelectAll: () => {
+      e.handleSelectAll();
+    },
+    onSelectHighlightedOption: () => {
+      const n = e.flatOptions[e.highlightedIndex];
+      n && !n.isDisabled && e.handleSelect(n);
+    },
+    onCloseMenu: () => e.handleOpenChange(!1),
+    onFocusTrigger: () => e.triggerRef.current?.focus()
+  });
+  return { handleTriggerKeyDown: (n) => {
+    if (!(e.isDisabled || e.isReadOnly)) {
+      if (n.key === "Tab") {
+        e.isOpen && e.handleOpenChange(!1);
+        return;
+      }
+      if (!e.isOpen) {
+        i.has(n.key) && (n.preventDefault(), e.openedViaKeyboardRef.current = !0, e.handleOpenChange(!0));
+        return;
+      }
+      if (e.isSearchable && e.searchPosition === "menu" && !e.isReadOnly && e.searchInputRef.current) {
+        document.activeElement !== e.searchInputRef.current && e.searchInputRef.current.focus();
+        return;
+      }
+      l(n, t(), {
+        allowSpaceToSelect: !0,
+        allowHomeEnd: !0
+      });
+    }
+  }, handleSearchKeyDown: (n) => {
+    l(n, t(), {
+      allowSpaceToSelect: !1,
+      allowHomeEnd: !1
+    });
+  } };
+}
+export {
+  c as useSelectKeyboardHandlers
+};

package/dist/components/forms/select/hooks/useSelectMenuHeight.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useSelectMenuHeight(isOpen: boolean, isLoading: boolean, isProcessing: boolean, menuRef: RefObject<HTMLDivElement | null>): number | undefined;