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

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

@@ -1,24 +1,44 @@
-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 i from "react";
+import { useStableCallback as h } from "./als-react-ts-ui266.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-ui231.js";
+function Q(f) {
   const {
-    render: a,
-    className: b,
-    ...r
-  } = o, t = n("div", o, {
-    ref: e,
-    props: [{
-      role: "row"
-    }, r]
+    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__ */ i(s.Provider, {
-    value: !0,
-    children: t
+  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
   });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "ComboboxRow");
+}
 export {
-  f as ComboboxRow
+  Q as AutocompleteRoot
 };

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

@@ -1,112 +1,17 @@
-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 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 {
-    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
-  });
-  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");
+    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 {
-  te as ComboboxItem
+  f as ComboboxCollection
 };

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

@@ -1,34 +1,24 @@
-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 u from "react";
+import { useComboboxRootContext as a } from "./als-react-ts-ui454.js";
+import { ComboboxPortalContext as c } from "./als-react-ts-ui458.js";
+import { selectors as t } from "./als-react-ts-ui455.js";
+import { jsx as e } from "react/jsx-runtime";
+import { FloatingPortal as d } from "./als-react-ts-ui241.js";
+import { useStore as n } from "./als-react-ts-ui408.js";
+const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
   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,
-    props: [{
-      role: "group",
-      "aria-labelledby": e
-    }, l]
-  }), n = /* @__PURE__ */ s(c.Provider, {
-    value: p,
-    children: a
-  });
-  return o ? /* @__PURE__ */ s(d, {
-    items: o,
-    children: n
-  }) : n;
+    keepMounted: o = !1,
+    ...f
+  } = m, r = a(), l = n(r, t.mounted), i = n(r, t.forceMounted);
+  return l || o || i ? /* @__PURE__ */ e(c.Provider, {
+    value: o,
+    children: /* @__PURE__ */ e(d, {
+      ref: s,
+      ...f
+    })
+  }) : null;
 });
-process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxGroup");
+process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxPortal");
 export {
-  b as ComboboxGroup
+  p as ComboboxPortal
 };

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

@@ -1,27 +1,15 @@
-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 r from "react";
+import { useComboboxInputValueContext as l } from "./als-react-ts-ui454.js";
+import { jsx as u } from "react/jsx-runtime";
+function c(n) {
   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]
+    children: e
+  } = n, o = l();
+  let t = null;
+  return typeof e == "function" ? t = e(String(o)) : e != null ? t = e : t = o, /* @__PURE__ */ u(r.Fragment, {
+    children: t
   });
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "ComboboxGroupLabel");
+}
 export {
-  d as ComboboxGroupLabel
+  c as AutocompleteValue
 };

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

@@ -1,44 +1,30 @@
-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) {
-  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
-  });
-}
+const e = "_root_1du0o_2", d = "_checked_1du0o_42", i = "_indeterminate_1du0o_67", _ = "_disabled_1du0o_73", o = "_readonly_1du0o_79", t = "_required_1du0o_84", r = "_indicator_1du0o_89", a = "_indicatorChecked_1du0o_100", n = "_indicatorIndeterminate_1du0o_105", c = {
+  root: e,
+  "size-sm": "_size-sm_1du0o_26",
+  "size-md": "_size-md_1du0o_31",
+  "size-lg": "_size-lg_1du0o_36",
+  "variant-default": "_variant-default_1du0o_42",
+  checked: d,
+  "variant-primary": "_variant-primary_1du0o_47",
+  "variant-success": "_variant-success_1du0o_52",
+  "variant-error": "_variant-error_1du0o_57",
+  indeterminate: i,
+  disabled: _,
+  readonly: o,
+  required: t,
+  indicator: r,
+  indicatorChecked: a,
+  indicatorIndeterminate: n
+};
 export {
-  Q as AutocompleteRoot
+  d as checked,
+  c as default,
+  _ as disabled,
+  i as indeterminate,
+  r as indicator,
+  a as indicatorChecked,
+  n as indicatorIndeterminate,
+  o as readonly,
+  t as required,
+  e as root
 };

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

@@ -1,17 +1,187 @@
-import * as m from "react";
-import { useComboboxDerivedItemsContext as i } from "./als-react-ts-ui331.js";
-import { useGroupCollectionContext as s } from "./als-react-ts-ui337.js";
-import { jsx as c } from "react/jsx-runtime";
-function f(e) {
+import * as f from "react";
+import { NOOP as Pe, EMPTY_OBJECT as xe } from "./als-react-ts-ui304.js";
+import { useControlled as ve } from "./als-react-ts-ui265.js";
+import { useStableCallback as Re } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as A } from "./als-react-ts-ui267.js";
+import { useMergedRefs as Ve } from "./als-react-ts-ui272.js";
+import { visuallyHidden as Ee } from "./als-react-ts-ui359.js";
+import { useStateAttributesMapping as Ie } from "./als-react-ts-ui463.js";
+import { useRenderElement as ye } from "./als-react-ts-ui226.js";
+import { useBaseUiId as _ } from "./als-react-ts-ui232.js";
+import { useButton as Be } from "./als-react-ts-ui230.js";
+import { useFieldRootContext as Fe } from "./als-react-ts-ui398.js";
+import { useFieldItemContext as Oe } from "./als-react-ts-ui464.js";
+import { useField as De } from "./als-react-ts-ui403.js";
+import { useFormContext as Ne } from "./als-react-ts-ui402.js";
+import { useLabelableContext as Ge } from "./als-react-ts-ui399.js";
+import { useCheckboxGroupContext as Me } from "./als-react-ts-ui441.js";
+import { CheckboxRootContext as Se } from "./als-react-ts-ui465.js";
+import { createChangeEventDetails as Te } from "./als-react-ts-ui229.js";
+import { useValueChanged as Ae } from "./als-react-ts-ui406.js";
+import { jsxs as _e, jsx as j } from "react/jsx-runtime";
+import { mergeProps as je } from "./als-react-ts-ui305.js";
+import { none as qe } from "./als-react-ts-ui231.js";
+const He = "data-parent", Le = /* @__PURE__ */ f.forwardRef(function(I, q) {
   const {
-    children: r
-  } = e, {
-    filteredItems: n
-  } = i(), o = s(), t = o ? o.items : n;
-  return t ? /* @__PURE__ */ c(m.Fragment, {
-    children: t.map(r)
-  }) : null;
-}
+    checked: H,
+    className: we,
+    defaultChecked: L = !1,
+    disabled: $ = !1,
+    id: y,
+    indeterminate: x = !1,
+    inputRef: w,
+    name: J,
+    onCheckedChange: K,
+    parent: n = !1,
+    readOnly: p = !1,
+    render: Je,
+    required: m = !1,
+    value: h,
+    nativeButton: U = !1,
+    ...W
+  } = I, {
+    clearErrors: X
+  } = Ne(), {
+    disabled: Y,
+    name: z,
+    setDirty: Q,
+    setFilled: v,
+    setFocused: B,
+    setTouched: Z,
+    state: F,
+    validationMode: ee,
+    validityData: te,
+    shouldValidateOnChange: oe,
+    validation: ne
+  } = Fe(), re = Oe(), {
+    labelId: ie,
+    controlId: ae,
+    setControlId: C,
+    getDescriptionProps: O
+  } = Ge(), e = Me(), u = e?.parent, g = u && e.allValues, a = Y || re.disabled || e?.disabled || $, s = z ?? J, o = h ?? s, D = _(), se = _();
+  let l = ae;
+  g ? l = n ? se : `${u.id}-${o}` : y && (l = y);
+  let R = {};
+  g && (n ? R = e.parent.getParentProps() : o && (R = e.parent.getChildProps(o)));
+  const de = Re(K), {
+    checked: N = H,
+    indeterminate: k = x,
+    onCheckedChange: ue,
+    ...le
+  } = R, d = e?.value, G = e?.setValue, M = e?.defaultValue, V = f.useRef(null), {
+    getButtonProps: ce,
+    buttonRef: fe
+  } = Be({
+    disabled: a,
+    native: U
+  }), r = e?.validation ?? ne, [t, pe] = ve({
+    controlled: o && d && !n ? d.includes(o) : N,
+    default: o && M && !n ? M.includes(o) : L,
+    name: "Checkbox",
+    state: "checked"
+  });
+  A(() => {
+    if (C !== Pe)
+      return C(l), () => {
+        C(void 0);
+      };
+  }, [l, e, C, n]), De({
+    enabled: !e,
+    id: D,
+    commit: r.commit,
+    value: t,
+    controlRef: V,
+    name: s,
+    getValue: () => t
+  });
+  const c = f.useRef(null), me = Ve(w, c, r.inputRef);
+  A(() => {
+    c.current && (c.current.indeterminate = k, t && v(!0));
+  }, [t, k, v]), Ae(t, () => {
+    e && !n || (X(s), v(t), Q(t !== te.initialValue), oe() ? r.commit(t) : r.commit(t, !0));
+  });
+  const he = je(
+    {
+      checked: t,
+      disabled: a,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: n ? void 0 : s,
+      // Set `id` to stop Chrome warning about an unassociated input
+      id: l ?? void 0,
+      required: m,
+      ref: me,
+      style: Ee,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      onChange(i) {
+        if (i.nativeEvent.defaultPrevented)
+          return;
+        const b = i.target.checked, P = Te(qe, i.nativeEvent);
+        if (ue?.(b, P), de(b, P), !P.isCanceled && (pe(b), o && d && G && !n)) {
+          const ke = b ? [...d, o] : d.filter((be) => be !== o);
+          G(ke, P);
+        }
+      },
+      onFocus() {
+        V.current?.focus();
+      }
+    },
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    h !== void 0 ? {
+      value: (e ? t && h : h) || ""
+    } : xe,
+    O,
+    e ? r.getValidationProps : r.getInputValidationProps
+  ), S = g ? !!N : t, T = g && k || x;
+  f.useEffect(() => {
+    u && o && u.disabledStatesRef.current.set(o, a);
+  }, [u, a, o]);
+  const E = f.useMemo(() => ({
+    ...F,
+    checked: S,
+    disabled: a,
+    readOnly: p,
+    required: m,
+    indeterminate: T
+  }), [F, S, a, p, m, T]), Ce = Ie(E), ge = ye("span", I, {
+    state: E,
+    ref: [fe, V, q, e?.registerControlRef],
+    props: [{
+      id: D,
+      role: "checkbox",
+      "aria-checked": k ? "mixed" : t,
+      "aria-readonly": p || void 0,
+      "aria-required": m || void 0,
+      "aria-labelledby": ie,
+      [He]: n ? "" : void 0,
+      onFocus() {
+        B(!0);
+      },
+      onBlur() {
+        const i = c.current;
+        i && (Z(!0), B(!1), ee === "onBlur" && r.commit(e ? d : i.checked));
+      },
+      onClick(i) {
+        p || a || (i.preventDefault(), c.current?.click());
+      }
+    }, O, r.getValidationProps, W, le, ce],
+    stateAttributesMapping: Ce
+  });
+  return /* @__PURE__ */ _e(Se.Provider, {
+    value: E,
+    children: [ge, !t && !e && s && !n && /* @__PURE__ */ j("input", {
+      type: "hidden",
+      name: s,
+      value: "off"
+    }), /* @__PURE__ */ j("input", {
+      ...he
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Le.displayName = "CheckboxRoot");
 export {
-  f as ComboboxCollection
+  Le as CheckboxRoot,
+  He as PARENT_CHECKBOX
 };

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

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui70.js";
-function i(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSFieldsetLegend as e, ALSFieldsetRoot as o } from "./als-react-ts-ui70.js";
+const d = {
+  Root: o,
+  Legend: e
+};
 export {
-  i as ALSFieldset,
-  i as default
+  d as ALSFieldset
 };

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

@@ -1,24 +1,45 @@
-import * as u from "react";
-import { useComboboxRootContext as a } from "./als-react-ts-ui331.js";
-import { ComboboxPortalContext as c } from "./als-react-ts-ui335.js";
-import { selectors as t } from "./als-react-ts-ui332.js";
-import { jsx as e } from "react/jsx-runtime";
-import { FloatingPortal as d } from "./als-react-ts-ui196.js";
-import { useStore as n } from "./als-react-ts-ui267.js";
-const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
+import * as o from "react";
+import { useCheckboxRootContext as b } from "./als-react-ts-ui465.js";
+import { useRenderElement as M } from "./als-react-ts-ui226.js";
+import { useStateAttributesMapping as C } from "./als-react-ts-ui463.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui236.js";
+import { useTransitionStatus as R } from "./als-react-ts-ui342.js";
+import { transitionStatusMapping as g } from "./als-react-ts-ui228.js";
+import { fieldValidityMapping as k } from "./als-react-ts-ui409.js";
+const x = /* @__PURE__ */ o.forwardRef(function(n, p) {
   const {
-    keepMounted: o = !1,
-    ...f
-  } = m, r = a(), l = n(r, t.mounted), i = n(r, t.forceMounted);
-  return l || o || i ? /* @__PURE__ */ e(c.Provider, {
-    value: o,
-    children: /* @__PURE__ */ e(d, {
-      ref: s,
-      ...f
-    })
-  }) : null;
+    render: N,
+    className: A,
+    keepMounted: c = !1,
+    ...m
+  } = n, e = b(), t = e.checked || e.indeterminate, {
+    transitionStatus: r,
+    setMounted: u
+  } = R(t), s = o.useRef(null), f = o.useMemo(() => ({
+    ...e,
+    transitionStatus: r
+  }), [e, r]);
+  h({
+    open: t,
+    ref: s,
+    onComplete() {
+      t || u(!1);
+    }
+  });
+  const i = C(e), d = o.useMemo(() => ({
+    ...i,
+    ...g,
+    ...k
+  }), [i]), a = c || t, l = M("span", n, {
+    enabled: a,
+    ref: [p, s],
+    state: f,
+    stateAttributesMapping: d,
+    props: m
+  });
+  return a ? l : null;
 });
-process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxPortal");
+process.env.NODE_ENV !== "production" && (x.displayName = "CheckboxIndicator");
 export {
-  p as ComboboxPortal
+  x as CheckboxIndicator
 };

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

@@ -1,15 +1,11 @@
-import * as r from "react";
-import { useComboboxInputValueContext as l } from "./als-react-ts-ui331.js";
-import { jsx as u } from "react/jsx-runtime";
-function c(n) {
-  const {
-    children: e
-  } = n, o = l();
-  let t = null;
-  return typeof e == "function" ? t = e(String(o)) : e != null ? t = e : t = o, /* @__PURE__ */ u(r.Fragment, {
-    children: t
-  });
-}
+const t = "_root_17j9n_1", o = "_trigger_17j9n_8", n = "_panel_17j9n_50", r = {
+  root: t,
+  trigger: o,
+  panel: n
+};
 export {
-  c as AutocompleteValue
+  r as default,
+  n as panel,
+  t as root,
+  o as trigger
 };