@als-tp/als-react-ts-ui 0.4.0 → 0.5.0

package/dist/als-react-ts-ui142.js

@@ -1,26 +1,65 @@
-import * as i from "react";
-import { useRenderElement as a } from "./als-react-ts-ui166.js";
-import { useComboboxDerivedItemsContext as l, useComboboxRootContext as p } from "./als-react-ts-ui331.js";
-const c = /* @__PURE__ */ i.forwardRef(function(e, o) {
+import * as r from "react";
+import { useStableCallback as u } from "./als-react-ts-ui192.js";
+import { useRenderElement as A } from "./als-react-ts-ui189.js";
+import { useComboboxRootContext as K, useComboboxFloatingContext as _, useComboboxDerivedItemsContext as j } from "./als-react-ts-ui454.js";
+import { useComboboxPositionerContext as B } from "./als-react-ts-ui457.js";
+import { selectors as t } from "./als-react-ts-ui455.js";
+import { ComboboxCollection as F } from "./als-react-ts-ui148.js";
+import { CompositeList as V } from "./als-react-ts-ui284.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useStore as o } from "./als-react-ts-ui408.js";
+import { stopEvent as q } from "./als-react-ts-ui295.js";
+const G = /* @__PURE__ */ r.forwardRef(function(i, p) {
+  var l;
   const {
-    render: b,
-    className: f,
-    children: t,
-    ...r
-  } = e, {
-    filteredItems: m
-  } = l(), s = p(), n = m.length === 0 ? t : null;
-  return a("div", e, {
-    ref: [o, s.state.emptyRef],
-    props: [{
-      children: n,
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": !0
-    }, r]
+    render: J,
+    className: Q,
+    children: s,
+    ...b
+  } = i, e = K(), C = _(), x = !!B(!0), {
+    filteredItems: v
+  } = j(), R = o(e, t.items), E = o(e, t.labelsRef), y = o(e, t.listRef), g = o(e, t.selectionMode), I = o(e, t.grid), h = o(e, t.popupProps), P = o(e, t.disabled), k = o(e, t.readOnly), L = o(e, t.virtualized), M = g === "multiple", c = v.length === 0, D = u((n) => {
+    e.set("positionerElement", n);
+  }), N = u((n) => {
+    e.set("listElement", n);
+  }), w = r.useMemo(() => typeof s == "function" ? l || (l = /* @__PURE__ */ d(F, {
+    children: s
+  })) : s, [s]), O = r.useMemo(() => ({
+    empty: c
+  }), [c]), S = C.useState("floatingId"), m = A("div", i, {
+    state: O,
+    ref: [p, N, x ? null : D],
+    props: [h, {
+      children: w,
+      tabIndex: -1,
+      id: S,
+      role: I ? "grid" : "listbox",
+      "aria-multiselectable": M ? "true" : void 0,
+      onKeyDown(n) {
+        if (!(P || k) && n.key === "Enter") {
+          const a = e.state.activeIndex;
+          if (a == null)
+            return;
+          q(n);
+          const z = n.nativeEvent, f = e.state.listRef.current[a];
+          f && (e.state.selectionEventRef.current = z, f.click(), e.state.selectionEventRef.current = null);
+        }
+      },
+      onKeyDownCapture() {
+        e.state.keyboardActiveRef.current = !0;
+      },
+      onPointerMoveCapture() {
+        e.state.keyboardActiveRef.current = !1;
+      }
+    }, b]
+  });
+  return L ? m : /* @__PURE__ */ d(V, {
+    elementsRef: y,
+    labelsRef: R ? void 0 : E,
+    children: m
   });
 });
-process.env.NODE_ENV !== "production" && (c.displayName = "ComboboxEmpty");
+process.env.NODE_ENV !== "production" && (G.displayName = "ComboboxList");
 export {
-  c as ComboboxEmpty
+  G as ComboboxList
 };

package/dist/als-react-ts-ui143.js

@@ -1,65 +1,24 @@
-import * as r from "react";
-import { useStableCallback as u } from "./als-react-ts-ui160.js";
-import { useRenderElement as A } from "./als-react-ts-ui166.js";
-import { useComboboxRootContext as K, useComboboxFloatingContext as _, useComboboxDerivedItemsContext as j } from "./als-react-ts-ui331.js";
-import { useComboboxPositionerContext as B } from "./als-react-ts-ui334.js";
-import { selectors as t } from "./als-react-ts-ui332.js";
-import { ComboboxCollection as F } from "./als-react-ts-ui149.js";
-import { CompositeList as V } from "./als-react-ts-ui163.js";
-import { jsx as d } from "react/jsx-runtime";
-import { useStore as o } from "./als-react-ts-ui267.js";
-import { stopEvent as q } from "./als-react-ts-ui180.js";
-const G = /* @__PURE__ */ r.forwardRef(function(i, p) {
-  var l;
+import * as m from "react";
+import { useRenderElement as n } from "./als-react-ts-ui189.js";
+import { ComboboxRowContext as s } from "./als-react-ts-ui462.js";
+import { jsx as i } from "react/jsx-runtime";
+const f = /* @__PURE__ */ m.forwardRef(function(o, e) {
   const {
-    render: J,
-    className: Q,
-    children: s,
-    ...b
-  } = i, e = K(), C = _(), x = !!B(!0), {
-    filteredItems: v
-  } = j(), R = o(e, t.items), E = o(e, t.labelsRef), y = o(e, t.listRef), g = o(e, t.selectionMode), I = o(e, t.grid), h = o(e, t.popupProps), P = o(e, t.disabled), k = o(e, t.readOnly), L = o(e, t.virtualized), M = g === "multiple", c = v.length === 0, D = u((n) => {
-    e.set("positionerElement", n);
-  }), N = u((n) => {
-    e.set("listElement", n);
-  }), w = r.useMemo(() => typeof s == "function" ? l || (l = /* @__PURE__ */ d(F, {
-    children: s
-  })) : s, [s]), O = r.useMemo(() => ({
-    empty: c
-  }), [c]), S = C.useState("floatingId"), m = A("div", i, {
-    state: O,
-    ref: [p, N, x ? null : D],
-    props: [h, {
-      children: w,
-      tabIndex: -1,
-      id: S,
-      role: I ? "grid" : "listbox",
-      "aria-multiselectable": M ? "true" : void 0,
-      onKeyDown(n) {
-        if (!(P || k) && n.key === "Enter") {
-          const a = e.state.activeIndex;
-          if (a == null)
-            return;
-          q(n);
-          const z = n.nativeEvent, f = e.state.listRef.current[a];
-          f && (e.state.selectionEventRef.current = z, f.click(), e.state.selectionEventRef.current = null);
-        }
-      },
-      onKeyDownCapture() {
-        e.state.keyboardActiveRef.current = !0;
-      },
-      onPointerMoveCapture() {
-        e.state.keyboardActiveRef.current = !1;
-      }
-    }, b]
+    render: a,
+    className: b,
+    ...r
+  } = o, t = n("div", o, {
+    ref: e,
+    props: [{
+      role: "row"
+    }, r]
   });
-  return L ? m : /* @__PURE__ */ d(V, {
-    elementsRef: y,
-    labelsRef: R ? void 0 : E,
-    children: m
+  return /* @__PURE__ */ i(s.Provider, {
+    value: !0,
+    children: t
   });
 });
-process.env.NODE_ENV !== "production" && (G.displayName = "ComboboxList");
+process.env.NODE_ENV !== "production" && (f.displayName = "ComboboxRow");
 export {
-  G as ComboboxList
+  f as ComboboxRow
 };

package/dist/als-react-ts-ui144.js

@@ -1,24 +1,112 @@
-import * as m from "react";
-import { useRenderElement as n } from "./als-react-ts-ui166.js";
-import { ComboboxRowContext as s } from "./als-react-ts-ui339.js";
-import { jsx as i } from "react/jsx-runtime";
-const f = /* @__PURE__ */ m.forwardRef(function(o, e) {
+import * as l from "react";
+import * as j from "react-dom";
+import { useIsoLayoutEffect as C } from "./als-react-ts-ui193.js";
+import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./als-react-ts-ui454.js";
+import { useCompositeListItem as _, IndexGuessBehavior as H } from "./als-react-ts-ui290.js";
+import { useRenderElement as J } from "./als-react-ts-ui189.js";
+import { ComboboxItemContext as K } from "./als-react-ts-ui461.js";
+import { selectors as n } from "./als-react-ts-ui455.js";
+import { useComboboxRowContext as Q } from "./als-react-ts-ui462.js";
+import { findItemIndex as X, compareItemEquality as Y } from "./als-react-ts-ui405.js";
+import { jsx as Z } from "react/jsx-runtime";
+import { useButton as ee } from "./als-react-ts-ui247.js";
+import { useStore as s } from "./als-react-ts-ui408.js";
+const te = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(E, M) {
   const {
-    render: a,
-    className: b,
-    ...r
-  } = o, t = n("div", o, {
-    ref: e,
-    props: [{
-      role: "row"
-    }, r]
+    render: ne,
+    className: se,
+    value: i = null,
+    index: a,
+    disabled: c = !1,
+    nativeButton: O = !1,
+    ...w
+  } = E, m = l.useRef(!1), x = l.useRef(null), b = _({
+    index: a,
+    textRef: x,
+    indexGuessBehavior: H.GuessFromOrder
+  }), e = U(), B = Q(), {
+    flatFilteredItems: q
+  } = W(), P = s(e, n.open), I = s(e, n.selectionMode), S = s(e, n.readOnly), v = s(e, n.virtualized), R = s(e, n.isItemEqualToValue), V = I !== "none", o = a ?? (v ? X(q, i, R) : b.index), u = b.index !== -1, g = s(e, n.id), f = s(e, n.isActive, o), N = s(e, n.isSelected, i), p = s(e, n.items), A = s(e, n.getItemProps), y = l.useRef(null), F = g != null && u ? `${g}-${o}` : void 0, d = N && V;
+  C(() => {
+    if (!(u && (v || a != null)))
+      return;
+    const r = e.state.listRef.current;
+    return r[o] = y.current, () => {
+      delete r[o];
+    };
+  }, [u, v, o, a, e]), C(() => {
+    if (!u || p)
+      return;
+    const t = e.state.valuesRef.current;
+    return t[o] = i, I !== "none" && e.state.allValuesRef.current.push(i), () => {
+      delete t[o];
+    };
+  }, [u, p, o, i, e, I]), C(() => {
+    if (!P) {
+      m.current = !1;
+      return;
+    }
+    if (!u || p)
+      return;
+    const t = e.state.selectedValue, r = Array.isArray(t) ? t[t.length - 1] : t;
+    Y(r, i, R) && e.set("selectedIndex", o);
+  }, [u, p, P, e, o, i, R]);
+  const G = l.useMemo(() => ({
+    disabled: c,
+    selected: d,
+    highlighted: f
+  }), [c, d, f]), h = A({
+    active: f,
+    selected: d
   });
-  return /* @__PURE__ */ i(s.Provider, {
-    value: !0,
-    children: t
+  h.id = void 0, h.onFocus = void 0;
+  const {
+    getButtonProps: k,
+    buttonRef: z
+  } = ee({
+    disabled: c,
+    focusableWhenDisabled: !0,
+    native: O
+  });
+  function D(t) {
+    function r() {
+      e.state.handleSelection(t, i);
+    }
+    e.state.submitOnItemClick ? (j.flushSync(r), e.state.requestSubmit()) : r();
+  }
+  const L = {
+    id: F,
+    role: B ? "gridcell" : "option",
+    "aria-disabled": c || void 0,
+    "aria-selected": V ? d : void 0,
+    // Focusable items steal focus from the input upon mouseup.
+    // Warn if the user renders a natively focusable element like `<button>`,
+    // as it should be a `<div>` instead.
+    tabIndex: void 0,
+    onPointerDownCapture(t) {
+      m.current = !0, t.preventDefault();
+    },
+    onClick(t) {
+      c || S || D(t.nativeEvent);
+    },
+    onMouseUp(t) {
+      const r = m.current;
+      m.current = !1, !(c || S || t.button !== 0 || r || !f) && D(t.nativeEvent);
+    }
+  }, T = J("div", E, {
+    ref: [z, M, b.ref, y],
+    state: G,
+    props: [h, L, w, k]
+  }), $ = l.useMemo(() => ({
+    selected: d,
+    textRef: x
+  }), [d, x]);
+  return /* @__PURE__ */ Z(K.Provider, {
+    value: $,
+    children: T
   });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "ComboboxRow");
+}));
+process.env.NODE_ENV !== "production" && (te.displayName = "ComboboxItem");
 export {
-  f as ComboboxRow
+  te as ComboboxItem
 };

package/dist/als-react-ts-ui145.js

@@ -1,112 +1,34 @@
-import * as l from "react";
-import * as j from "react-dom";
-import { useIsoLayoutEffect as C } from "./als-react-ts-ui161.js";
-import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./als-react-ts-ui331.js";
-import { useCompositeListItem as _, IndexGuessBehavior as H } from "./als-react-ts-ui173.js";
-import { useRenderElement as J } from "./als-react-ts-ui166.js";
-import { ComboboxItemContext as K } from "./als-react-ts-ui338.js";
-import { selectors as n } from "./als-react-ts-ui332.js";
-import { useComboboxRowContext as Q } from "./als-react-ts-ui339.js";
-import { findItemIndex as X, compareItemEquality as Y } from "./als-react-ts-ui261.js";
-import { jsx as Z } from "react/jsx-runtime";
-import { useButton as ee } from "./als-react-ts-ui179.js";
-import { useStore as s } from "./als-react-ts-ui267.js";
-const te = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(E, M) {
+import * as r from "react";
+import { useRenderElement as u } from "./als-react-ts-ui189.js";
+import { ComboboxGroupContext as c } from "./als-react-ts-ui459.js";
+import { GroupCollectionProvider as d } from "./als-react-ts-ui460.js";
+import { jsx as s } from "react/jsx-runtime";
+const b = /* @__PURE__ */ r.forwardRef(function(t, i) {
   const {
-    render: ne,
-    className: se,
-    value: i = null,
-    index: a,
-    disabled: c = !1,
-    nativeButton: O = !1,
-    ...w
-  } = E, m = l.useRef(!1), x = l.useRef(null), b = _({
-    index: a,
-    textRef: x,
-    indexGuessBehavior: H.GuessFromOrder
-  }), e = U(), B = Q(), {
-    flatFilteredItems: q
-  } = W(), P = s(e, n.open), I = s(e, n.selectionMode), S = s(e, n.readOnly), v = s(e, n.virtualized), R = s(e, n.isItemEqualToValue), V = I !== "none", o = a ?? (v ? X(q, i, R) : b.index), u = b.index !== -1, g = s(e, n.id), f = s(e, n.isActive, o), N = s(e, n.isSelected, i), p = s(e, n.items), A = s(e, n.getItemProps), y = l.useRef(null), F = g != null && u ? `${g}-${o}` : void 0, d = N && V;
-  C(() => {
-    if (!(u && (v || a != null)))
-      return;
-    const r = e.state.listRef.current;
-    return r[o] = y.current, () => {
-      delete r[o];
-    };
-  }, [u, v, o, a, e]), C(() => {
-    if (!u || p)
-      return;
-    const t = e.state.valuesRef.current;
-    return t[o] = i, I !== "none" && e.state.allValuesRef.current.push(i), () => {
-      delete t[o];
-    };
-  }, [u, p, o, i, e, I]), C(() => {
-    if (!P) {
-      m.current = !1;
-      return;
-    }
-    if (!u || p)
-      return;
-    const t = e.state.selectedValue, r = Array.isArray(t) ? t[t.length - 1] : t;
-    Y(r, i, R) && e.set("selectedIndex", o);
-  }, [u, p, P, e, o, i, R]);
-  const G = l.useMemo(() => ({
-    disabled: c,
-    selected: d,
-    highlighted: f
-  }), [c, d, f]), h = A({
-    active: f,
-    selected: d
+    render: x,
+    className: C,
+    items: o,
+    ...l
+  } = t, [e, m] = r.useState(), p = r.useMemo(() => ({
+    labelId: e,
+    setLabelId: m,
+    items: o
+  }), [e, m, o]), a = u("div", t, {
+    ref: i,
+    props: [{
+      role: "group",
+      "aria-labelledby": e
+    }, l]
+  }), n = /* @__PURE__ */ s(c.Provider, {
+    value: p,
+    children: a
   });
-  h.id = void 0, h.onFocus = void 0;
-  const {
-    getButtonProps: k,
-    buttonRef: z
-  } = ee({
-    disabled: c,
-    focusableWhenDisabled: !0,
-    native: O
-  });
-  function D(t) {
-    function r() {
-      e.state.handleSelection(t, i);
-    }
-    e.state.submitOnItemClick ? (j.flushSync(r), e.state.requestSubmit()) : r();
-  }
-  const L = {
-    id: F,
-    role: B ? "gridcell" : "option",
-    "aria-disabled": c || void 0,
-    "aria-selected": V ? d : void 0,
-    // Focusable items steal focus from the input upon mouseup.
-    // Warn if the user renders a natively focusable element like `<button>`,
-    // as it should be a `<div>` instead.
-    tabIndex: void 0,
-    onPointerDownCapture(t) {
-      m.current = !0, t.preventDefault();
-    },
-    onClick(t) {
-      c || S || D(t.nativeEvent);
-    },
-    onMouseUp(t) {
-      const r = m.current;
-      m.current = !1, !(c || S || t.button !== 0 || r || !f) && D(t.nativeEvent);
-    }
-  }, T = J("div", E, {
-    ref: [z, M, b.ref, y],
-    state: G,
-    props: [h, L, w, k]
-  }), $ = l.useMemo(() => ({
-    selected: d,
-    textRef: x
-  }), [d, x]);
-  return /* @__PURE__ */ Z(K.Provider, {
-    value: $,
-    children: T
-  });
-}));
-process.env.NODE_ENV !== "production" && (te.displayName = "ComboboxItem");
+  return o ? /* @__PURE__ */ s(d, {
+    items: o,
+    children: n
+  }) : n;
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxGroup");
 export {
-  te as ComboboxItem
+  b as ComboboxGroup
 };

package/dist/als-react-ts-ui146.js

@@ -1,34 +1,27 @@
-import * as r from "react";
-import { useRenderElement as u } from "./als-react-ts-ui166.js";
-import { ComboboxGroupContext as c } from "./als-react-ts-ui336.js";
-import { GroupCollectionProvider as d } from "./als-react-ts-ui337.js";
-import { jsx as s } from "react/jsx-runtime";
-const b = /* @__PURE__ */ r.forwardRef(function(t, i) {
+import * as n from "react";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui193.js";
+import { useBaseUiId as p } from "./als-react-ts-ui249.js";
+import { useComboboxGroupContext as u } from "./als-react-ts-ui459.js";
+import { useRenderElement as a } from "./als-react-ts-ui189.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, t) {
   const {
-    render: x,
-    className: C,
-    items: o,
-    ...l
-  } = t, [e, m] = r.useState(), p = r.useMemo(() => ({
-    labelId: e,
-    setLabelId: m,
-    items: o
-  }), [e, m, o]), a = u("div", t, {
-    ref: i,
+    render: b,
+    className: c,
+    id: m,
+    ...s
+  } = r, {
+    setLabelId: o
+  } = u(), e = p(m);
+  return i(() => (o(e), () => {
+    o(void 0);
+  }), [e, o]), a("div", r, {
+    ref: t,
     props: [{
-      role: "group",
-      "aria-labelledby": e
-    }, l]
-  }), n = /* @__PURE__ */ s(c.Provider, {
-    value: p,
-    children: a
+      id: e
+    }, s]
   });
-  return o ? /* @__PURE__ */ s(d, {
-    items: o,
-    children: n
-  }) : n;
 });
-process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxGroup");
+process.env.NODE_ENV !== "production" && (d.displayName = "ComboboxGroupLabel");
 export {
-  b as ComboboxGroup
+  d as ComboboxGroupLabel
 };

package/dist/als-react-ts-ui147.js

@@ -1,27 +1,44 @@
-import * as n from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
-import { useBaseUiId as p } from "./als-react-ts-ui170.js";
-import { useComboboxGroupContext as u } from "./als-react-ts-ui336.js";
-import { useRenderElement as a } from "./als-react-ts-ui166.js";
-const d = /* @__PURE__ */ n.forwardRef(function(r, t) {
+import * as i from "react";
+import { useStableCallback as h } from "./als-react-ts-ui192.js";
+import { AriaCombobox as M } from "./als-react-ts-ui452.js";
+import { useCoreFilter as O } from "./als-react-ts-ui453.js";
+import { stringifyAsLabel as S } from "./als-react-ts-ui404.js";
+import { jsx as x } from "react/jsx-runtime";
+import { pointer as L } from "./als-react-ts-ui248.js";
+function Q(f) {
   const {
-    render: b,
-    className: c,
-    id: m,
-    ...s
-  } = r, {
-    setLabelId: o
-  } = u(), e = p(m);
-  return i(() => (o(e), () => {
-    o(void 0);
-  }), [e, o]), a("div", r, {
-    ref: t,
-    props: [{
-      id: e
-    }, s]
+    openOnInputClick: k = !1,
+    value: u,
+    defaultValue: m,
+    onValueChange: v,
+    mode: t = "list",
+    itemToStringValue: c,
+    ...o
+  } = f, p = t === "inline" || t === "both", I = t === "inline" || t === "none", l = u !== void 0, [d, y] = i.useState(m ?? ""), [b, r] = i.useState("");
+  i.useEffect(() => {
+    l && r("");
+  }, [u, l]);
+  let s;
+  p && b !== "" ? s = b : l ? s = u ?? "" : s = d;
+  const A = h((e, n) => {
+    r(""), l || y(e), v?.(e, n);
+  }), C = O(), g = i.useMemo(() => o.filter ? o.filter : (e, n, a) => C.contains(S(e, a), n), [o, C]), V = String(l ? u : d).trim(), F = i.useMemo(() => t !== "both" ? I ? null : o.filter : (e, n, a) => g(e, V, a), [g, t, o.filter, V, I]), H = h((e, n) => {
+    f.onItemHighlighted?.(e, n), n.reason !== L && (p ? e == null ? r("") : r(S(e, c)) : r(""));
   });
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "ComboboxGroupLabel");
+  return /* @__PURE__ */ x(M, {
+    ...o,
+    itemToStringLabel: c,
+    openOnInputClick: k,
+    selectionMode: "none",
+    fillInputOnItemPress: !0,
+    filter: F,
+    autoComplete: t,
+    inputValue: s,
+    defaultInputValue: m,
+    onInputValueChange: A,
+    onItemHighlighted: H
+  });
+}
 export {
-  d as ComboboxGroupLabel
+  Q as AutocompleteRoot
 };

package/dist/als-react-ts-ui148.js

@@ -1,44 +1,17 @@
-import * as i from "react";
-import { useStableCallback as h } from "./als-react-ts-ui160.js";
-import { AriaCombobox as M } from "./als-react-ts-ui329.js";
-import { useCoreFilter as O } from "./als-react-ts-ui330.js";
-import { stringifyAsLabel as S } from "./als-react-ts-ui260.js";
-import { jsx as x } from "react/jsx-runtime";
-import { pointer as L } from "./als-react-ts-ui168.js";
-function Q(f) {
+import * as m from "react";
+import { useComboboxDerivedItemsContext as i } from "./als-react-ts-ui454.js";
+import { useGroupCollectionContext as s } from "./als-react-ts-ui460.js";
+import { jsx as c } from "react/jsx-runtime";
+function f(e) {
   const {
-    openOnInputClick: k = !1,
-    value: u,
-    defaultValue: m,
-    onValueChange: v,
-    mode: t = "list",
-    itemToStringValue: c,
-    ...o
-  } = f, p = t === "inline" || t === "both", I = t === "inline" || t === "none", l = u !== void 0, [d, y] = i.useState(m ?? ""), [b, r] = i.useState("");
-  i.useEffect(() => {
-    l && r("");
-  }, [u, l]);
-  let s;
-  p && b !== "" ? s = b : l ? s = u ?? "" : s = d;
-  const A = h((e, n) => {
-    r(""), l || y(e), v?.(e, n);
-  }), C = O(), g = i.useMemo(() => o.filter ? o.filter : (e, n, a) => C.contains(S(e, a), n), [o, C]), V = String(l ? u : d).trim(), F = i.useMemo(() => t !== "both" ? I ? null : o.filter : (e, n, a) => g(e, V, a), [g, t, o.filter, V, I]), H = h((e, n) => {
-    f.onItemHighlighted?.(e, n), n.reason !== L && (p ? e == null ? r("") : r(S(e, c)) : r(""));
-  });
-  return /* @__PURE__ */ x(M, {
-    ...o,
-    itemToStringLabel: c,
-    openOnInputClick: k,
-    selectionMode: "none",
-    fillInputOnItemPress: !0,
-    filter: F,
-    autoComplete: t,
-    inputValue: s,
-    defaultInputValue: m,
-    onInputValueChange: A,
-    onItemHighlighted: H
-  });
+    children: r
+  } = e, {
+    filteredItems: n
+  } = i(), o = s(), t = o ? o.items : n;
+  return t ? /* @__PURE__ */ c(m.Fragment, {
+    children: t.map(r)
+  }) : null;
 }
 export {
-  Q as AutocompleteRoot
+  f as ComboboxCollection
 };