npm - @px-ui/core - Versions diffs - 1.23.0 → 1.24.0 - Mend

@px-ui/core 1.23.0 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dist/index.js CHANGED Viewed

@@ -1 +1,57 @@
+/* empty css          */
+import * as r from "./components/dialog.js";
+import * as t from "./components/popover.js";
+import * as p from "./components/combobox.js";
+import * as e from "./components/select.js";
+import * as m from "./components/menu.js";
+import * as a from "./components/input-group.js";
+import * as s from "./components/segmented-control.js";
+import * as x from "./components/tabs.js";
+import * as i from "./components/tooltip.js";
+import * as f from "./components/block-checkbox-group.js";
+import * as n from "./components/block-radio-group.js";
+import { Button as c, buttonVariants as l } from "./components/button.js";
+import { Checkbox as G } from "./components/checkbox.js";
+import { Label as v } from "./components/label.js";
+import { TextInput as I } from "./components/text-input.js";
+import { Input as h } from "./components/input.js";
+import { Textarea as R } from "./components/textarea.js";
+import { Avatar as T, AvatarImpl as B } from "./components/avatar.js";
+import { AvatarGroup as L } from "./components/avatar-group.js";
+import { Spinner as y } from "./components/spinner.js";
+import { Switch as M } from "./components/switch.js";
+import { RadioGroup as V, RadioGroupItem as j } from "./components/radio-group.js";
+import { defineLoadOptions as z, useAsyncOptions as E } from "./hooks/use-async-options.js";
+import { useIntersectionObserver as H } from "./hooks/use-intersection-observer.js";
+import { cn as K } from "./utils/classnames.js";
+export {
+  T as Avatar,
+  L as AvatarGroup,
+  B as AvatarImpl,
+  f as BlockCheckboxGroup,
+  n as BlockRadioGroup,
+  c as Button,
+  G as Checkbox,
+  p as Combobox,
+  r as Dialog,
+  h as Input,
+  a as InputGroup,
+  v as Label,
+  m as Menu,
+  t as Popover,
+  V as RadioGroup,
+  j as RadioGroupItem,
+  s as SegmentedControl,
+  e as Select,
+  y as Spinner,
+  M as Switch,
+  x as Tabs,
+  I as TextInput,
+  R as Textarea,
+  i as Tooltip,
+  l as buttonVariants,
+  K as cn,
+  z as defineLoadOptions,
+  E as useAsyncOptions,
+  H as useIntersectionObserver
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/fallback/AvatarFallback.js ADDED Viewed

@@ -0,0 +1,30 @@
+import * as t from "react";
+import { useTimeout as u } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useTimeout.js";
+import { useRenderElement as d } from "../../utils/useRenderElement.js";
+import { useAvatarRootContext as c } from "../root/AvatarRootContext.js";
+import { avatarStateAttributesMapping as f } from "../root/stateAttributesMapping.js";
+const p = /* @__PURE__ */ t.forwardRef(function(s, o) {
+  const {
+    className: v,
+    render: A,
+    delay: e,
+    ...n
+  } = s, {
+    imageLoadingStatus: a
+  } = c(), [i, m] = t.useState(e === void 0), r = u();
+  t.useEffect(() => (e !== void 0 && r.start(e, () => m(!0)), r.clear), [r, e]);
+  const l = t.useMemo(() => ({
+    imageLoadingStatus: a
+  }), [a]);
+  return d("span", s, {
+    state: l,
+    ref: o,
+    props: n,
+    stateAttributesMapping: f,
+    enabled: a !== "loaded" && i
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "AvatarFallback");
+export {
+  p as AvatarFallback
+};

@@ -0,0 +1,39 @@
+import * as s from "react";
+import { useEventCallback as u } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useIsoLayoutEffect as d } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { useRenderElement as l } from "../../utils/useRenderElement.js";
+import { useAvatarRootContext as p } from "../root/AvatarRootContext.js";
+import { avatarStateAttributesMapping as v } from "../root/stateAttributesMapping.js";
+import { useImageLoadingStatus as A } from "./useImageLoadingStatus.js";
+const I = /* @__PURE__ */ s.forwardRef(function(t, n) {
+  const {
+    className: L,
+    render: S,
+    onLoadingStatusChange: a,
+    referrerPolicy: i,
+    crossOrigin: m,
+    ...c
+  } = t, f = p(), e = A(t.src, {
+    referrerPolicy: i,
+    crossOrigin: m
+  }), r = u((o) => {
+    a == null || a(o), f.setImageLoadingStatus(o);
+  });
+  d(() => {
+    e !== "idle" && r(e);
+  }, [e, r]);
+  const g = s.useMemo(() => ({
+    imageLoadingStatus: e
+  }), [e]);
+  return l("img", t, {
+    state: g,
+    ref: n,
+    props: c,
+    stateAttributesMapping: v,
+    enabled: e === "loaded"
+  });
+});
+process.env.NODE_ENV !== "production" && (I.displayName = "AvatarImage");
+export {
+  I as AvatarImage
+};

@@ -0,0 +1,23 @@
+import * as d from "react";
+import { useIsoLayoutEffect as f } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { NOOP as m } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/empty.js";
+function p(o, {
+  referrerPolicy: e,
+  crossOrigin: a
+}) {
+  const [i, r] = d.useState("idle");
+  return f(() => {
+    if (!o)
+      return r("error"), m;
+    let n = !0;
+    const t = new window.Image(), u = (s) => () => {
+      n && r(s);
+    };
+    return r("loading"), t.onload = u("loaded"), t.onerror = u("error"), e && (t.referrerPolicy = e), t.crossOrigin = a ?? null, t.src = o, () => {
+      n = !1;
+    };
+  }, [o, a, e]), i;
+}
+export {
+  p as useImageLoadingStatus
+};

@@ -0,0 +1,30 @@
+import * as e from "react";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { AvatarRootContext as u } from "./AvatarRootContext.js";
+import { avatarStateAttributesMapping as c } from "./stateAttributesMapping.js";
+import { j as d } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const f = /* @__PURE__ */ e.forwardRef(function(o, r) {
+  const {
+    className: v,
+    render: R,
+    ...s
+  } = o, [t, a] = e.useState("idle"), n = e.useMemo(() => ({
+    imageLoadingStatus: t
+  }), [t]), i = e.useMemo(() => ({
+    imageLoadingStatus: t,
+    setImageLoadingStatus: a
+  }), [t, a]), m = p("span", o, {
+    state: n,
+    ref: r,
+    props: s,
+    stateAttributesMapping: c
+  });
+  return /* @__PURE__ */ d.jsx(u.Provider, {
+    value: i,
+    children: m
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "AvatarRoot");
+export {
+  f as AvatarRoot
+};

@@ -0,0 +1,13 @@
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "AvatarRootContext");
+function n() {
+  const t = o.useContext(e);
+  if (t === void 0)
+    throw new Error("Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>.");
+  return t;
+}
+export {
+  e as AvatarRootContext,
+  n as useAvatarRootContext
+};

@@ -0,0 +1,6 @@
+const t = {
+  imageLoadingStatus: () => null
+};
+export {
+  t as avatarStateAttributesMapping
+};

@@ -0,0 +1,45 @@
+import * as o from "react";
+import { useCheckboxRootContext as b } from "../root/CheckboxRootContext.js";
+import { useRenderElement as M } from "../../utils/useRenderElement.js";
+import { useStateAttributesMapping as C } from "../utils/useStateAttributesMapping.js";
+import { useOpenChangeComplete as h } from "../../utils/useOpenChangeComplete.js";
+import { useTransitionStatus as R } from "../../utils/useTransitionStatus.js";
+import { transitionStatusMapping as g } from "../../utils/stateAttributesMapping.js";
+import { fieldValidityMapping as k } from "../../field/utils/constants.js";
+const x = /* @__PURE__ */ o.forwardRef(function(n, p) {
+  const {
+    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" && (x.displayName = "CheckboxIndicator");
+export {
+  x as CheckboxIndicator
+};

@@ -0,0 +1,175 @@
+import * as f from "react";
+import { useControlled as Ce } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useControlled.js";
+import { useEventCallback as g } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useMergedRefs as be } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useMergedRefs.js";
+import { useIsoLayoutEffect as O } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { visuallyHidden as Ve } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/visuallyHidden.js";
+import { useStateAttributesMapping as ve } from "../utils/useStateAttributesMapping.js";
+import { useRenderElement as Pe } from "../../utils/useRenderElement.js";
+import { useBaseUiId as Re } from "../../utils/useBaseUiId.js";
+import { useButton as Ee } from "../../use-button/useButton.js";
+import { useFieldRootContext as ge } from "../../field/root/FieldRootContext.js";
+import { useFieldControlValidation as ye } from "../../field/control/useFieldControlValidation.js";
+import { useField as xe } from "../../field/useField.js";
+import { useFormContext as Fe } from "../../form/FormContext.js";
+import { useCheckboxGroupContext as Ie } from "../../checkbox-group/CheckboxGroupContext.js";
+import { CheckboxRootContext as Be } from "./CheckboxRootContext.js";
+import { createChangeEventDetails as De } from "../../utils/createBaseUIEventDetails.js";
+import { j as M } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { mergeProps as Ge } from "../../merge-props/mergeProps.js";
+const Me = {}, Ne = "data-parent", je = /* @__PURE__ */ f.forwardRef(function(m, _) {
+  const {
+    checked: w,
+    className: Ae,
+    defaultChecked: K = !1,
+    disabled: L = !1,
+    id: y,
+    indeterminate: x = !1,
+    inputRef: U,
+    name: X,
+    onCheckedChange: Y,
+    parent: r = !1,
+    readOnly: p = !1,
+    render: Te,
+    required: h = !1,
+    value: k,
+    nativeButton: $ = !0,
+    ...z
+  } = m, {
+    clearErrors: J
+  } = Fe(), {
+    disabled: Q,
+    labelId: W,
+    name: Z,
+    setControlId: C,
+    setDirty: ee,
+    setFilled: b,
+    setFocused: N,
+    setTouched: te,
+    state: j,
+    validationMode: F,
+    validityData: ne
+  } = ge(), e = Ie(), V = e == null ? void 0 : e.parent, I = V && e.allValues, s = Q || (e == null ? void 0 : e.disabled) || L, v = Z ?? X, n = k ?? v;
+  let B = {};
+  I && (r ? B = e.parent.getParentProps() : n && (B = e.parent.getChildProps(n)));
+  const oe = g(Y), {
+    checked: S = w,
+    indeterminate: P = x,
+    onCheckedChange: D,
+    ...ie
+  } = B, l = e == null ? void 0 : e.value, A = e == null ? void 0 : e.setValue, T = e == null ? void 0 : e.defaultValue, d = f.useRef(null), {
+    getButtonProps: ae,
+    buttonRef: re
+  } = Ee({
+    disabled: s,
+    native: $
+  }), se = ye(), i = (e == null ? void 0 : e.fieldControlValidation) ?? se, [a, le] = Ce({
+    controlled: n && l && !r ? l.includes(n) : S,
+    default: n && T && !r ? T.includes(n) : K,
+    name: "Checkbox",
+    state: "checked"
+  }), c = Re(y);
+  O(() => {
+    const t = d == null ? void 0 : d.current;
+    if (t)
+      return e ? C(y ?? null) : t.closest("label") == null && C(c), () => {
+        C(void 0);
+      };
+  }, [e, c, y, C]), xe({
+    enabled: !e,
+    id: c,
+    commitValidation: i.commitValidation,
+    value: a,
+    controlRef: d,
+    name: v,
+    getValue: () => a
+  });
+  const u = f.useRef(null), de = be(U, u, i.inputRef);
+  O(() => {
+    u.current && (u.current.indeterminate = P, a && b(!0));
+  }, [a, P, b]);
+  const ce = g(() => N(!0)), ue = g(() => {
+    const t = u.current;
+    t && (te(!0), N(!1), F === "onBlur" && i.commitValidation(e ? l : t.checked));
+  }), fe = g((t) => {
+    var o;
+    t.defaultPrevented || p || (t.preventDefault(), (o = u.current) == null || o.click());
+  }), me = Ge(
+    {
+      checked: a,
+      disabled: s,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: r ? void 0 : v,
+      // Set `id` to stop Chrome warning about an unassociated input
+      id: `${c}-input`,
+      required: h,
+      ref: de,
+      style: Ve,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      onChange(t) {
+        if (t.nativeEvent.defaultPrevented)
+          return;
+        const o = t.target.checked, R = De("none", t.nativeEvent);
+        if (D == null || D(o, R), oe(o, R), !R.isCanceled && (J(v), ee(o !== ne.initialValue), le(o), e || (b(o), F === "onChange" ? i.commitValidation(o) : i.commitValidation(o, !0)), n && l && A && !r)) {
+          const E = o ? [...l, n] : l.filter((ke) => ke !== n);
+          A(E, R), b(E.length > 0), F === "onChange" ? i.commitValidation(E) : i.commitValidation(E, !0);
+        }
+      },
+      onFocus() {
+        var t;
+        (t = d.current) == null || t.focus();
+      }
+    },
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    k !== void 0 ? {
+      value: (e ? a && k : k) || ""
+    } : Me,
+    e ? i.getValidationProps : i.getInputValidationProps
+  ), q = I ? !!S : a, H = I && P || x;
+  f.useEffect(() => {
+    V && n && V.disabledStatesRef.current.set(n, s);
+  }, [V, s, n]);
+  const G = f.useMemo(() => ({
+    ...j,
+    checked: q,
+    disabled: s,
+    readOnly: p,
+    required: h,
+    indeterminate: H
+  }), [j, q, s, p, h, H]), pe = ve(G), he = Pe("button", m, {
+    state: G,
+    ref: [re, d, _, e == null ? void 0 : e.registerControlRef],
+    props: [{
+      id: c,
+      role: "checkbox",
+      disabled: s,
+      "aria-checked": P ? "mixed" : a,
+      "aria-readonly": p || void 0,
+      "aria-required": h || void 0,
+      "aria-labelledby": W,
+      [Ne]: r ? "" : void 0,
+      onFocus: ce,
+      onBlur: ue,
+      onClick: fe
+    }, i.getValidationProps, z, ie, ae],
+    stateAttributesMapping: pe
+  });
+  return /* @__PURE__ */ M.jsxs(Be.Provider, {
+    value: G,
+    children: [he, !a && !e && m.name && !r && /* @__PURE__ */ M.jsx("input", {
+      type: "hidden",
+      name: m.name,
+      value: "off"
+    }), /* @__PURE__ */ M.jsx("input", {
+      ...me
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (je.displayName = "CheckboxRoot");
+export {
+  je as CheckboxRoot,
+  Ne as PARENT_CHECKBOX
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "CheckboxRootContext");
+function n() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error("Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>.");
+  return o;
+}
+export {
+  e as CheckboxRootContext,
+  n as useCheckboxRootContext
+};

@@ -0,0 +1,6 @@
+let l = /* @__PURE__ */ function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+}({});
+export {
+  l as CheckboxRootDataAttributes
+};

@@ -0,0 +1,18 @@
+import * as i from "react";
+import { CheckboxRootDataAttributes as t } from "../root/CheckboxRootDataAttributes.js";
+import { fieldValidityMapping as n } from "../../field/utils/constants.js";
+function a(e) {
+  return i.useMemo(() => ({
+    checked(r) {
+      return e.indeterminate ? {} : r ? {
+        [t.checked]: ""
+      } : {
+        [t.unchecked]: ""
+      };
+    },
+    ...n
+  }), [e.indeterminate]);
+}
+export {
+  a as useStateAttributesMapping
+};

@@ -0,0 +1,82 @@
+import * as l from "react";
+import { useControlled as j } from "../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useControlled.js";
+import { useEventCallback as x } from "../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useBaseUiId as y } from "../utils/useBaseUiId.js";
+import { useRenderElement as A } from "../utils/useRenderElement.js";
+import { CheckboxGroupContext as F } from "./CheckboxGroupContext.js";
+import { useFieldRootContext as w } from "../field/root/FieldRootContext.js";
+import { fieldValidityMapping as B } from "../field/utils/constants.js";
+import { useField as I } from "../field/useField.js";
+import { useFieldControlValidation as O } from "../field/control/useFieldControlValidation.js";
+import { PARENT_CHECKBOX as U } from "../checkbox/root/CheckboxRoot.js";
+import { useCheckboxGroupParent as _ } from "./useCheckboxGroupParent.js";
+import { j as D } from "../../../../../../../../_virtual/jsx-runtime.js";
+const H = /* @__PURE__ */ l.forwardRef(function(d, V) {
+  const {
+    allValues: a,
+    className: S,
+    defaultValue: i,
+    disabled: R = !1,
+    id: h,
+    onValueChange: o,
+    render: T,
+    value: u,
+    ...k
+  } = d, {
+    disabled: v,
+    labelId: E,
+    name: m,
+    state: p
+  } = w(), t = v || R, s = O(), [r, G] = j({
+    controlled: u,
+    default: i,
+    name: "CheckboxGroup",
+    state: "value"
+  }), c = x((e, C) => {
+    o == null || o(e, C), !C.isCanceled && G(e);
+  }), f = _({
+    allValues: a,
+    value: u,
+    onValueChange: o
+  }), N = y(h), n = l.useRef(null), b = x((e) => {
+    n.current == null && e != null && !e.hasAttribute(U) && (n.current = e);
+  });
+  I({
+    enabled: !!m,
+    id: N,
+    commitValidation: s.commitValidation,
+    value: r,
+    controlRef: n,
+    name: m,
+    getValue: () => r
+  });
+  const P = l.useMemo(() => ({
+    ...p,
+    disabled: t
+  }), [p, t]), g = l.useMemo(() => ({
+    allValues: a,
+    value: r,
+    defaultValue: i,
+    setValue: c,
+    parent: f,
+    disabled: t,
+    fieldControlValidation: s,
+    registerControlRef: b
+  }), [a, r, i, c, f, t, s, b]), M = A("div", d, {
+    state: P,
+    ref: V,
+    props: [{
+      role: "group",
+      "aria-labelledby": E
+    }, k],
+    stateAttributesMapping: B
+  });
+  return /* @__PURE__ */ D.jsx(F.Provider, {
+    value: g,
+    children: M
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "CheckboxGroup");
+export {
+  H as CheckboxGroup
+};

@@ -0,0 +1,13 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "CheckboxGroupContext");
+function r(n = !0) {
+  const e = o.useContext(t);
+  if (e === void 0 && !n)
+    throw new Error("Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>.");
+  return e;
+}
+export {
+  t as CheckboxGroupContext,
+  r as useCheckboxGroupContext
+};

@@ -0,0 +1,42 @@
+import * as a from "react";
+import { useEventCallback as b } from "../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useBaseUiId as R } from "../utils/useBaseUiId.js";
+const x = [];
+function M(O) {
+  const {
+    allValues: r = x,
+    value: e = x,
+    onValueChange: P
+  } = O, p = a.useRef(e), i = a.useRef(/* @__PURE__ */ new Map()), [f, h] = a.useState("mixed"), l = R(), C = e.length === r.length, d = e.length !== r.length && e.length > 0, n = b(P), m = a.useCallback(() => ({
+    id: l,
+    indeterminate: d,
+    checked: C,
+    "aria-controls": r.map((t) => `${l}-${t}`).join(" "),
+    onCheckedChange(t, s) {
+      const c = p.current, o = r.filter((u) => i.current.get(u) && c.includes(u)), g = r.filter((u) => !i.current.get(u) || i.current.get(u) && c.includes(u));
+      if (c.length === g.length || c.length === 0) {
+        e.length === g.length ? n(o, s) : n(g, s);
+        return;
+      }
+      f === "mixed" ? (n(g, s), h("on")) : f === "on" ? (n(o, s), h("off")) : f === "off" && (n(c, s), h("mixed"));
+    }
+  }), [r, C, l, d, n, f, e.length]), k = a.useCallback((t) => ({
+    name: t,
+    id: `${l}-${t}`,
+    checked: e.includes(t),
+    onCheckedChange(s, c) {
+      const o = e.slice();
+      s ? o.push(t) : o.splice(o.indexOf(t), 1), p.current = o, n(o, c), h("mixed");
+    }
+  }), [l, n, e]);
+  return a.useMemo(() => ({
+    id: l,
+    indeterminate: d,
+    getParentProps: m,
+    getChildProps: k,
+    disabledStatesRef: i
+  }), [l, d, m, k]);
+}
+export {
+  M as useCheckboxGroupParent
+};