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

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

@@ -0,0 +1,127 @@
+import * as p from "react";
+import { useStableCallback as $ } from "./als-react-ts-ui160.js";
+import { useTimeout as ee } from "./als-react-ts-ui229.js";
+import { ownerDocument as te } from "./als-react-ts-ui268.js";
+import { useRenderElement as oe } from "./als-react-ts-ui166.js";
+import { useComboboxRootContext as ne, useComboboxFloatingContext as re, useComboboxInputValueContext as ie } from "./als-react-ts-ui331.js";
+import { selectors as o } from "./als-react-ts-ui332.js";
+import { useFieldRootContext as se } from "./als-react-ts-ui254.js";
+import { useLabelableContext as ae } from "./als-react-ts-ui255.js";
+import { pressableTriggerOpenStateMapping as ce } from "./als-react-ts-ui188.js";
+import { getPseudoElementBounds as le } from "./als-react-ts-ui270.js";
+import { createChangeEventDetails as R } from "./als-react-ts-ui167.js";
+import { fieldValidityMapping as ue } from "./als-react-ts-ui269.js";
+import { useTypeahead as fe } from "./als-react-ts-ui265.js";
+import { useClick as de } from "./als-react-ts-ui200.js";
+import { useButton as me } from "./als-react-ts-ui179.js";
+import { useStore as n } from "./als-react-ts-ui267.js";
+import { stopEvent as pe } from "./als-react-ts-ui180.js";
+import { listNavigation as ge } from "./als-react-ts-ui168.js";
+import { getTarget as be, contains as T } from "./als-react-ts-ui241.js";
+const g = 2, xe = {
+  ...ce,
+  ...ue
+}, Re = /* @__PURE__ */ p.forwardRef(function(E, V) {
+  const {
+    render: Ee,
+    className: Ce,
+    nativeButton: I = !0,
+    disabled: O = !1,
+    ...C
+  } = E, {
+    state: y,
+    disabled: v,
+    setTouched: B,
+    setFocused: P,
+    validationMode: S,
+    validation: b
+  } = se(), {
+    labelId: k
+  } = ae(), e = ne(), M = n(e, o.selectionMode), x = n(e, o.disabled), a = n(e, o.readOnly), F = n(e, o.listElement), N = n(e, o.triggerProps), r = n(e, o.triggerElement), i = n(e, o.inputInsidePopup), c = n(e, o.open), A = n(e, o.selectedValue), U = n(e, o.activeIndex), Y = n(e, o.selectedIndex), l = re(), L = ie(), X = ee(), s = v || x || O, h = p.useRef("");
+  function w(t) {
+    h.current = t.pointerType;
+  }
+  const D = l.select("domReferenceElement");
+  p.useEffect(() => {
+    i && r && r !== D && l.set("domReferenceElement", r);
+  }, [r, D, l, i]);
+  const {
+    reference: _
+  } = fe(l, {
+    enabled: !c && !a && !x && M === "single",
+    listRef: e.state.labelsRef,
+    activeIndex: U,
+    selectedIndex: Y,
+    onMatch(t) {
+      const f = e.state.valuesRef.current[t];
+      f !== void 0 && e.state.setSelectedValue(f, R("none"));
+    }
+  }), {
+    reference: z
+  } = de(l, {
+    enabled: !a && !x,
+    event: "mousedown"
+  }), {
+    buttonRef: H,
+    getButtonProps: K
+  } = me({
+    native: I,
+    disabled: s
+  }), j = p.useMemo(() => ({
+    ...y,
+    open: c,
+    disabled: s
+  }), [y, c, s]), q = $((t) => {
+    e.set("triggerElement", t);
+  });
+  return oe("button", E, {
+    ref: [V, H, q],
+    state: j,
+    props: [N, z, _, {
+      tabIndex: i ? 0 : -1,
+      disabled: s,
+      role: i ? "combobox" : void 0,
+      "aria-expanded": c ? "true" : "false",
+      "aria-haspopup": i ? "dialog" : "listbox",
+      "aria-controls": c ? F?.id : void 0,
+      "aria-readonly": a || void 0,
+      "aria-labelledby": k,
+      onPointerDown: w,
+      onPointerEnter: w,
+      onFocus() {
+        P(!0), !(s || a) && X.start(0, e.state.forceMount);
+      },
+      onBlur() {
+        if (B(!0), P(!1), S === "onBlur") {
+          const t = M === "none" ? L : A;
+          b.commit(t);
+        }
+      },
+      onMouseDown(t) {
+        if (s || a || (i || l.set("domReferenceElement", t.currentTarget), e.state.forceMount(), h.current !== "touch" && (e.state.inputRef.current?.focus(), i || t.preventDefault()), c))
+          return;
+        const f = te(t.currentTarget);
+        function G(u) {
+          if (!r)
+            return;
+          const d = be(u), J = e.state.positionerElement, Q = e.state.listElement;
+          if (T(r, d) || T(J, d) || T(Q, d) || d === r)
+            return;
+          const m = le(r), W = u.clientX >= m.left - g && u.clientX <= m.right + g, Z = u.clientY >= m.top - g && u.clientY <= m.bottom + g;
+          W && Z || e.state.setOpen(!1, R("cancel-open", u));
+        }
+        i && f.addEventListener("mouseup", G, {
+          once: !0
+        });
+      },
+      onKeyDown(t) {
+        s || a || (t.key === "ArrowDown" || t.key === "ArrowUp") && (pe(t), e.state.setOpen(!0, R(ge, t.nativeEvent)), e.state.inputRef.current?.focus());
+      }
+    }, b ? b.getValidationProps(C) : C, K],
+    stateAttributesMapping: xe
+  });
+});
+process.env.NODE_ENV !== "production" && (Re.displayName = "ComboboxTrigger");
+export {
+  Re as ComboboxTrigger
+};

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

@@ -0,0 +1,20 @@
+import * as n from "react";
+import { useRenderElement as t } from "./als-react-ts-ui166.js";
+const m = /* @__PURE__ */ n.forwardRef(function(e, o) {
+  const {
+    className: c,
+    render: a,
+    ...r
+  } = e;
+  return t("span", e, {
+    ref: o,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, r]
+  });
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "ComboboxIcon");
+export {
+  m as ComboboxIcon
+};

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

@@ -0,0 +1,85 @@
+import * as m from "react";
+import { useComboboxRootContext as S, useComboboxInputValueContext as O } from "./als-react-ts-ui331.js";
+import { useRenderElement as N } from "./als-react-ts-ui166.js";
+import { selectors as n } from "./als-react-ts-ui332.js";
+import { useFieldRootContext as B } from "./als-react-ts-ui254.js";
+import { useTransitionStatus as P } from "./als-react-ts-ui218.js";
+import { transitionStatusMapping as w } from "./als-react-ts-ui189.js";
+import { useOpenChangeComplete as F } from "./als-react-ts-ui183.js";
+import { createChangeEventDetails as f } from "./als-react-ts-ui167.js";
+import { triggerOpenStateMapping as T } from "./als-react-ts-ui188.js";
+import { useButton as _ } from "./als-react-ts-ui179.js";
+import { useStore as s } from "./als-react-ts-ui267.js";
+import { clearPress as b } from "./als-react-ts-ui168.js";
+const j = {
+  ...w,
+  ...T
+}, q = /* @__PURE__ */ m.forwardRef(function(l, C) {
+  const {
+    render: G,
+    className: H,
+    disabled: x = !1,
+    nativeButton: y = !0,
+    keepMounted: v = !1,
+    ...R
+  } = l, {
+    disabled: g
+  } = B(), e = S(), i = s(e, n.selectionMode), M = s(e, n.disabled), u = s(e, n.readOnly), d = s(e, n.open), r = s(e, n.selectedValue), I = O();
+  let t = !1;
+  i === "none" ? t = I !== "" : i === "single" ? t = r != null : t = Array.isArray(r) && r.length > 0;
+  const o = g || M || x, {
+    buttonRef: A,
+    getButtonProps: V
+  } = _({
+    native: y,
+    disabled: o
+  }), {
+    mounted: h,
+    transitionStatus: c,
+    setMounted: k
+  } = P(t), D = m.useMemo(() => ({
+    disabled: o,
+    open: d,
+    transitionStatus: c
+  }), [o, d, c]);
+  F({
+    open: t,
+    ref: e.state.clearRef,
+    onComplete() {
+      t || k(!1);
+    }
+  });
+  const E = N("button", l, {
+    state: D,
+    ref: [C, A, e.state.clearRef],
+    props: [{
+      tabIndex: -1,
+      children: "x",
+      disabled: o,
+      "aria-readonly": u || void 0,
+      // Avoid stealing focus from the input.
+      onMouseDown(a) {
+        a.preventDefault();
+      },
+      onClick(a) {
+        if (o || u)
+          return;
+        const p = e.state.keyboardActiveRef;
+        e.state.setInputValue("", f(b, a.nativeEvent)), i !== "none" ? (e.state.setSelectedValue(Array.isArray(r) ? [] : null, f(b, a.nativeEvent)), e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: p.current ? "keyboard" : "pointer"
+        })) : e.state.setIndices({
+          activeIndex: null,
+          type: p.current ? "keyboard" : "pointer"
+        }), e.state.inputRef.current?.focus();
+      }
+    }, R, V],
+    stateAttributesMapping: j
+  });
+  return v || h ? E : null;
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "ComboboxClear");
+export {
+  q as ComboboxClear
+};

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

@@ -0,0 +1,37 @@
+import * as p from "react";
+import { useComboboxRootContext as u } from "./als-react-ts-ui331.js";
+import { popupStateMapping as d } from "./als-react-ts-ui188.js";
+import { transitionStatusMapping as f } from "./als-react-ts-ui189.js";
+import { useRenderElement as b } from "./als-react-ts-ui166.js";
+import { selectors as t } from "./als-react-ts-ui332.js";
+import { useStore as e } from "./als-react-ts-ui267.js";
+const l = {
+  ...d,
+  ...f
+}, S = /* @__PURE__ */ p.forwardRef(function(r, i) {
+  const {
+    className: C,
+    render: k,
+    ...m
+  } = r, o = u(), n = e(o, t.open), a = e(o, t.mounted), s = e(o, t.transitionStatus), c = p.useMemo(() => ({
+    open: n,
+    transitionStatus: s
+  }), [n, s]);
+  return b("div", r, {
+    state: c,
+    ref: i,
+    stateAttributesMapping: l,
+    props: [{
+      role: "presentation",
+      hidden: !a,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, m]
+  });
+});
+process.env.NODE_ENV !== "production" && (S.displayName = "ComboboxBackdrop");
+export {
+  S as ComboboxBackdrop
+};

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

@@ -0,0 +1,101 @@
+import * as a from "react";
+import { useIsoLayoutEffect as U } from "./als-react-ts-ui161.js";
+import { useStableCallback as _ } from "./als-react-ts-ui160.js";
+import { inertValue as j } from "./als-react-ts-ui194.js";
+import { useScrollLock as B } from "./als-react-ts-ui236.js";
+import { useComboboxRootContext as F, useComboboxDerivedItemsContext as z, useComboboxFloatingContext as T } from "./als-react-ts-ui331.js";
+import { ComboboxPositionerContext as W } from "./als-react-ts-ui334.js";
+import { useAnchorPositioning as q } from "./als-react-ts-ui272.js";
+import { popupStateMapping as G } from "./als-react-ts-ui188.js";
+import { useComboboxPortalContext as J } from "./als-react-ts-ui335.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as K } from "./als-react-ts-ui198.js";
+import { useRenderElement as Q } from "./als-react-ts-ui166.js";
+import { selectors as t } from "./als-react-ts-ui332.js";
+import { InternalBackdrop as X } from "./als-react-ts-ui195.js";
+import { jsxs as Y, jsx as Z } from "react/jsx-runtime";
+import { useStore as n } from "./als-react-ts-ui267.js";
+const $ = /* @__PURE__ */ a.forwardRef(function(m, u) {
+  const {
+    render: eo,
+    className: to,
+    anchor: f,
+    positionMethod: g = "absolute",
+    side: b = "bottom",
+    align: h = "center",
+    sideOffset: x = 0,
+    alignOffset: C = 0,
+    collisionBoundary: P = "clipping-ancestors",
+    collisionPadding: y = 5,
+    arrowPadding: E = 5,
+    sticky: w = !1,
+    disableAnchorTracking: S = !1,
+    collisionAvoidance: v = K,
+    ...I
+  } = m, e = F(), {
+    filteredItems: M
+  } = z(), R = T(), A = J(), c = n(e, t.modal), r = n(e, t.open), i = n(e, t.mounted), O = n(e, t.openMethod), d = n(e, t.triggerElement), l = n(e, t.inputElement), N = n(e, t.inputInsidePopup), p = M.length === 0, o = q({
+    anchor: f ?? (N ? d : l),
+    floatingRootContext: R,
+    positionMethod: g,
+    mounted: i,
+    side: b,
+    sideOffset: x,
+    align: h,
+    alignOffset: C,
+    arrowPadding: E,
+    collisionBoundary: P,
+    collisionPadding: y,
+    sticky: w,
+    disableAnchorTracking: S,
+    keepMounted: A,
+    collisionAvoidance: v,
+    lazyFlip: !0
+  });
+  B(r && c && O !== "touch", d);
+  const k = a.useMemo(() => {
+    const s = {
+      ...o.positionerStyles
+    };
+    return r || (s.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !i,
+      style: s
+    };
+  }, [r, i, o.positionerStyles]), H = a.useMemo(() => ({
+    open: r,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden,
+    empty: p
+  }), [r, o.side, o.align, o.anchorHidden, p]);
+  U(() => {
+    e.set("popupSide", o.side);
+  }, [e, o.side]);
+  const D = a.useMemo(() => ({
+    side: o.side,
+    align: o.align,
+    arrowRef: o.arrowRef,
+    arrowUncentered: o.arrowUncentered,
+    arrowStyles: o.arrowStyles,
+    anchorHidden: o.anchorHidden,
+    isPositioned: o.isPositioned
+  }), [o.side, o.align, o.arrowRef, o.arrowUncentered, o.arrowStyles, o.anchorHidden, o.isPositioned]), L = _((s) => {
+    e.set("positionerElement", s);
+  }), V = Q("div", m, {
+    state: H,
+    ref: [u, L],
+    props: [k, I],
+    stateAttributesMapping: G
+  });
+  return /* @__PURE__ */ Y(W.Provider, {
+    value: D,
+    children: [i && c && /* @__PURE__ */ Z(X, {
+      inert: j(!r),
+      cutout: l ?? d
+    }), V]
+  });
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "ComboboxPositioner");
+export {
+  $ as ComboboxPositioner
+};

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

@@ -0,0 +1,68 @@
+import * as g from "react";
+import { useRenderElement as v } from "./als-react-ts-ui166.js";
+import { useComboboxRootContext as P, useComboboxFloatingContext as S, useComboboxDerivedItemsContext as D } from "./als-react-ts-ui331.js";
+import { selectors as e } from "./als-react-ts-ui332.js";
+import { popupStateMapping as y } from "./als-react-ts-ui188.js";
+import { useComboboxPositionerContext as N } from "./als-react-ts-ui334.js";
+import { useOpenChangeComplete as T } from "./als-react-ts-ui183.js";
+import { transitionStatusMapping as H } from "./als-react-ts-ui189.js";
+import { getDisabledMountTransitionStyles as O } from "./als-react-ts-ui279.js";
+import { jsx as j } from "react/jsx-runtime";
+import { FloatingFocusManager as w } from "./als-react-ts-ui193.js";
+import { useStore as n } from "./als-react-ts-ui267.js";
+import { getTarget as A, contains as V } from "./als-react-ts-ui241.js";
+const _ = {
+  ...y,
+  ...H
+}, k = /* @__PURE__ */ g.forwardRef(function(u, b) {
+  const {
+    render: z,
+    className: B,
+    initialFocus: m,
+    finalFocus: c,
+    ...C
+  } = u, t = P(), o = N(), x = S(), {
+    filteredItems: F
+  } = D(), h = n(t, e.mounted), s = n(t, e.open), l = n(t, e.openMethod), p = n(t, e.transitionStatus), i = n(t, e.inputInsidePopup), I = n(t, e.inputElement), d = F.length === 0;
+  T({
+    open: s,
+    ref: t.state.popupRef,
+    onComplete() {
+      s && t.state.onOpenChangeComplete(!0);
+    }
+  });
+  const R = g.useMemo(() => ({
+    open: s,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden,
+    transitionStatus: p,
+    empty: d
+  }), [s, o.side, o.align, o.anchorHidden, p, d]), M = v("div", u, {
+    state: R,
+    ref: [b, t.state.popupRef],
+    props: [{
+      role: i ? "dialog" : "presentation",
+      tabIndex: -1,
+      onFocus(r) {
+        const f = A(r.nativeEvent);
+        l !== "touch" && (V(t.state.listElement, f) || f === r.currentTarget) && t.state.inputRef.current?.focus();
+      }
+    }, O(p), C],
+    stateAttributesMapping: _
+  }), E = m === void 0 ? i ? (r) => r === "touch" ? t.state.popupRef.current : I : !1 : m;
+  let a;
+  return c != null ? a = c : a = i ? void 0 : !1, /* @__PURE__ */ j(w, {
+    context: x,
+    disabled: !h,
+    modal: !i,
+    openInteractionType: l,
+    initialFocus: E,
+    returnFocus: a,
+    children: M
+  });
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "ComboboxPopup");
+export {
+  k as ComboboxPopup
+};

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./als-react-ts-ui69.js";
+function i(t) {
+  return /* @__PURE__ */ o("div", { className: r.root });
+}
+export {
+  i as ALSField,
+  i as default
+};

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

@@ -0,0 +1,39 @@
+import * as n from "react";
+import { useComboboxPositionerContext as u } from "./als-react-ts-ui334.js";
+import { useComboboxRootContext as b } from "./als-react-ts-ui331.js";
+import { selectors as d } from "./als-react-ts-ui332.js";
+import { useRenderElement as l } from "./als-react-ts-ui166.js";
+import { popupStateMapping as x } from "./als-react-ts-ui188.js";
+import { useStore as w } from "./als-react-ts-ui267.js";
+const C = /* @__PURE__ */ n.forwardRef(function(o, m) {
+  const {
+    className: A,
+    render: N,
+    ...i
+  } = o, p = b(), {
+    arrowRef: a,
+    side: e,
+    align: r,
+    arrowUncentered: t,
+    arrowStyles: c
+  } = u(), s = w(p, d.open), f = n.useMemo(() => ({
+    open: s,
+    side: e,
+    align: r,
+    uncentered: t
+  }), [s, e, r, t]);
+  return l("div", o, {
+    ref: [a, m],
+    stateAttributesMapping: x,
+    state: f,
+    props: {
+      style: c,
+      "aria-hidden": !0,
+      ...i
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (C.displayName = "ComboboxArrow");
+export {
+  C as ComboboxArrow
+};

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

@@ -0,0 +1,21 @@
+import * as r from "react";
+import { useRenderElement as a } from "./als-react-ts-ui166.js";
+const s = /* @__PURE__ */ r.forwardRef(function(o, e) {
+  const {
+    render: m,
+    className: n,
+    ...t
+  } = o;
+  return a("div", o, {
+    ref: e,
+    props: [{
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": !0
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "ComboboxStatus");
+export {
+  s as ComboboxStatus
+};

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

@@ -0,0 +1,26 @@
+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) {
+  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]
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ComboboxEmpty");
+export {
+  c as ComboboxEmpty
+};

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

@@ -0,0 +1,65 @@
+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;
+  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]
+  });
+  return L ? m : /* @__PURE__ */ d(V, {
+    elementsRef: y,
+    labelsRef: R ? void 0 : E,
+    children: m
+  });
+});
+process.env.NODE_ENV !== "production" && (G.displayName = "ComboboxList");
+export {
+  G as ComboboxList
+};

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

@@ -0,0 +1,24 @@
+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) {
+  const {
+    render: a,
+    className: b,
+    ...r
+  } = o, t = n("div", o, {
+    ref: e,
+    props: [{
+      role: "row"
+    }, r]
+  });
+  return /* @__PURE__ */ i(s.Provider, {
+    value: !0,
+    children: t
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "ComboboxRow");
+export {
+  f as ComboboxRow
+};