impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/forms/prompt/prompt.js

@@ -0,0 +1,150 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as p from "react";
+import { Cross as R } from "impact-nova-icons";
+import { Info3d as B, Success3d as F, Warning3d as H, Delete3d as S } from "../../ui/local-raster-icons/rasterIcons.js";
+import { cn as r } from "../../../lib/utils.js";
+import { useImpactNovaI18n as u } from "../../../i18n/use-impact-nova-i18n.js";
+import { Tooltip as V, TooltipTrigger as W, TooltipContent as q } from "../../feedback/tooltip/tooltip.js";
+import { Button as f } from "../../primitives/button/button.js";
+import { Dialog as A, DialogContent as E, DialogHeader as G, DialogTitle as J, DialogDescription as K, DialogFooter as M } from "../../feedback/dialog/dialog.js";
+const Q = p.forwardRef(({ className: i, ...s }, a) => {
+  const { t: c } = u();
+  return /* @__PURE__ */ n(V, { children: [
+    /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        ref: a,
+        className: r("text-content-tertiary hover:text-content transition-colors", i),
+        type: "button",
+        "aria-label": c("aria.close"),
+        ...s,
+        children: /* @__PURE__ */ e(R, { size: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ e(q, { side: "top", variant: "tertiary", children: c("aria.close") })
+  ] });
+});
+Q.displayName = "PromptClose";
+const U = p.forwardRef(
+  ({
+    open: i,
+    onOpenChange: s,
+    title: a,
+    description: c,
+    confirmLabel: x,
+    cancelLabel: b,
+    onConfirm: h,
+    onCancel: g,
+    confirmVariant: N,
+    cancelVariant: y = "secondary",
+    variant: t = "default",
+    showClose: w = !0,
+    preventOutsideClick: C = !1,
+    footer: l,
+    children: d,
+    className: v,
+    ...D
+  }, j) => {
+    const { t: m } = u(), z = b ?? m("prompt.cancel"), P = x ?? m("prompt.confirm"), T = () => {
+      h?.(), s?.(!1);
+    }, k = () => {
+      g?.(), s?.(!1);
+    }, o = t !== "default", I = N || (t === "destructive" ? "destructive" : "default");
+    return /* @__PURE__ */ e(A, { open: i, onOpenChange: s, ...D, children: /* @__PURE__ */ n(
+      E,
+      {
+        ref: j,
+        "aria-describedby": void 0,
+        hideClose: !w,
+        onPointerDownOutside: (L) => {
+          C && L.preventDefault();
+        },
+        className: r(
+          "max-w-[400px] gap-0",
+          o && "flex flex-col items-center p-6 pt-6 text-center",
+          v
+        ),
+        "data-component": "prompt",
+        "data-variant": t,
+        children: [
+          o && /* @__PURE__ */ n(
+            "div",
+            {
+              className: r(
+                "flex h-12 w-12 items-center justify-center rounded-xl",
+                t === "info" && "bg-brand-tint text-brand",
+                t === "success" && "bg-feedback-success-surface text-success",
+                t === "warning" && "bg-feedback-warning-surface text-content",
+                t === "destructive" && "bg-prompt-error-bg text-destructive"
+              ),
+              children: [
+                t === "info" && /* @__PURE__ */ e(B, { size: 24 }),
+                t === "success" && /* @__PURE__ */ e(F, { size: 24 }),
+                t === "warning" && /* @__PURE__ */ e(H, { size: 24 }),
+                t === "destructive" && /* @__PURE__ */ e(S, { size: 24 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            G,
+            {
+              className: r(o && "space-y-2 items-center bg-canvas-elevated border-none"),
+              children: [
+                /* @__PURE__ */ e(
+                  J,
+                  {
+                    className: r(
+                      o && "text-[18px] font-extrabold text-content"
+                    ),
+                    children: a
+                  }
+                ),
+                c && /* @__PURE__ */ e(
+                  K,
+                  {
+                    className: r(o && "text-sm text-content-tertiary"),
+                    children: c
+                  }
+                )
+              ]
+            }
+          ),
+          d && /* @__PURE__ */ e("div", { className: r("w-full py-2", o && "text-center"), children: d }),
+          l ? /* @__PURE__ */ e("div", { className: "w-full", children: l }) : /* @__PURE__ */ n(
+            M,
+            {
+              className: r(
+                o && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
+              ),
+              children: [
+                /* @__PURE__ */ e(
+                  f,
+                  {
+                    variant: y,
+                    onClick: k,
+                    className: r(o && "h-10 px-6"),
+                    children: z
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  f,
+                  {
+                    variant: I,
+                    onClick: T,
+                    className: r(o && "h-10 px-6"),
+                    children: P
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+U.displayName = "Prompt";
+export {
+  U as Prompt,
+  Q as PromptClose
+};

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

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+import { ButtonProps } from '../../primitives/button/button.types';
+import { DialogProps } from '../../feedback/dialog/dialog.types';
+import { promptVariants } from './prompt.variants';
+import type * as React from "react";
+export interface PromptProps extends Omit<DialogProps, "open" | "onOpenChange">, VariantProps<typeof promptVariants> {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: string;
+    description?: string;
+    confirmLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmVariant?: ButtonProps["variant"];
+    cancelVariant?: ButtonProps["variant"];
+    showClose?: boolean;
+    preventOutsideClick?: boolean;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}

package/dist/components/forms/prompt/prompt.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const promptVariants: (props?: ({
+    variant?: "default" | "destructive" | "info" | "warning" | "success" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/forms/prompt/prompt.variants.js

@@ -0,0 +1,18 @@
+import { cva as a } from "class-variance-authority";
+const r = a("", {
+  variants: {
+    variant: {
+      default: "",
+      destructive: "",
+      warning: "",
+      info: "",
+      success: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+export {
+  r as promptVariants
+};

package/dist/components/forms/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup, RadioGroupItem } from './radio-group';
+export type { RadioGroupProps } from './radio-group.types';

package/dist/components/forms/radio-group/index.js

@@ -0,0 +1,5 @@
+import { RadioGroup as p, RadioGroupItem as a } from "./radio-group.js";
+export {
+  p as RadioGroup,
+  a as RadioGroupItem
+};

package/dist/components/forms/radio-group/radio-group.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupProps } from './radio-group.types';
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/components/forms/radio-group/radio-group.js

@@ -0,0 +1,73 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import * as d from "@radix-ui/react-radio-group";
+import { createComponent as s } from "../../../lib/primitives/create-component.js";
+import { cn as n } from "../../../lib/utils.js";
+import { useFieldChrome as g } from "../../../lib/primitives/use-field-chrome.js";
+const G = s(
+  "RadioGroup",
+  ({
+    className: o,
+    orientation: e = "horizontal",
+    label: t,
+    helperText: u,
+    helperTextPosition: c = "absolute",
+    error: l,
+    isError: m,
+    required: p,
+    disabled: i,
+    ...b
+  }, f) => {
+    const a = g({
+      label: t,
+      helperText: u,
+      helperTextPosition: c,
+      error: l ?? m,
+      required: p,
+      disabled: i,
+      className: o
+    });
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        "data-component": "radio-group",
+        "data-invalid": a.hasError || void 0,
+        children: a.wrapControl(
+          /* @__PURE__ */ r(
+            d.Root,
+            {
+              className: n(
+                "group flex gap-4",
+                e === "vertical" && "flex-col gap-2"
+              ),
+              "data-error": a.hasError,
+              disabled: i,
+              ...b,
+              ref: f
+            }
+          )
+        )
+      }
+    );
+  }
+), I = s(
+  "RadioGroupItem",
+  ({ className: o, ...e }, t) => /* @__PURE__ */ r(
+    d.Item,
+    {
+      ref: t,
+      className: n(
+        "relative size-4 shrink-0 rounded-full border border-stroke-field bg-canvas-elevated text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:border-stroke data-[state=checked]:border-brand hover:border-brand leading-none",
+        "group-data-[error=true]:border-destructive group-data-[error=true]:data-[state=checked]:border-destructive group-data-[error=true]:text-destructive",
+        o
+      ),
+      "data-component": "radio-group-item",
+      ...e,
+      children: /* @__PURE__ */ r(d.Indicator, { className: "absolute inset-0.5 rounded-full bg-current" })
+    }
+  )
+);
+export {
+  G as RadioGroup,
+  I as RadioGroupItem
+};

package/dist/components/forms/radio-group/radio-group.types.d.ts

@@ -0,0 +1,8 @@
+import { FieldControlProps } from '../../../lib/primitives/field.types';
+import type * as React from "react";
+import type * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, FieldControlProps {
+    /** @deprecated Use `error` */
+    isError?: boolean;
+    orientation?: "horizontal" | "vertical";
+}

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface LabelWithSequenceProps {
+    label: string | React.ReactNode;
+    sequence?: number;
+}
+/**
+ * LabelWithSequence - Component to render a label with an optional sequence badge
+ *
+ * Used in Select to display sequence numbers next to selected options
+ * in multi-select dropdowns with sequence tracking enabled.
+ */
+declare const LabelWithSequence: ({ label, sequence }: LabelWithSequenceProps) => import("react/jsx-runtime").JSX.Element;
+export { LabelWithSequence };

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

@@ -0,0 +1,18 @@
+import { jsx as e, Fragment as r, jsxs as n } from "react/jsx-runtime";
+import { Badge as s } from "../../../data-display/badge/badge.js";
+import "react";
+const l = ({ label: i, sequence: t }) => typeof i != "string" ? /* @__PURE__ */ e(r, { children: i }) : /* @__PURE__ */ n("div", { className: "flex items-center justify-between w-full min-w-0 gap-2", children: [
+  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content-tertiary truncate flex-1 min-w-0", children: i }),
+  t !== void 0 && t > 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 leading-none flex items-center", "data-testid": `select-option-sequence-${t}`, children: /* @__PURE__ */ e(
+    s,
+    {
+      variant: "outline",
+      color: "primary",
+      className: "text-xs px-[8px] py-0.2",
+      children: t.toString()
+    }
+  ) })
+] });
+export {
+  l as LabelWithSequence
+};

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

@@ -0,0 +1,17 @@
+export interface SelectAllRowVisibleStats {
+    totalVisible: number;
+    selectedVisible: number;
+}
+export interface SelectAllRowProps {
+    selectFieldId: string;
+    id?: string;
+    highlightedIndex: number;
+    isDisabled?: boolean;
+    isReadOnly: boolean;
+    maxSelectableOptions?: number;
+    visibleStats: SelectAllRowVisibleStats;
+    selectAllLabel: string;
+    unselectAllLabel: string;
+    onSelectAll: () => void | Promise<void>;
+}
+export declare function SelectAllRow({ selectFieldId, id, highlightedIndex, isDisabled, isReadOnly, maxSelectableOptions, visibleStats, selectAllLabel, unselectAllLabel, onSelectAll, }: SelectAllRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,70 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { Checkmark as k } from "impact-nova-icons";
+import { cn as m } from "../../../../lib/utils.js";
+import { SELECT_ALL_INDEX as y } from "../select.constants.js";
+function j({
+  selectFieldId: b,
+  id: t,
+  highlightedIndex: p,
+  isDisabled: f,
+  isReadOnly: u,
+  maxSelectableOptions: c,
+  visibleStats: h,
+  selectAllLabel: o,
+  unselectAllLabel: d,
+  onSelectAll: x
+}) {
+  const { totalVisible: a, selectedVisible: r } = h, l = c ? Math.min(a, c) : a, s = a === 0 ? !1 : r > 0 && r < l ? "indeterminate" : r >= l, n = a > 0 && r >= l, i = f || u;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "pb-1",
+      "data-testid": `select-select-all-container-${t || "default"}`,
+      children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          id: `${b}-option-select-all`,
+          className: m(
+            "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full border-0 bg-transparent text-start",
+            p === y && "ring-2 ring-inset ring-primary bg-accent",
+            i && "cursor-not-allowed opacity-75"
+          ),
+          onClick: () => {
+            x();
+          },
+          disabled: i,
+          "aria-pressed": n,
+          "aria-label": n ? d : o,
+          "data-testid": `select-select-all-button-${t || "default"}`,
+          children: /* @__PURE__ */ g("span", { className: "flex items-center flex-1", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": `select-select-all-checkbox-${t || "default"}`,
+                className: m(
+                  "mr-[7px] flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-stroke-field bg-canvas-elevated",
+                  (s === !0 || s === "indeterminate") && "border-brand bg-accent text-brand",
+                  i && "opacity-50"
+                ),
+                children: s === !0 ? /* @__PURE__ */ e(k, { className: "h-3.5 w-3.5" }) : s === "indeterminate" ? /* @__PURE__ */ e("span", { className: "block h-0.5 w-2.5 bg-current" }) : null
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: "text-sm font-medium text-gray-700",
+                "data-testid": `select-select-all-label-${t || "default"}`,
+                children: n ? d : o
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  j as SelectAllRow
+};

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface SelectMenuFooterProps {
+    footerContent?: ReactNode;
+    maxSelectableOptions?: number;
+    optionCount: number;
+}
+export declare function SelectMenuFooter({ footerContent, maxSelectableOptions, optionCount, }: SelectMenuFooterProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,22 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Info as d } from "impact-nova-icons";
+function x({
+  footerContent: t,
+  maxSelectableOptions: r,
+  optionCount: a
+}) {
+  return !t && !r && a <= 5e3 ? null : /* @__PURE__ */ e("div", { className: "sticky bottom-0 z-10 shrink-0 rounded-b-[12px] border-t border-solid border-gray-100 bg-white px-3 py-[10px]", children: r ? /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+    /* @__PURE__ */ e(d, { size: "12px", className: "text-gray-400" }),
+    /* @__PURE__ */ s("span", { className: "text-xs font-medium leading-4 text-secondary-foreground", children: [
+      "Maximum ",
+      r,
+      " selections"
+    ] })
+  ] }) : a > 5e3 ? /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+    /* @__PURE__ */ e(d, { size: "12px", className: "text-gray-400" }),
+    /* @__PURE__ */ e("span", { className: "text-xs font-medium leading-4 text-secondary-foreground", children: "Large dataset detected. Operations might be slower." })
+  ] }) : t });
+}
+export {
+  x as SelectMenuFooter
+};

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

@@ -0,0 +1,28 @@
+import { KeyboardEvent, RefObject } from 'react';
+import { SelectAllRowVisibleStats } from './SelectAllRow';
+export interface SelectMenuHeaderProps {
+    id?: string;
+    selectFieldId: string;
+    isReadOnly: boolean;
+    isDisabled?: boolean;
+    isMulti?: boolean;
+    isSearchable: boolean;
+    searchPosition: string;
+    fetchError: unknown;
+    isLoading?: boolean;
+    isProcessing: boolean;
+    isSelectAllEnabled: boolean;
+    flatOptionsLength: number;
+    searchInputRef: RefObject<HTMLInputElement | null>;
+    searchValue: string;
+    searchPlaceholder: string;
+    highlightedIndex: number;
+    maxSelectableOptions?: number;
+    visibleStats: SelectAllRowVisibleStats;
+    selectAllLabel: string;
+    unselectAllLabel: string;
+    onSearchChange: (value: string) => void;
+    onSearchKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onSelectAll: () => void | Promise<void>;
+}
+export declare function SelectMenuHeader({ id, selectFieldId, isReadOnly, isDisabled, isMulti, isSearchable, searchPosition, fetchError, isLoading, isProcessing, isSelectAllEnabled, flatOptionsLength, searchInputRef, searchValue, searchPlaceholder, highlightedIndex, maxSelectableOptions, visibleStats, selectAllLabel, unselectAllLabel, onSearchChange, onSearchKeyDown, onSelectAll, }: SelectMenuHeaderProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,96 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Search as C } from "impact-nova-icons";
+import { cn as H } from "../../../../lib/utils.js";
+import { SelectAllRow as $ } from "./SelectAllRow.js";
+import { hasSelectAllRow as D } from "../utils/getSelectableOptionIndices.js";
+function F({
+  id: t,
+  selectFieldId: i,
+  isReadOnly: o,
+  isDisabled: c,
+  isMulti: d,
+  isSearchable: p,
+  searchPosition: u,
+  fetchError: r,
+  isLoading: m,
+  isProcessing: x,
+  isSelectAllEnabled: b,
+  flatOptionsLength: f,
+  searchInputRef: h,
+  searchValue: v,
+  searchPlaceholder: g,
+  highlightedIndex: w,
+  maxSelectableOptions: N,
+  visibleStats: S,
+  selectAllLabel: k,
+  unselectAllLabel: y,
+  onSearchChange: A,
+  onSearchKeyDown: j,
+  onSelectAll: z
+}) {
+  const l = p && u === "menu" && !o && !r, s = D({
+    isLoading: !!m,
+    isProcessing: x,
+    fetchError: r,
+    isMulti: d,
+    isSelectAllEnabled: b,
+    isReadOnly: o,
+    flatOptionsLength: f
+  }), B = !r && (l || s);
+  return !l && !s ? null : /* @__PURE__ */ a(
+    "div",
+    {
+      className: H(
+        "sticky top-0 z-10 flex shrink-0 flex-col rounded-t-[12px] px-[6px] pt-[8px]",
+        o ? "bg-disabled-surface" : "bg-canvas-elevated",
+        B ? "border-b border-solid border-gray-100" : ""
+      ),
+      children: [
+        l ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: "p-0",
+            "data-testid": `select-search-container-${t || "default"}`,
+            children: /* @__PURE__ */ a("div", { className: "relative", children: [
+              /* @__PURE__ */ e("div", { className: "absolute inset-y-0 start-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ e(C, { size: "14px", className: "text-content-placeholder" }) }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: h,
+                  type: "text",
+                  className: "block w-full ps-[34px] pe-4 h-[35px] border-none border-b border-primary text-sm outline-none focus-visible:ring-1 focus-visible:ring-indigo-500 focus-visible:rounded-md",
+                  placeholder: g,
+                  value: v,
+                  onKeyDown: j,
+                  onChange: (n) => {
+                    A(n.target.value);
+                  },
+                  onClick: (n) => n.stopPropagation(),
+                  "data-testid": `select-search-input-${t || "default"}`
+                }
+              )
+            ] })
+          }
+        ) : null,
+        s ? /* @__PURE__ */ e(
+          $,
+          {
+            selectFieldId: i,
+            id: t,
+            highlightedIndex: w,
+            isDisabled: c,
+            isReadOnly: o,
+            maxSelectableOptions: N,
+            visibleStats: S,
+            selectAllLabel: k,
+            unselectAllLabel: y,
+            onSelectAll: z
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  F as SelectMenuHeader
+};

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

@@ -0,0 +1,46 @@
+import { ReactNode, RefObject } from 'react';
+import { Virtualizer } from '@tanstack/react-virtual';
+import { FlatOption } from '../hooks/useFlattenOptions';
+import { Group, MultiValue, Option } from '../select.types';
+export interface SelectMenuListBodyProps<OptionType extends Option = Option> {
+    fetchError: unknown;
+    onRefetch?: () => void;
+    flatOptions: FlatOption[];
+    isLoading?: boolean;
+    isProcessing: boolean;
+    isMulti?: boolean;
+    isReadOnly: boolean;
+    enableGroups: boolean;
+    enableSubMenus: boolean;
+    showSequence?: boolean;
+    maxSelectableOptions?: number;
+    listRef: RefObject<HTMLDivElement | null>;
+    listboxId: string;
+    listboxLabel: string;
+    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;
+    selectFieldId: string;
+    id?: string;
+    highlightedIndex: number;
+    activeSubmenu: string | null;
+    setActiveSubmenu: (value: string | null) => void;
+    internalValue: MultiValue<OptionType> | OptionType | null;
+    selectionMode: "include" | "exclude";
+    selectionSet: Set<string>;
+    resolveOptionLabel: (option: OptionType | Option) => ReactNode;
+    getSequenceForOption: (option: Option | FlatOption) => number | undefined;
+    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;
+    emptyMessage?: string;
+    errorMessage?: string;
+    refetchLabel?: string;
+}
+export declare function SelectMenuListBody<OptionType extends Option = Option>({ fetchError, onRefetch, flatOptions, isLoading, isProcessing, isMulti, isReadOnly, enableGroups, enableSubMenus, showSequence, maxSelectableOptions, listRef, listboxId, listboxLabel, rowVirtualizer, selectFieldId, id, highlightedIndex, activeSubmenu, setActiveSubmenu, internalValue, selectionMode, selectionSet, resolveOptionLabel, getSequenceForOption, renderOption, onSelect, getGroupStats, emptyMessage, errorMessage, refetchLabel, }: SelectMenuListBodyProps<OptionType>): import("react/jsx-runtime").JSX.Element;