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

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

@@ -1,17 +1,17 @@
 import * as a from "react";
-import { useIsoLayoutEffect as U } from "./als-react-ts-ui267.js";
-import { useStableCallback as _ } from "./als-react-ts-ui266.js";
-import { inertValue as j } from "./als-react-ts-ui239.js";
-import { useScrollLock as B } from "./als-react-ts-ui307.js";
+import { useIsoLayoutEffect as U } from "./als-react-ts-ui224.js";
+import { useStableCallback as _ } from "./als-react-ts-ui223.js";
+import { inertValue as j } from "./als-react-ts-ui283.js";
+import { useScrollLock as B } from "./als-react-ts-ui325.js";
 import { useComboboxRootContext as F, useComboboxDerivedItemsContext as z, useComboboxFloatingContext as T } from "./als-react-ts-ui454.js";
 import { ComboboxPositionerContext as W } from "./als-react-ts-ui457.js";
-import { useAnchorPositioning as q } from "./als-react-ts-ui391.js";
-import { popupStateMapping as G } from "./als-react-ts-ui227.js";
+import { useAnchorPositioning as q } from "./als-react-ts-ui360.js";
+import { popupStateMapping as G } from "./als-react-ts-ui271.js";
 import { useComboboxPortalContext as J } from "./als-react-ts-ui458.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as K } from "./als-react-ts-ui243.js";
-import { useRenderElement as Q } from "./als-react-ts-ui226.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as K } from "./als-react-ts-ui287.js";
+import { useRenderElement as Q } from "./als-react-ts-ui220.js";
 import { selectors as t } from "./als-react-ts-ui455.js";
-import { InternalBackdrop as X } from "./als-react-ts-ui240.js";
+import { InternalBackdrop as X } from "./als-react-ts-ui284.js";
 import { jsxs as Y, jsx as Z } from "react/jsx-runtime";
 import { useStore as n } from "./als-react-ts-ui408.js";
 const $ = /* @__PURE__ */ a.forwardRef(function(m, u) {

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

@@ -1,16 +1,16 @@
 import * as g from "react";
-import { useRenderElement as v } from "./als-react-ts-ui226.js";
+import { useRenderElement as v } from "./als-react-ts-ui220.js";
 import { useComboboxRootContext as P, useComboboxFloatingContext as S, useComboboxDerivedItemsContext as D } from "./als-react-ts-ui454.js";
 import { selectors as e } from "./als-react-ts-ui455.js";
-import { popupStateMapping as y } from "./als-react-ts-ui227.js";
+import { popupStateMapping as y } from "./als-react-ts-ui271.js";
 import { useComboboxPositionerContext as N } from "./als-react-ts-ui457.js";
-import { useOpenChangeComplete as T } from "./als-react-ts-ui236.js";
-import { transitionStatusMapping as H } from "./als-react-ts-ui228.js";
-import { getDisabledMountTransitionStyles as O } from "./als-react-ts-ui393.js";
+import { useOpenChangeComplete as T } from "./als-react-ts-ui280.js";
+import { transitionStatusMapping as H } from "./als-react-ts-ui272.js";
+import { getDisabledMountTransitionStyles as O } from "./als-react-ts-ui362.js";
 import { jsx as j } from "react/jsx-runtime";
-import { FloatingFocusManager as w } from "./als-react-ts-ui238.js";
+import { FloatingFocusManager as w } from "./als-react-ts-ui282.js";
 import { useStore as n } from "./als-react-ts-ui408.js";
-import { getTarget as A, contains as V } from "./als-react-ts-ui312.js";
+import { getTarget as A, contains as V } from "./als-react-ts-ui330.js";
 const _ = {
   ...y,
   ...H

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

@@ -2,8 +2,8 @@ import * as n from "react";
 import { useComboboxPositionerContext as u } from "./als-react-ts-ui457.js";
 import { useComboboxRootContext as b } from "./als-react-ts-ui454.js";
 import { selectors as d } from "./als-react-ts-ui455.js";
-import { useRenderElement as l } from "./als-react-ts-ui226.js";
-import { popupStateMapping as x } from "./als-react-ts-ui227.js";
+import { useRenderElement as l } from "./als-react-ts-ui220.js";
+import { popupStateMapping as x } from "./als-react-ts-ui271.js";
 import { useStore as w } from "./als-react-ts-ui408.js";
 const C = /* @__PURE__ */ n.forwardRef(function(o, m) {
   const {

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

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { useRenderElement as a } from "./als-react-ts-ui226.js";
+import { useRenderElement as a } from "./als-react-ts-ui220.js";
 const s = /* @__PURE__ */ r.forwardRef(function(o, e) {
   const {
     render: m,

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

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { useRenderElement as a } from "./als-react-ts-ui226.js";
+import { useRenderElement as a } from "./als-react-ts-ui220.js";
 import { useComboboxDerivedItemsContext as l, useComboboxRootContext as p } from "./als-react-ts-ui454.js";
 const c = /* @__PURE__ */ i.forwardRef(function(e, o) {
   const {

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

@@ -1,14 +1,14 @@
 import * as r from "react";
-import { useStableCallback as u } from "./als-react-ts-ui266.js";
-import { useRenderElement as A } from "./als-react-ts-ui226.js";
+import { useStableCallback as u } from "./als-react-ts-ui223.js";
+import { useRenderElement as A } from "./als-react-ts-ui220.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-ui145.js";
-import { CompositeList as V } from "./als-react-ts-ui269.js";
+import { CompositeList as V } from "./als-react-ts-ui294.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-ui280.js";
+import { stopEvent as q } from "./als-react-ts-ui305.js";
 const G = /* @__PURE__ */ r.forwardRef(function(i, p) {
   var l;
   const {

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

@@ -1,5 +1,5 @@
 import * as m from "react";
-import { useRenderElement as n } from "./als-react-ts-ui226.js";
+import { useRenderElement as n } from "./als-react-ts-ui220.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) {

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

@@ -1,15 +1,15 @@
 import * as l from "react";
 import * as j from "react-dom";
-import { useIsoLayoutEffect as C } from "./als-react-ts-ui267.js";
+import { useIsoLayoutEffect as C } from "./als-react-ts-ui224.js";
 import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./als-react-ts-ui454.js";
-import { useCompositeListItem as _, IndexGuessBehavior as H } from "./als-react-ts-ui275.js";
-import { useRenderElement as J } from "./als-react-ts-ui226.js";
+import { useCompositeListItem as _, IndexGuessBehavior as H } from "./als-react-ts-ui300.js";
+import { useRenderElement as J } from "./als-react-ts-ui220.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-ui230.js";
+import { useButton as ee } from "./als-react-ts-ui274.js";
 import { useStore as s } from "./als-react-ts-ui408.js";
 const te = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(E, M) {
   const {

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

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { useRenderElement as u } from "./als-react-ts-ui226.js";
+import { useRenderElement as u } from "./als-react-ts-ui220.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";

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

@@ -1,8 +1,8 @@
 import * as n from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui267.js";
-import { useBaseUiId as p } from "./als-react-ts-ui232.js";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui224.js";
+import { useBaseUiId as p } from "./als-react-ts-ui276.js";
 import { useComboboxGroupContext as u } from "./als-react-ts-ui459.js";
-import { useRenderElement as a } from "./als-react-ts-ui226.js";
+import { useRenderElement as a } from "./als-react-ts-ui220.js";
 const d = /* @__PURE__ */ n.forwardRef(function(r, t) {
   const {
     render: b,

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

@@ -1,10 +1,10 @@
 import * as i from "react";
-import { useStableCallback as h } from "./als-react-ts-ui266.js";
+import { useStableCallback as h } from "./als-react-ts-ui223.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";
+import { pointer as L } from "./als-react-ts-ui275.js";
 function Q(f) {
   const {
     openOnInputClick: k = !1,

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

@@ -3,7 +3,7 @@ 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 { FloatingPortal as d } from "./als-react-ts-ui285.js";
 import { useStore as n } from "./als-react-ts-ui408.js";
 const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
   const {

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

@@ -1,26 +1,26 @@
 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 { NOOP as Pe, EMPTY_OBJECT as xe } from "./als-react-ts-ui322.js";
+import { useControlled as ve } from "./als-react-ts-ui292.js";
+import { useStableCallback as Re } from "./als-react-ts-ui223.js";
+import { useIsoLayoutEffect as A } from "./als-react-ts-ui224.js";
+import { useMergedRefs as Ve } from "./als-react-ts-ui297.js";
+import { visuallyHidden as Ee } from "./als-react-ts-ui376.js";
+import { useStateAttributesMapping as Ie } from "./als-react-ts-ui448.js";
+import { useRenderElement as ye } from "./als-react-ts-ui220.js";
+import { useBaseUiId as _ } from "./als-react-ts-ui276.js";
+import { useButton as Be } from "./als-react-ts-ui274.js";
 import { useFieldRootContext as Fe } from "./als-react-ts-ui398.js";
-import { useFieldItemContext as Oe } from "./als-react-ts-ui464.js";
+import { useFieldItemContext as Oe } from "./als-react-ts-ui447.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 { useCheckboxGroupContext as Me } from "./als-react-ts-ui436.js";
+import { CheckboxRootContext as Se } from "./als-react-ts-ui449.js";
+import { createChangeEventDetails as Te } from "./als-react-ts-ui273.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";
+import { mergeProps as je } from "./als-react-ts-ui323.js";
+import { none as qe } from "./als-react-ts-ui275.js";
 const He = "data-parent", Le = /* @__PURE__ */ f.forwardRef(function(I, q) {
   const {
     checked: H,

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

@@ -1,10 +1,10 @@
 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 { useCheckboxRootContext as b } from "./als-react-ts-ui449.js";
+import { useRenderElement as M } from "./als-react-ts-ui220.js";
+import { useStateAttributesMapping as C } from "./als-react-ts-ui448.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui280.js";
+import { useTransitionStatus as R } from "./als-react-ts-ui349.js";
+import { transitionStatusMapping as g } from "./als-react-ts-ui272.js";
 import { fieldValidityMapping as k } from "./als-react-ts-ui409.js";
 const x = /* @__PURE__ */ o.forwardRef(function(n, p) {
   const {

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

@@ -1,11 +1,14 @@
-const t = "_root_17j9n_1", o = "_trigger_17j9n_8", n = "_panel_17j9n_50", r = {
+const t = "_root_1n6zt_2", n = "_disabled_1n6zt_43", o = {
   root: t,
-  trigger: o,
-  panel: n
+  "orientation-vertical": "_orientation-vertical_1n6zt_8",
+  "orientation-horizontal": "_orientation-horizontal_1n6zt_12",
+  "spacing-sm": "_spacing-sm_1n6zt_18",
+  "spacing-md": "_spacing-md_1n6zt_22",
+  "spacing-lg": "_spacing-lg_1n6zt_26",
+  disabled: n
 };
 export {
-  r as default,
-  n as panel,
-  t as root,
-  o as trigger
+  o as default,
+  n as disabled,
+  t as root
 };

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

@@ -1,47 +1,101 @@
-import * as n from "react";
-import { useStableCallback as b } from "./als-react-ts-ui266.js";
-import { useRenderElement as C } from "./als-react-ts-ui226.js";
-import { useCollapsibleRoot as R } from "./als-react-ts-ui273.js";
-import { CollapsibleRootContext as a } from "./als-react-ts-ui274.js";
-import { collapsibleStateAttributesMapping as h } from "./als-react-ts-ui466.js";
-import { jsx as i } from "react/jsx-runtime";
-const v = /* @__PURE__ */ n.forwardRef(function(o, p) {
+import * as a from "react";
+import { useControlled as B } from "./als-react-ts-ui292.js";
+import { useStableCallback as I } from "./als-react-ts-ui223.js";
+import { useBaseUiId as S } from "./als-react-ts-ui276.js";
+import { useRenderElement as T } from "./als-react-ts-ui220.js";
+import { CheckboxGroupContext as U } from "./als-react-ts-ui436.js";
+import { useFieldRootContext as Y } from "./als-react-ts-ui398.js";
+import { useLabelableContext as j } from "./als-react-ts-ui399.js";
+import { fieldValidityMapping as q } from "./als-react-ts-ui409.js";
+import { useField as H } from "./als-react-ts-ui403.js";
+import { PARENT_CHECKBOX as K } from "./als-react-ts-ui149.js";
+import { useCheckboxGroupParent as L } from "./als-react-ts-ui437.js";
+import { useFormContext as X } from "./als-react-ts-ui402.js";
+import { useValueChanged as z } from "./als-react-ts-ui406.js";
+import { areArraysEqual as J } from "./als-react-ts-ui438.js";
+import { jsx as Q } from "react/jsx-runtime";
+import { EMPTY_ARRAY as h } from "./als-react-ts-ui322.js";
+const W = /* @__PURE__ */ a.forwardRef(function(m, g) {
   const {
-    render: O,
-    className: S,
-    defaultOpen: d = !1,
-    disabled: m = !1,
-    onOpenChange: u,
-    open: c,
-    ...r
-  } = o, t = b(u), e = R({
-    open: c,
-    defaultOpen: d,
-    onOpenChange: t,
-    disabled: m
-  }), l = n.useMemo(() => ({
-    open: e.open,
-    disabled: e.disabled,
-    transitionStatus: e.transitionStatus
-  }), [e.open, e.disabled, e.transitionStatus]), s = n.useMemo(() => ({
-    ...e,
-    onOpenChange: t,
-    state: l
-  }), [e, t, l]), f = C("div", o, {
-    state: l,
-    ref: p,
-    props: r,
-    stateAttributesMapping: h
+    allValues: s,
+    className: $,
+    defaultValue: n,
+    disabled: R = !1,
+    id: v,
+    onValueChange: d,
+    render: ee,
+    value: c,
+    ...k
+  } = m, {
+    disabled: y,
+    name: l,
+    state: p,
+    validation: o,
+    setFilled: A,
+    setDirty: E,
+    shouldValidateOnChange: P,
+    validityData: f
+  } = Y(), {
+    labelId: G,
+    getDescriptionProps: N
+  } = j(), {
+    clearErrors: M
+  } = X(), i = y || R, [t, D] = B({
+    controlled: c,
+    default: n,
+    name: "CheckboxGroup",
+    state: "value"
+  }), b = I((e, x) => {
+    d?.(e, x), !x.isCanceled && D(e);
+  }), C = L({
+    allValues: s,
+    value: c,
+    onValueChange: d
+  }), F = S(v), u = a.useRef(null), V = a.useCallback((e) => {
+    u.current == null && e != null && !e.hasAttribute(K) && (u.current = e);
+  }, []);
+  H({
+    enabled: !!l,
+    id: F,
+    commit: o.commit,
+    value: t,
+    controlRef: u,
+    name: l,
+    getValue: () => t
   });
-  return o.render !== null ? /* @__PURE__ */ i(a.Provider, {
-    value: s,
-    children: f
-  }) : /* @__PURE__ */ i(a.Provider, {
-    value: s,
-    children: r.children
+  const r = t ?? h;
+  z(r, () => {
+    l && M(l);
+    const e = Array.isArray(f.initialValue) ? f.initialValue : h;
+    A(r.length > 0), E(!J(r, e)), P() ? o.commit(r) : o.commit(r, !0);
+  });
+  const O = a.useMemo(() => ({
+    ...p,
+    disabled: i
+  }), [p, i]), _ = a.useMemo(() => ({
+    allValues: s,
+    value: t,
+    defaultValue: n,
+    setValue: b,
+    parent: C,
+    disabled: i,
+    validation: o,
+    registerControlRef: V
+  }), [s, t, n, b, C, i, o, V]), w = T("div", m, {
+    state: O,
+    ref: g,
+    props: [{
+      role: "group",
+      "aria-labelledby": G
+    }, N, k],
+    stateAttributesMapping: q
+  });
+  return /* @__PURE__ */ Q(U.Provider, {
+    value: _,
+    children: w
   });
 });
-process.env.NODE_ENV !== "production" && (v.displayName = "CollapsibleRoot");
+process.env.NODE_ENV !== "production" && (W.displayName = "CheckboxGroup");
 export {
-  v as CollapsibleRoot
+  W as CheckboxGroup
 };

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

@@ -1,47 +1,11 @@
-import * as i from "react";
-import { triggerOpenStateMapping as f } from "./als-react-ts-ui279.js";
-import { transitionStatusMapping as g } from "./als-react-ts-ui228.js";
-import { useRenderElement as b } from "./als-react-ts-ui226.js";
-import { useCollapsibleRootContext as C } from "./als-react-ts-ui274.js";
-import { useButton as R } from "./als-react-ts-ui230.js";
-const x = {
-  ...f,
-  ...g
-}, M = /* @__PURE__ */ i.forwardRef(function(o, s) {
-  const {
-    panelId: r,
-    open: e,
-    handleTrigger: n,
-    state: a,
-    disabled: p
-  } = C(), {
-    className: T,
-    disabled: t = p,
-    id: v,
-    render: B,
-    nativeButton: l = !0,
-    ...d
-  } = o, {
-    getButtonProps: m,
-    buttonRef: u
-  } = R({
-    disabled: t,
-    focusableWhenDisabled: !0,
-    native: l
-  }), c = i.useMemo(() => ({
-    "aria-controls": e ? r : void 0,
-    "aria-expanded": e,
-    disabled: t,
-    onClick: n
-  }), [r, t, e, n]);
-  return b("button", o, {
-    state: a,
-    ref: [s, u],
-    props: [c, d, m],
-    stateAttributesMapping: x
-  });
-});
-process.env.NODE_ENV !== "production" && (M.displayName = "CollapsibleTrigger");
+const t = "_root_17j9n_1", o = "_trigger_17j9n_8", n = "_panel_17j9n_50", r = {
+  root: t,
+  trigger: o,
+  panel: n
+};
 export {
-  M as CollapsibleTrigger
+  r as default,
+  n as panel,
+  t as root,
+  o as trigger
 };

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

@@ -1,107 +1,47 @@
-import * as R from "react";
-import { useIsoLayoutEffect as t } from "./als-react-ts-ui267.js";
-import { warn as A } from "./als-react-ts-ui268.js";
-import { useRenderElement as I } from "./als-react-ts-ui226.js";
-import { useCollapsibleRootContext as H } from "./als-react-ts-ui274.js";
-import { collapsibleStateAttributesMapping as T } from "./als-react-ts-ui466.js";
-import { useCollapsiblePanel as _ } from "./als-react-ts-ui281.js";
-import { CollapsiblePanelCssVars as g } from "./als-react-ts-ui467.js";
-import { useOpenChangeComplete as $ } from "./als-react-ts-ui236.js";
-const q = /* @__PURE__ */ R.forwardRef(function(f, m) {
+import * as n from "react";
+import { useStableCallback as b } from "./als-react-ts-ui223.js";
+import { useRenderElement as C } from "./als-react-ts-ui220.js";
+import { useCollapsibleRoot as R } from "./als-react-ts-ui298.js";
+import { CollapsibleRootContext as a } from "./als-react-ts-ui299.js";
+import { collapsibleStateAttributesMapping as h } from "./als-react-ts-ui450.js";
+import { jsx as i } from "react/jsx-runtime";
+const v = /* @__PURE__ */ n.forwardRef(function(o, p) {
   const {
-    className: L,
-    hiddenUntilFound: o,
-    keepMounted: i,
-    render: W,
-    id: l,
-    ...M
-  } = f;
-  process.env.NODE_ENV !== "production" && t(() => {
-    o && i === !1 && A("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.");
-  }, [o, i]);
-  const {
-    abortControllerRef: w,
-    animationTypeRef: E,
-    height: s,
-    mounted: c,
-    onOpenChange: F,
-    open: r,
-    panelId: N,
-    panelRef: a,
-    runOnceAnimationsFinish: O,
-    setDimensions: h,
-    setHiddenUntilFound: b,
-    setKeepMounted: C,
-    setMounted: v,
-    setPanelIdState: d,
-    setOpen: x,
-    setVisible: U,
-    state: P,
-    transitionDimensionRef: k,
-    visible: y,
-    width: p,
-    transitionStatus: u
-  } = H(), n = o ?? !1, e = i ?? !1;
-  t(() => {
-    if (l)
-      return d(l), () => {
-        d(void 0);
-      };
-  }, [l, d]), t(() => {
-    b(n);
-  }, [b, n]), t(() => {
-    C(e);
-  }, [C, e]);
-  const {
-    props: D
-  } = _({
-    abortControllerRef: w,
-    animationTypeRef: E,
-    externalRef: m,
-    height: s,
-    hiddenUntilFound: n,
-    id: N,
-    keepMounted: e,
-    mounted: c,
-    onOpenChange: F,
-    open: r,
-    panelRef: a,
-    runOnceAnimationsFinish: O,
-    setDimensions: h,
-    setMounted: v,
-    setOpen: x,
-    setVisible: U,
-    transitionDimensionRef: k,
-    visible: y,
-    width: p
-  });
-  $({
-    open: r && u === "idle",
-    ref: a,
-    onComplete() {
-      r && h({
-        height: void 0,
-        width: void 0
-      });
-    }
+    render: O,
+    className: S,
+    defaultOpen: d = !1,
+    disabled: m = !1,
+    onOpenChange: u,
+    open: c,
+    ...r
+  } = o, t = b(u), e = R({
+    open: c,
+    defaultOpen: d,
+    onOpenChange: t,
+    disabled: m
+  }), l = n.useMemo(() => ({
+    open: e.open,
+    disabled: e.disabled,
+    transitionStatus: e.transitionStatus
+  }), [e.open, e.disabled, e.transitionStatus]), s = n.useMemo(() => ({
+    ...e,
+    onOpenChange: t,
+    state: l
+  }), [e, t, l]), f = C("div", o, {
+    state: l,
+    ref: p,
+    props: r,
+    stateAttributesMapping: h
   });
-  const S = R.useMemo(() => ({
-    ...P,
-    transitionStatus: u
-  }), [P, u]), V = I("div", f, {
-    state: S,
-    ref: [m, a],
-    props: [D, {
-      style: {
-        [g.collapsiblePanelHeight]: s === void 0 ? "auto" : `${s}px`,
-        [g.collapsiblePanelWidth]: p === void 0 ? "auto" : `${p}px`
-      }
-    }, M],
-    stateAttributesMapping: T
+  return o.render !== null ? /* @__PURE__ */ i(a.Provider, {
+    value: s,
+    children: f
+  }) : /* @__PURE__ */ i(a.Provider, {
+    value: s,
+    children: r.children
   });
-  return e || n || !e && c ? V : null;
 });
-process.env.NODE_ENV !== "production" && (q.displayName = "CollapsiblePanel");
+process.env.NODE_ENV !== "production" && (v.displayName = "CollapsibleRoot");
 export {
-  q as CollapsiblePanel
+  v as CollapsibleRoot
 };