impact-nova 2.0.9 → 2.1.0-alpha.2

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

@@ -0,0 +1,114 @@
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { Button as U } from "../../../primitives/button/button.js";
+import { isInvertedSelection as X, isOptionArray as Y } from "../utils/select.js";
+import { SelectOptionRow as Z } from "./SelectOptionRow.js";
+function te({
+  fetchError: S,
+  onRefetch: d,
+  flatOptions: p,
+  isLoading: h,
+  isProcessing: x,
+  isMulti: s,
+  isReadOnly: j,
+  enableGroups: i,
+  enableSubMenus: o,
+  showSequence: P,
+  maxSelectableOptions: f,
+  listRef: k,
+  listboxId: w,
+  listboxLabel: B,
+  rowVirtualizer: l,
+  selectFieldId: A,
+  id: C,
+  highlightedIndex: D,
+  activeSubmenu: E,
+  setActiveSubmenu: I,
+  internalValue: r,
+  selectionMode: L,
+  selectionSet: g,
+  resolveOptionLabel: T,
+  getSequenceForOption: q,
+  renderOption: H,
+  onSelect: O,
+  getGroupStats: u,
+  emptyMessage: W = "No options found",
+  errorMessage: _ = "Something went wrong",
+  refetchLabel: $ = "Refetch"
+}) {
+  const z = (n) => {
+    const e = p[n.index], y = s ? L === "exclude" ? !g.has(e.value) : g.has(e.value) : r?.value === e.value, a = r || [], F = s && f ? X(a) ? !1 : Y(a) && a.length >= f : !1, v = e.isDisabled || F && !y && !(i && e.isGroup) && !(o && e.isSubmenuParent), N = i && e.isGroup || o && e.isSubmenuParent ? u(e.original) : void 0, c = N?.selected || 0, J = N?.total || 0, K = c > 0 && c < J, Q = e.isParentSelectable !== !1, m = T(e), R = typeof m == "string" ? m : String(e.value || "");
+    return /* @__PURE__ */ t(
+      Z,
+      {
+        option: e,
+        virtualRow: n,
+        measureElement: l.measureElement,
+        selectFieldId: A,
+        id: C,
+        isMulti: s,
+        isReadOnly: j,
+        enableGroups: i,
+        enableSubMenus: o,
+        showSequence: P,
+        selected: y,
+        isOptDisabled: v,
+        indeterminate: K,
+        selectedCount: c,
+        isParentSelectable: Q,
+        highlighted: D === n.index && !v,
+        activeSubmenu: E,
+        setActiveSubmenu: I,
+        optionLabel: m,
+        optionLabelString: R,
+        sequence: q(e),
+        internalValue: r,
+        renderOption: H,
+        onSelect: O,
+        getGroupStats: u
+      },
+      n.key
+    );
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: k,
+      id: w,
+      role: "listbox",
+      "aria-label": B,
+      className: "min-h-0 flex-1 overflow-auto py-1 px-[6px]",
+      style: {
+        maxHeight: "297px",
+        overscrollBehavior: "contain"
+      },
+      onWheel: (n) => n.stopPropagation(),
+      children: S ? /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+        /* @__PURE__ */ t("p", { className: "text-sm text-gray-500 font-medium mb-3", children: _ }),
+        d ? /* @__PURE__ */ t(U, { size: "sm", variant: "outline", onClick: () => d(), children: $ }) : null
+      ] }) : p.length === 0 && !h && !x ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: W }) : h || x ? /* @__PURE__ */ t("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((n, e) => /* @__PURE__ */ b(
+        "div",
+        {
+          className: "flex items-center gap-2 px-3 py-2 animate-pulse",
+          children: [
+            s ? /* @__PURE__ */ t("div", { className: "w-4 h-4 bg-gray-200 rounded shrink-0" }) : null,
+            /* @__PURE__ */ t("div", { className: "h-4 bg-gray-200 rounded w-full" })
+          ]
+        },
+        e
+      )) }) : /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            height: `${l.getTotalSize()}px`,
+            width: "100%",
+            position: "relative"
+          },
+          children: l.getVirtualItems().map(z)
+        }
+      )
+    }
+  );
+}
+export {
+  te as SelectMenuListBody
+};

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

@@ -0,0 +1,12 @@
+import { ReactNode, RefObject } from 'react';
+export interface SelectMenuPanelProps {
+    menuRef: RefObject<HTMLDivElement | null>;
+    menuMinHeight?: number;
+    menuWidth?: string | number;
+    isReadOnly: boolean;
+    id?: string;
+    menuLabel: string;
+    onClose: () => void;
+    children: ReactNode;
+}
+export declare function SelectMenuPanel({ menuRef, menuMinHeight, menuWidth, isReadOnly, id, menuLabel, onClose, children, }: SelectMenuPanelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+import { cn as r } from "../../../../lib/utils.js";
+function x({
+  menuRef: l,
+  menuMinHeight: t,
+  menuWidth: s,
+  isReadOnly: a,
+  id: d,
+  menuLabel: p,
+  onClose: i,
+  children: c
+}) {
+  return /* @__PURE__ */ o(n.Portal, { children: /* @__PURE__ */ o(
+    n.Content,
+    {
+      ref: l,
+      side: "bottom",
+      sideOffset: 4,
+      align: "start",
+      avoidCollisions: !0,
+      collisionPadding: 8,
+      "aria-label": p,
+      onOpenAutoFocus: (e) => e.preventDefault(),
+      onInteractOutside: i,
+      onFocusOutside: i,
+      onWheel: (e) => e.stopPropagation(),
+      style: {
+        width: s || "var(--radix-popover-trigger-width)",
+        maxHeight: "var(--radix-popover-content-available-height)"
+      },
+      className: r(
+        "z-50 flex flex-col overflow-hidden rounded-[12px] p-0 text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm border-none pointer-events-auto",
+        a ? "bg-disabled-surface" : "bg-canvas"
+      ),
+      "data-testid": `select-menu-${d || "default"}`,
+      "data-component": "select-menu",
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: r(
+            "flex min-h-0 flex-1 flex-col overflow-hidden rounded-[12px]",
+            a ? "bg-disabled-surface" : "bg-canvas"
+          ),
+          style: {
+            minHeight: t ? `${t}px` : void 0
+          },
+          children: c
+        }
+      )
+    }
+  ) });
+}
+export {
+  x as SelectMenuPanel
+};

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

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { VirtualItem } from '@tanstack/react-virtual';
+import { FlatOption } from '../hooks/useFlattenOptions';
+import { Group, MultiValue, Option } from '../select.types';
+export interface SelectOptionRowProps<OptionType extends Option = Option> {
+    option: FlatOption;
+    virtualRow: VirtualItem;
+    measureElement: (node: Element | null) => void;
+    selectFieldId: string;
+    id?: string;
+    isMulti?: boolean;
+    isReadOnly: boolean;
+    enableGroups: boolean;
+    enableSubMenus: boolean;
+    showSequence?: boolean;
+    selected: boolean;
+    isOptDisabled: boolean;
+    indeterminate: boolean;
+    selectedCount: number;
+    isParentSelectable: boolean;
+    highlighted: boolean;
+    activeSubmenu: string | null;
+    setActiveSubmenu: (value: string | null) => void;
+    optionLabel: ReactNode;
+    optionLabelString: string;
+    sequence?: number;
+    internalValue: MultiValue<OptionType> | OptionType | null;
+    renderOption?: (props: {
+        onClick: () => void;
+        className: string;
+        selected: boolean;
+        disabled: boolean;
+    }, option: OptionType) => ReactNode;
+    onSelect: (option: FlatOption | Option) => void;
+    getGroupStats: (original: Option | Group) => {
+        selected: number;
+        total: number;
+    } | undefined;
+}
+export declare function SelectOptionRowInner<OptionType extends Option = Option>({ option, virtualRow, measureElement, selectFieldId, id, isMulti, isReadOnly, enableGroups, enableSubMenus, showSequence, selected, isOptDisabled, indeterminate, selectedCount, isParentSelectable, highlighted, activeSubmenu, setActiveSubmenu, optionLabel, optionLabelString, sequence, internalValue, renderOption, onSelect, getGroupStats, }: SelectOptionRowProps<OptionType>): import("react/jsx-runtime").JSX.Element;
+export declare const SelectOptionRow: typeof SelectOptionRowInner;

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

@@ -0,0 +1,145 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { memo as E } from "react";
+import { Checkmark as W, ChevronRight as Y } from "impact-nova-icons";
+import { cn as o } from "../../../../lib/utils.js";
+import { selectOptionVariants as B } from "../select.variants.js";
+import { isSelected as F } from "../utils/select.js";
+import { LabelWithSequence as G } from "./LabelWithSequence.js";
+import { Submenu as H } from "./Submenu.js";
+function J({
+  option: e,
+  virtualRow: i,
+  measureElement: P,
+  selectFieldId: S,
+  id: g,
+  isMulti: l,
+  isReadOnly: m,
+  enableGroups: c,
+  enableSubMenus: t,
+  showSequence: j,
+  selected: a,
+  isOptDisabled: d,
+  indeterminate: f,
+  selectedCount: k,
+  isParentSelectable: p,
+  highlighted: C,
+  activeSubmenu: I,
+  setActiveSubmenu: N,
+  optionLabel: v,
+  optionLabelString: V,
+  sequence: q,
+  internalValue: z,
+  renderOption: w,
+  onSelect: $,
+  getGroupStats: y
+}) {
+  const u = g || "default", h = String(e.value || "");
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      "data-index": i.index,
+      ref: P,
+      className: "absolute start-0 w-full pb-[2px]",
+      style: {
+        transform: `translateY(${i.start}px)`,
+        width: "100%"
+      },
+      "data-testid": `select-option-wrapper-${u}-${h}`,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            id: `${S}-option-${i.index}`,
+            className: o(
+              B({
+                disabled: d,
+                readOnly: m,
+                selected: a && !d && !(c && e.isGroup) && !(t && e.isSubmenuParent),
+                highlighted: C && !d
+              })
+            ),
+            style: {
+              paddingInlineStart: `${e.depth * 16 + 12}px`
+            },
+            onClick: () => {
+              d || (c && e.isGroup || t && e.isSubmenuParent) && !p || $(e);
+            },
+            onMouseEnter: () => {
+              t && e.isSubmenuParent ? N(e.value) : N(null);
+            },
+            "data-testid": `select-option-${u}-${h}`,
+            "data-state": a ? "checked" : "unchecked",
+            "data-disabled": d || void 0,
+            "data-component": "select-option",
+            role: "option",
+            "aria-selected": a,
+            "aria-disabled": d || void 0,
+            children: w ? w(
+              {
+                onClick: () => {
+                },
+                className: "w-full",
+                selected: a,
+                disabled: d
+              },
+              e
+            ) : /* @__PURE__ */ x("div", { className: "flex items-center flex-1 overflow-hidden", children: [
+              l && (c && e.isGroup || t && e.isSubmenuParent ? p : !0) && /* @__PURE__ */ r(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: o(
+                    "mr-[7px] flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-stroke-field bg-canvas-elevated",
+                    (a || f) && "border-brand bg-accent text-brand",
+                    (d || m) && "opacity-50"
+                  ),
+                  children: a && !f ? /* @__PURE__ */ r(W, { className: "h-3.5 w-3.5" }) : f ? /* @__PURE__ */ r("span", { className: "block h-0.5 w-2.5 bg-current" }) : null
+                }
+              ),
+              j && !(c && e.isGroup) && !(t && e.isSubmenuParent) ? /* @__PURE__ */ r(G, { label: v, sequence: q }) : /* @__PURE__ */ x("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: o(
+                      "block truncate",
+                      c && e.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : a && !(t && e.isSubmenuParent) ? "font-medium" : "font-normal",
+                      !(c && e.isGroup) && "text-[14px]"
+                    ),
+                    "data-testid": `select-option-label-${u}-${h}`,
+                    "data-state": a ? "checked" : "unchecked",
+                    title: V,
+                    children: v
+                  }
+                ),
+                (c && e.isGroup || t && e.isSubmenuParent) && k > 0 && /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: k })
+              ] }),
+              t && e.isSubmenuParent && /* @__PURE__ */ r(Y, { size: "12px", className: "text-gray-400" })
+            ] })
+          }
+        ),
+        t && I === e.value && e.isSubmenuParent && /* @__PURE__ */ r(
+          H,
+          {
+            parentOption: e,
+            isMulti: !!l,
+            isReadOnly: !!m,
+            isSelected: (s) => F(s, z, !!l),
+            getIndeterminateState: (s) => {
+              const n = y(s);
+              return n ? n.selected > 0 && n.selected < n.total : !1;
+            },
+            getSelectedCount: (s) => y(s)?.selected || 0,
+            handleSelect: $,
+            id: g
+          }
+        )
+      ]
+    },
+    i.key
+  );
+}
+const b = E(J);
+export {
+  b as SelectOptionRow,
+  J as SelectOptionRowInner
+};

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

@@ -0,0 +1,40 @@
+import { FocusEvent, KeyboardEvent, MouseEvent, ReactNode, RefObject } from 'react';
+import { MultiValue, Option, SingleValue } from '../select.types';
+export interface SelectTriggerProps<OptionType extends Option = Option> {
+    triggerRef: RefObject<HTMLDivElement | 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<HTMLDivElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLDivElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    onOpenChange: (open: boolean) => void;
+    onClear: (event: MouseEvent) => void;
+}
+export declare function SelectTrigger<OptionType extends Option = Option>({ triggerRef, inputRef, selectFieldId, listboxId, id, className, size, error, isDisabled, isReadOnly, isOpen, isLoading, isProcessing, isClearable, isSearchable, searchPosition, searchValue, setSearchValue, autoFocus, name, label, placeholder, leftContent, activeDescendantId, internalValue, totalCount, totalOptionsCount, formatSelectedCount, resolveOptionLabel, isMulti, onFocus, onBlur, onKeyDown, onOpenChange, onClear, }: SelectTriggerProps<OptionType>): import("react/jsx-runtime").JSX.Element;

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

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