@boxcustodia/library 2.0.0-alpha.30 → 2.0.0-alpha.31

package/dist/components/select/select.es.js

@@ -1,99 +1,100 @@
 "use client";
-import { jsx as r, jsxs as b, Fragment as G } from "react/jsx-runtime";
-import w from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
-import { useRender as T } from "../../node_modules/@base-ui/react/use-render/useRender.es.js";
-import D from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.es.js";
-import $ from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.es.js";
-import { cn as n } from "../../lib/cn.es.js";
-import { SelectRoot as V } from "../../node_modules/@base-ui/react/select/root/SelectRoot.es.js";
-import { SelectTrigger as B } from "../../node_modules/@base-ui/react/select/trigger/SelectTrigger.es.js";
-import { SelectIcon as R } from "../../node_modules/@base-ui/react/select/icon/SelectIcon.es.js";
-import { mergeProps as U } from "../../node_modules/@base-ui/react/merge-props/mergeProps.es.js";
-import { SelectValue as A } from "../../node_modules/@base-ui/react/select/value/SelectValue.es.js";
-import { SelectPortal as F } from "../../node_modules/@base-ui/react/select/portal/SelectPortal.es.js";
-import { SelectPositioner as M } from "../../node_modules/@base-ui/react/select/positioner/SelectPositioner.es.js";
-import { SelectPopup as W } from "../../node_modules/@base-ui/react/select/popup/SelectPopup.es.js";
-import { SelectScrollUpArrow as q } from "../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.es.js";
-import { SelectList as E } from "../../node_modules/@base-ui/react/select/list/SelectList.es.js";
-import { SelectScrollDownArrow as H } from "../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.es.js";
-import { SelectItem as J } from "../../node_modules/@base-ui/react/select/item/SelectItem.es.js";
-import { SelectItemText as K } from "../../node_modules/@base-ui/react/select/item-text/SelectItemText.es.js";
-import { SelectItemIndicator as O } from "../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.es.js";
-import { Separator as Q } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
-import { SelectGroup as X } from "../../node_modules/@base-ui/react/select/group/SelectGroup.es.js";
-import { SelectGroupLabel as Y } from "../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.es.js";
-import { SelectLabel as Z } from "../../node_modules/@base-ui/react/select/label/SelectLabel.es.js";
-import { inputBaseClasses as ee } from "../input/input.es.js";
-const N = n(
-  ee,
+import { jsx as r, jsxs as p, Fragment as T } from "react/jsx-runtime";
+import * as $ from "react";
+import I from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.es.js";
+import { useRender as V } from "../../node_modules/@base-ui/react/use-render/useRender.es.js";
+import R from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.es.js";
+import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.es.js";
+import { cn as l } from "../../lib/cn.es.js";
+import { SelectRoot as U } from "../../node_modules/@base-ui/react/select/root/SelectRoot.es.js";
+import { SelectTrigger as A } from "../../node_modules/@base-ui/react/select/trigger/SelectTrigger.es.js";
+import { SelectIcon as E } from "../../node_modules/@base-ui/react/select/icon/SelectIcon.es.js";
+import { mergeProps as K } from "../../node_modules/@base-ui/react/merge-props/mergeProps.es.js";
+import { SelectValue as M } from "../../node_modules/@base-ui/react/select/value/SelectValue.es.js";
+import { SelectPortal as q } from "../../node_modules/@base-ui/react/select/portal/SelectPortal.es.js";
+import { SelectPositioner as F } from "../../node_modules/@base-ui/react/select/positioner/SelectPositioner.es.js";
+import { SelectPopup as O } from "../../node_modules/@base-ui/react/select/popup/SelectPopup.es.js";
+import { SelectScrollUpArrow as W } from "../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.es.js";
+import { SelectList as H } from "../../node_modules/@base-ui/react/select/list/SelectList.es.js";
+import { SelectScrollDownArrow as J } from "../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.es.js";
+import { SelectItem as Q } from "../../node_modules/@base-ui/react/select/item/SelectItem.es.js";
+import { SelectItemText as X } from "../../node_modules/@base-ui/react/select/item-text/SelectItemText.es.js";
+import { SelectItemIndicator as Y } from "../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.es.js";
+import { Separator as Z } from "../../node_modules/@base-ui/react/separator/Separator.es.js";
+import { SelectGroup as ee } from "../../node_modules/@base-ui/react/select/group/SelectGroup.es.js";
+import { SelectGroupLabel as te } from "../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.es.js";
+import { SelectLabel as re } from "../../node_modules/@base-ui/react/select/label/SelectLabel.es.js";
+import { inputBaseClasses as oe } from "../input/input.es.js";
+const L = l(
+  oe,
   "relative inline-flex items-center justify-between gap-2 select-none text-left text-foreground",
   "focus-visible:border-ring",
   "aria-invalid:border-error focus-visible:aria-invalid:ring-error/20",
   "has-aria-invalid:border-error has-focus-visible:has-aria-invalid:ring-error/20",
   "data-disabled:cursor-not-allowed data-disabled:opacity-50",
   "[&_svg]:pointer-events-none [&_svg]:shrink-0"
-), y = "-me-1 size-4.5 opacity-80 sm:size-4";
-function te({
+), k = "-me-1 size-4.5 opacity-80 sm:size-4";
+function ae({
   ...e
 }) {
-  return /* @__PURE__ */ r(V, { ...e });
+  return /* @__PURE__ */ r(U, { ...e });
 }
-function re({
+function ne({
   className: e,
   children: t,
-  icon: a,
-  ...i
+  icon: n,
+  ...s
 }) {
-  return /* @__PURE__ */ b(
-    B,
+  return /* @__PURE__ */ p(
+    A,
     {
-      className: n(N, e),
+      className: l(L, e),
       "data-slot": "select-trigger",
-      ...i,
+      ...s,
       children: [
         t,
         /* @__PURE__ */ r(
-          R,
+          E,
           {
             "data-slot": "select-icon",
             className: "text-muted-foreground hover:text-foreground transition-colors",
-            children: a ?? /* @__PURE__ */ r(w, { className: y })
+            children: n ?? /* @__PURE__ */ r(I, { className: k })
           }
         )
       ]
     }
   );
 }
-function Ve({
+function Ue({
   className: e,
   render: t,
-  children: a,
-  icon: i,
-  ...c
+  children: n,
+  icon: s,
+  ...d
 }) {
-  const s = t ? void 0 : "button", d = {
-    children: /* @__PURE__ */ b(G, { children: [
-      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: a }),
-      i ?? /* @__PURE__ */ r(w, { className: y })
+  const i = t ? void 0 : "button", u = {
+    children: /* @__PURE__ */ p(T, { children: [
+      /* @__PURE__ */ r("span", { className: "flex-1 truncate in-data-placeholder:text-muted-foreground/72", children: n }),
+      s ?? /* @__PURE__ */ r(I, { className: k })
     ] }),
-    className: n(N, "min-w-0", e),
+    className: l(L, "min-w-0", e),
     "data-slot": "select-button",
-    type: s
+    type: i
   };
-  return T({
+  return V({
     defaultTagName: "button",
-    props: U(d, c),
+    props: K(u, d),
     render: t
   });
 }
-function oe({
+function le({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    A,
+    M,
     {
-      className: n(
+      className: l(
         "flex-1 truncate data-placeholder:text-muted-foreground",
         e
       ),
@@ -102,48 +103,48 @@ function oe({
     }
   );
 }
-function ae({
+function se({
   className: e,
   children: t,
-  side: a = "bottom",
-  sideOffset: i = 4,
-  align: c = "start",
-  alignOffset: s = 0,
-  alignItemWithTrigger: d = !1,
-  anchor: u,
-  portalProps: f,
+  side: n = "bottom",
+  sideOffset: s = 4,
+  align: d = "start",
+  alignOffset: i = 0,
+  alignItemWithTrigger: u = !1,
+  anchor: f,
+  portalProps: c,
   ...m
 }) {
-  return /* @__PURE__ */ r(F, { ...f, children: /* @__PURE__ */ r(
-    M,
+  return /* @__PURE__ */ r(q, { ...c, children: /* @__PURE__ */ r(
+    F,
     {
-      align: c,
-      alignItemWithTrigger: d,
-      alignOffset: s,
-      anchor: u,
+      align: d,
+      alignItemWithTrigger: u,
+      alignOffset: i,
+      anchor: f,
       className: "z-50 select-none",
       "data-slot": "select-positioner",
-      side: a,
-      sideOffset: i,
-      children: /* @__PURE__ */ b(
-        W,
+      side: n,
+      sideOffset: s,
+      children: /* @__PURE__ */ p(
+        O,
         {
           className: "origin-(--transform-origin) text-foreground outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
           "data-slot": "select-popup",
           ...m,
           children: [
             /* @__PURE__ */ r(
-              q,
+              W,
               {
                 className: "top-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:top-px before:h-[200%] before:rounded-t-[calc(var(--radius-lg)-1px)] before:bg-linear-to-b before:from-50% before:from-popover",
                 "data-slot": "select-scroll-up-arrow",
-                children: /* @__PURE__ */ r(D, { className: "relative size-4.5 sm:size-4" })
+                children: /* @__PURE__ */ r(R, { className: "relative size-4.5 sm:size-4" })
               }
             ),
             /* @__PURE__ */ r("div", { className: "relative h-full min-w-(--anchor-width) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", children: /* @__PURE__ */ r(
-              E,
+              H,
               {
-                className: n(
+                className: l(
                   "max-h-[min(24rem,var(--available-height))] overflow-y-auto p-1",
                   e
                 ),
@@ -152,11 +153,11 @@ function ae({
               }
             ) }),
             /* @__PURE__ */ r(
-              H,
+              J,
               {
                 className: "bottom-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:bottom-px before:h-[200%] before:rounded-b-[calc(var(--radius-lg)-1px)] before:bg-linear-to-t before:from-50% before:from-popover",
                 "data-slot": "select-scroll-down-arrow",
-                children: /* @__PURE__ */ r($, { className: "relative size-4.5 sm:size-4" })
+                children: /* @__PURE__ */ r(B, { className: "relative size-4.5 sm:size-4" })
               }
             )
           ]
@@ -165,23 +166,23 @@ function ae({
     }
   ) });
 }
-function le({
+function ie({
   className: e,
   children: t,
-  ...a
+  ...n
 }) {
-  return /* @__PURE__ */ b(
-    J,
+  return /* @__PURE__ */ p(
+    Q,
     {
-      className: n(
+      className: l(
         "grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1fr_1rem] items-center gap-2 rounded-sm py-1 px-2 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
       "data-slot": "select-item",
-      ...a,
+      ...n,
       children: [
-        /* @__PURE__ */ r(K, { className: "col-start-1 min-w-0", children: t }),
-        /* @__PURE__ */ r(O, { className: "col-start-2", children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(X, { className: "col-start-1 min-w-0", children: t }),
+        /* @__PURE__ */ r(Y, { className: "col-start-2", children: /* @__PURE__ */ r(
           "svg",
           {
             "aria-hidden": "true",
@@ -201,25 +202,25 @@ function le({
     }
   );
 }
-function Be({
+function Ae({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    Q,
+    Z,
     {
-      className: n("mx-2 my-1 h-px bg-border", e),
+      className: l("mx-2 my-1 h-px bg-border", e),
       "data-slot": "select-separator",
       ...t
     }
   );
 }
-function Re(e) {
-  return /* @__PURE__ */ r(X, { "data-slot": "select-group", ...e });
+function Ee(e) {
+  return /* @__PURE__ */ r(ee, { "data-slot": "select-group", ...e });
 }
-function Ue(e) {
+function Ke(e) {
   return /* @__PURE__ */ r(
-    Y,
+    te,
     {
       className: "px-2 py-1.5 font-medium text-muted-foreground text-xs",
       "data-slot": "select-group-label",
@@ -227,14 +228,14 @@ function Ue(e) {
     }
   );
 }
-function Ae({
+function Me({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ r(
-    Z,
+    re,
     {
-      className: n(
+      className: l(
         "not-in-data-[slot=field]:mb-2 inline-flex cursor-default items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4",
         e
       ),
@@ -243,7 +244,7 @@ function Ae({
     }
   );
 }
-function ne(e) {
+function ce(e) {
   if (e == null) return "";
   if (typeof e == "string" || typeof e == "number") return String(e);
   if (typeof e == "object") {
@@ -254,7 +255,7 @@ function ne(e) {
   }
   return String(e);
 }
-function ie(e) {
+function de(e) {
   if (e == null) return "";
   if (typeof e == "string" || typeof e == "number") return String(e);
   if (typeof e == "object") {
@@ -264,88 +265,101 @@ function ie(e) {
   }
   return String(e);
 }
-function se(e) {
+function ue(e) {
   return e != null && typeof e == "object" && "disabled" in e ? !!e.disabled : !1;
 }
-function Fe(e) {
+function qe(e) {
   const {
     items: t,
-    getLabel: a,
-    getId: i,
-    getDisabled: c,
-    renderItem: s,
-    placeholder: d,
-    onValueChange: u,
-    value: f,
+    getLabel: n,
+    getId: s,
+    getDisabled: d,
+    renderItem: i,
+    placeholder: u,
+    onValueChange: f,
+    value: c,
     defaultValue: m,
-    multiple: h,
-    className: z,
-    classNames: v,
-    icon: L,
-    "aria-invalid": S,
-    ...I
-  } = e, x = a ?? ne, l = i ?? ie, C = c ?? se, _ = h ? f?.map(l) : f != null ? l(f) : void 0, P = h ? m?.map(l) : m != null ? l(m) : void 0;
-  return /* @__PURE__ */ b(
-    te,
+    multiple: g,
+    className: C,
+    classNames: w,
+    icon: _,
+    "aria-invalid": N,
+    ...P
+  } = e, y = n ?? ce, S = s ?? de, j = d ?? ue, b = (o) => String(S(o)), v = (o) => t.find((a) => b(a) === o) ?? null, z = $.useRef(!1);
+  if (process.env.NODE_ENV !== "production" && !z.current) {
+    const o = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+    for (const h of t) {
+      const x = b(h);
+      o.has(x) && a.add(x), o.add(x);
+    }
+    a.size > 0 && (z.current = !0, console.warn(
+      `[Select] Multiple items resolve to the same id (${[...a].join(", ")}). Provide a \`getId\` that returns a unique value per item.`
+    ));
+  }
+  const D = g ? c?.map((o) => String(o)) : c == null ? c : String(c), G = g ? m?.map(
+    (o) => String(o)
+  ) : m == null ? void 0 : String(m);
+  return /* @__PURE__ */ p(
+    ae,
     {
       itemToStringLabel: (o) => {
-        const p = t.find((g) => l(g) === o);
-        return p ? x(p) : o;
+        const a = v(o);
+        return a ? y(a) : o;
       },
-      multiple: h,
-      value: _,
-      defaultValue: P,
+      multiple: g,
+      value: D,
+      defaultValue: G,
       onValueChange: (o) => {
-        if (h) {
-          const g = (o ?? []).map((j) => t.find((k) => l(k) === j) ?? null).filter(Boolean);
-          u?.(g);
+        if (g) {
+          const h = (o ?? []).map(v).filter(Boolean);
+          f?.(h.map(S), h);
         } else {
           if (o == null) {
-            u?.(null);
+            f?.(null, null);
             return;
           }
-          const p = t.find((g) => l(g) === o) ?? null;
-          u?.(p);
+          const a = v(o);
+          f?.(a ? S(a) : null, a);
         }
       },
-      ...I,
+      ...P,
       children: [
         /* @__PURE__ */ r(
-          re,
+          ne,
           {
-            className: z,
-            icon: L,
-            ...S === void 0 ? {} : { "aria-invalid": S },
-            children: /* @__PURE__ */ r(oe, { placeholder: d })
+            className: C,
+            icon: _,
+            ...N === void 0 ? {} : { "aria-invalid": N },
+            children: /* @__PURE__ */ r(le, { placeholder: u })
           }
         ),
-        /* @__PURE__ */ r(ae, { className: v?.popup, children: t.map((o) => /* @__PURE__ */ r(
-          le,
+        /* @__PURE__ */ r(se, { className: w?.popup, children: t.map((o) => /* @__PURE__ */ r(
+          ie,
           {
-            value: l(o),
-            disabled: C(o),
-            className: v?.item,
-            children: s ? s(o) : x(o)
+            value: b(o),
+            disabled: j(o),
+            className: w?.item,
+            children: i ? i(o) : y(o)
           },
-          l(o)
+          b(o)
         )) })
       ]
     }
   );
 }
 export {
-  Fe as Select,
-  Ve as SelectButton,
-  ae as SelectContent,
-  Re as SelectGroup,
-  Ue as SelectGroupLabel,
-  le as SelectItem,
-  Ae as SelectLabel,
-  ae as SelectPopup,
-  te as SelectRoot,
-  Be as SelectSeparator,
-  re as SelectTrigger,
-  oe as SelectValue,
-  N as selectTriggerClasses,
-  y as selectTriggerIconClassName
+  qe as Select,
+  Ue as SelectButton,
+  se as SelectContent,
+  Ee as SelectGroup,
+  Ke as SelectGroupLabel,
+  ie as SelectItem,
+  Me as SelectLabel,
+  se as SelectPopup,
+  ae as SelectRoot,
+  Ae as SelectSeparator,
+  ne as SelectTrigger,
+  le as SelectValue,
+  L as selectTriggerClasses,
+  k as selectTriggerIconClassName
 };

package/dist/src/components/combobox/combobox.d.ts

@@ -51,12 +51,25 @@ export declare function ComboboxChip({ children, removeProps, ...props }: Combob
     removeProps?: ComboboxPrimitive.ChipRemove.Props;
 }): React.ReactElement;
 export declare function ComboboxChipRemove(props: ComboboxPrimitive.ChipRemove.Props): React.ReactElement;
-type ComboboxBaseProps<TItem = unknown> = Omit<ComboboxPrimitive.Root.Props<TItem, boolean>, "items" | "itemToStringLabel" | "itemToStringValue" | "children" | "multiple" | "onValueChange" | "value" | "defaultValue"> & {
+type ComboboxId = string | number;
+/**
+ * Infers the id type from the shape of an item, mirroring `defaultGetId`'s
+ * lookup order (`id` before `value`, then the primitive itself). Lets the
+ * common case — `{ id, name }`, `{ label, value }`, or plain primitives — drive
+ * `value` / `onValueChange` typing with no explicit `getId`. Falls back to
+ * `string` for shapes `defaultGetId` can't address.
+ */
+type InferId<TItem> = TItem extends {
+    id: infer I extends ComboboxId;
+} ? I : TItem extends {
+    value: infer V extends ComboboxId;
+} ? V : TItem extends ComboboxId ? TItem : string;
+type ComboboxBaseProps<TItem = unknown, TId extends ComboboxId = InferId<TItem>> = Omit<ComboboxPrimitive.Root.Props<TItem, boolean>, "items" | "itemToStringLabel" | "itemToStringValue" | "children" | "multiple" | "onValueChange" | "value" | "defaultValue" | "isItemEqualToValue"> & {
     items: readonly TItem[];
     /** Returns the display text for an item. Used for filter matching, ARIA, and the trigger input. Defaults to `item.label`, `item.name`, `item.title`, or the stringified primitive. */
     getLabel?: (item: TItem) => string;
-    /** Returns a stable string identifier for an item. Used as the React key and as the hidden form value when `name` is set. Defaults to `item.id`, `item.value`, or the stringified primitive. */
-    getId?: (item: TItem) => string;
+    /** Returns a stable id for an item. Used as the controlled `value`, React key, and hidden form value. Defaults to `item.id`, `item.value`, or the stringified primitive. */
+    getId?: (item: TItem) => TId;
     renderItem?: (item: TItem) => React.ReactNode;
     placeholder?: string;
     emptyText?: string;
@@ -83,16 +96,22 @@ type ComboboxBaseProps<TItem = unknown> = Omit<ComboboxPrimitive.Root.Props<TIte
         empty?: string;
     };
 };
-export type ComboboxProps<TItem = unknown> = (ComboboxBaseProps<TItem> & {
+export type ComboboxProps<TItem = unknown, TId extends ComboboxId = InferId<TItem>> = (ComboboxBaseProps<TItem, TId> & {
     multiple?: false;
-    value?: TItem | null;
-    defaultValue?: TItem | null;
-    onValueChange?: (value: TItem | null) => void;
-}) | (ComboboxBaseProps<TItem> & {
+    /** Controlled selection id. Pass the value returned by `getId` (string or number), not the item object. */
+    value?: TId | null;
+    /** Initial selection id for uncontrolled usage. */
+    defaultValue?: TId | null;
+    /** Called with the selected id and the full item when selection changes. Both are `null` when cleared. */
+    onValueChange?: (id: TId | null, item: TItem | null) => void;
+}) | (ComboboxBaseProps<TItem, TId> & {
     multiple: true;
-    value?: TItem[];
-    defaultValue?: TItem[];
-    onValueChange?: (value: TItem[]) => void;
+    /** Controlled selection ids for multiple mode. Pass the array of values returned by `getId`. */
+    value?: ReadonlyArray<TId>;
+    /** Initial selection ids for uncontrolled multiple mode. */
+    defaultValue?: ReadonlyArray<TId>;
+    /** Called with the array of selected ids and the array of full items when selection changes. */
+    onValueChange?: (ids: TId[], items: TItem[]) => void;
 });
 /**
  * Composite combobox for single and multiple selection.
@@ -109,6 +128,6 @@ export type ComboboxProps<TItem = unknown> = (ComboboxBaseProps<TItem> & {
  * Use `ComboboxRoot` + primitives directly when you need full structural
  * control beyond what escape-hatch props offer.
  */
-export declare function Combobox<TItem = unknown>(allProps: ComboboxProps<TItem>): React.ReactElement;
+export declare function Combobox<TItem = unknown, TId extends ComboboxId = InferId<TItem>>(allProps: ComboboxProps<TItem, TId>): React.ReactElement;
 export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
 export { ComboboxPrimitive };

package/dist/src/components/pagination/pagination.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps, ComponentType, ElementType, ReactNode } from 'react';
 import { Button } from '../button';
+import { SelectProps } from '../select';
 import { PageSize } from './pagination.model';
 type GetPageHref = (state: {
     page: number;
@@ -116,9 +117,12 @@ interface PaginationRangeProps {
     }) => ReactNode);
 }
 export declare function PaginationRange({ children, className, ...props }: PaginationRangeProps): import("react/jsx-runtime").JSX.Element;
-interface PaginationSizeSelectProps extends Omit<ComponentProps<"select">, "value" | "onChange"> {
+type PaginationSizeSelectProps = Omit<SelectProps<{
+    label: string;
+    value: PageSize;
+}, PageSize>, "items" | "value" | "defaultValue" | "onValueChange" | "multiple"> & {
     sizes?: readonly PageSize[] | PageSize[];
-}
+};
 export declare function PaginationSizeSelect({ sizes, className, ...props }: PaginationSizeSelectProps): import("react/jsx-runtime").JSX.Element;
 interface PaginationProps extends Omit<PaginationRootProps, "children"> {
     sizes?: readonly PageSize[] | PageSize[] | false;