@neynar/ui 0.4.0 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/button/Button.js

@@ -0,0 +1,36 @@
+"use client";
+import * as React from "react";
+import { useButton } from "../use-button/useButton.js";
+import { useRenderElement } from "../utils/useRenderElement.js";
+const Button = /* @__PURE__ */ React.forwardRef(function Button2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled: disabledProp = false,
+    focusableWhenDisabled = false,
+    nativeButton = true,
+    ...elementProps
+  } = componentProps;
+  const disabled = Boolean(disabledProp);
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    focusableWhenDisabled,
+    native: nativeButton
+  });
+  const state = React.useMemo(() => ({
+    disabled
+  }), [disabled]);
+  return useRenderElement("button", componentProps, {
+    state,
+    ref: [forwardedRef, buttonRef],
+    props: [elementProps, getButtonProps]
+  });
+});
+if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/node_modules/@base-ui/react/esm/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../../node_modules/@base-ui/react/esm/button/Button.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useButton } from \"../use-button/useButton.js\";\nimport { useRenderElement } from \"../utils/useRenderElement.js\";\n/**\n * A button component that can be used to trigger actions.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Button](https://base-ui.com/react/components/button)\n */\nexport const Button = /*#__PURE__*/React.forwardRef(function Button(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled: disabledProp = false,\n    focusableWhenDisabled = false,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const disabled = Boolean(disabledProp);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled,\n    native: nativeButton\n  });\n  const state = React.useMemo(() => ({\n    disabled\n  }), [disabled]);\n  return useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [elementProps, getButtonProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") Button.displayName = \"Button\";"],"names":[],"mappings":";;;;AAWY;AACV;AAAM;AACJ;AACA;AACyB;AACD;AACT;AACZ;AAEL;AACA;AAAM;AACJ;AACA;AACY;AACZ;AACA;AACQ;AAEV;AAAmC;AACjC;AAEF;AAAkD;AAChD;AAC6B;AACO;AAExC;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/checkbox/indicator/CheckboxIndicator.js

@@ -0,0 +1,60 @@
+"use client";
+import * as React from "react";
+import { useCheckboxRootContext } from "../root/CheckboxRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useStateAttributesMapping } from "../utils/useStateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { fieldValidityMapping } from "../../field/utils/constants.js";
+const CheckboxIndicator = /* @__PURE__ */ React.forwardRef(function CheckboxIndicator2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    keepMounted = false,
+    ...elementProps
+  } = componentProps;
+  const rootState = useCheckboxRootContext();
+  const rendered = rootState.checked || rootState.indeterminate;
+  const {
+    transitionStatus,
+    setMounted
+  } = useTransitionStatus(rendered);
+  const indicatorRef = React.useRef(null);
+  const state = React.useMemo(() => ({
+    ...rootState,
+    transitionStatus
+  }), [rootState, transitionStatus]);
+  useOpenChangeComplete({
+    open: rendered,
+    ref: indicatorRef,
+    onComplete() {
+      if (!rendered) {
+        setMounted(false);
+      }
+    }
+  });
+  const baseStateAttributesMapping = useStateAttributesMapping(rootState);
+  const stateAttributesMapping = React.useMemo(() => ({
+    ...baseStateAttributesMapping,
+    ...transitionStatusMapping,
+    ...fieldValidityMapping
+  }), [baseStateAttributesMapping]);
+  const shouldRender = keepMounted || rendered;
+  const element = useRenderElement("span", componentProps, {
+    enabled: shouldRender,
+    ref: [forwardedRef, indicatorRef],
+    state,
+    stateAttributesMapping,
+    props: elementProps
+  });
+  if (!shouldRender) {
+    return null;
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") CheckboxIndicator.displayName = "CheckboxIndicator";
+export {
+  CheckboxIndicator
+};
+//# sourceMappingURL=CheckboxIndicator.js.map

package/dist/node_modules/@base-ui/react/esm/checkbox/indicator/CheckboxIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIndicator.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/checkbox/indicator/CheckboxIndicator.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCheckboxRootContext } from \"../root/CheckboxRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useStateAttributesMapping } from \"../utils/useStateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { fieldValidityMapping } from \"../../field/utils/constants.js\";\n\n/**\n * Indicates whether the checkbox is ticked.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)\n */\nexport const CheckboxIndicator = /*#__PURE__*/React.forwardRef(function CheckboxIndicator(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    keepMounted = false,\n    ...elementProps\n  } = componentProps;\n  const rootState = useCheckboxRootContext();\n  const rendered = rootState.checked || rootState.indeterminate;\n  const {\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(rendered);\n  const indicatorRef = React.useRef(null);\n  const state = React.useMemo(() => ({\n    ...rootState,\n    transitionStatus\n  }), [rootState, transitionStatus]);\n  useOpenChangeComplete({\n    open: rendered,\n    ref: indicatorRef,\n    onComplete() {\n      if (!rendered) {\n        setMounted(false);\n      }\n    }\n  });\n  const baseStateAttributesMapping = useStateAttributesMapping(rootState);\n  const stateAttributesMapping = React.useMemo(() => ({\n    ...baseStateAttributesMapping,\n    ...transitionStatusMapping,\n    ...fieldValidityMapping\n  }), [baseStateAttributesMapping]);\n  const shouldRender = keepMounted || rendered;\n  const element = useRenderElement('span', componentProps, {\n    enabled: shouldRender,\n    ref: [forwardedRef, indicatorRef],\n    state,\n    stateAttributesMapping,\n    props: elementProps\n  });\n  if (!shouldRender) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CheckboxIndicator.displayName = \"CheckboxIndicator\";"],"names":[],"mappings":";;;;;;;;;AAiBY;AACV;AAAM;AACJ;AACA;AACc;AACX;AAEL;AACA;AACA;AAAM;AACJ;AACA;AAEF;AACA;AAAmC;AAC9B;AACH;AAEF;AAAsB;AACd;AACD;AAEH;AACE;AAAgB;AAClB;AACF;AAEF;AACA;AAAoD;AAC/C;AACA;AACA;AAEL;AACA;AAAyD;AAC9C;AACuB;AAChC;AACA;AACO;AAET;AACE;AAAO;AAET;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRoot.js

@@ -0,0 +1,267 @@
+"use client";
+import * as React from "react";
+import { NOOP, EMPTY_OBJECT } from "../../../../utils/esm/empty.js";
+import { useControlled } from "../../../../utils/esm/useControlled.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { visuallyHidden } from "../../../../utils/esm/visuallyHidden.js";
+import { useStateAttributesMapping } from "../utils/useStateAttributesMapping.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useButton } from "../../use-button/useButton.js";
+import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { useFieldItemContext } from "../../field/item/FieldItemContext.js";
+import { useField } from "../../field/useField.js";
+import { useFormContext } from "../../form/FormContext.js";
+import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { useCheckboxGroupContext } from "../../checkbox-group/CheckboxGroupContext.js";
+import { CheckboxRootContext } from "./CheckboxRootContext.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useValueChanged } from "../../utils/useValueChanged.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { mergeProps } from "../../merge-props/mergeProps.js";
+import { none } from "../../utils/reason-parts.js";
+const PARENT_CHECKBOX = "data-parent";
+const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function CheckboxRoot2(componentProps, forwardedRef) {
+  const {
+    checked: checkedProp,
+    className,
+    defaultChecked = false,
+    disabled: disabledProp = false,
+    id: idProp,
+    indeterminate = false,
+    inputRef: inputRefProp,
+    name: nameProp,
+    onCheckedChange: onCheckedChangeProp,
+    parent = false,
+    readOnly = false,
+    render,
+    required = false,
+    uncheckedValue,
+    value: valueProp,
+    nativeButton = false,
+    ...elementProps
+  } = componentProps;
+  const {
+    clearErrors
+  } = useFormContext();
+  const {
+    disabled: rootDisabled,
+    name: fieldName,
+    setDirty,
+    setFilled,
+    setFocused,
+    setTouched,
+    state: fieldState,
+    validationMode,
+    validityData,
+    shouldValidateOnChange,
+    validation: localValidation
+  } = useFieldRootContext();
+  const fieldItemContext = useFieldItemContext();
+  const {
+    labelId,
+    controlId,
+    setControlId,
+    getDescriptionProps
+  } = useLabelableContext();
+  const groupContext = useCheckboxGroupContext();
+  const parentContext = groupContext?.parent;
+  const isGroupedWithParent = parentContext && groupContext.allValues;
+  const disabled = rootDisabled || fieldItemContext.disabled || groupContext?.disabled || disabledProp;
+  const name = fieldName ?? nameProp;
+  const value = valueProp ?? name;
+  const id = useBaseUiId();
+  const parentId = useBaseUiId();
+  let inputId = controlId;
+  if (isGroupedWithParent) {
+    inputId = parent ? parentId : `${parentContext.id}-${value}`;
+  } else if (idProp) {
+    inputId = idProp;
+  }
+  let groupProps = {};
+  if (isGroupedWithParent) {
+    if (parent) {
+      groupProps = groupContext.parent.getParentProps();
+    } else if (value) {
+      groupProps = groupContext.parent.getChildProps(value);
+    }
+  }
+  const onCheckedChange = useStableCallback(onCheckedChangeProp);
+  const {
+    checked: groupChecked = checkedProp,
+    indeterminate: groupIndeterminate = indeterminate,
+    onCheckedChange: groupOnChange,
+    ...otherGroupProps
+  } = groupProps;
+  const groupValue = groupContext?.value;
+  const setGroupValue = groupContext?.setValue;
+  const defaultGroupValue = groupContext?.defaultValue;
+  const controlRef = React.useRef(null);
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    native: nativeButton
+  });
+  const validation = groupContext?.validation ?? localValidation;
+  const [checked, setCheckedState] = useControlled({
+    controlled: value && groupValue && !parent ? groupValue.includes(value) : groupChecked,
+    default: value && defaultGroupValue && !parent ? defaultGroupValue.includes(value) : defaultChecked,
+    name: "Checkbox",
+    state: "checked"
+  });
+  useIsoLayoutEffect(() => {
+    if (setControlId === NOOP) {
+      return void 0;
+    }
+    setControlId(inputId);
+    return () => {
+      setControlId(void 0);
+    };
+  }, [inputId, groupContext, setControlId, parent]);
+  useField({
+    enabled: !groupContext,
+    id,
+    commit: validation.commit,
+    value: checked,
+    controlRef,
+    name,
+    getValue: () => checked
+  });
+  const inputRef = React.useRef(null);
+  const mergedInputRef = useMergedRefs(inputRefProp, inputRef, validation.inputRef);
+  useIsoLayoutEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.indeterminate = groupIndeterminate;
+      if (checked) {
+        setFilled(true);
+      }
+    }
+  }, [checked, groupIndeterminate, setFilled]);
+  useValueChanged(checked, () => {
+    if (groupContext && !parent) {
+      return;
+    }
+    clearErrors(name);
+    setFilled(checked);
+    setDirty(checked !== validityData.initialValue);
+    if (shouldValidateOnChange()) {
+      validation.commit(checked);
+    } else {
+      validation.commit(checked, true);
+    }
+  });
+  const inputProps = mergeProps(
+    {
+      checked,
+      disabled,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: parent ? void 0 : name,
+      // Set `id` to stop Chrome warning about an unassociated input
+      id: inputId ?? void 0,
+      required,
+      ref: mergedInputRef,
+      style: visuallyHidden,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": true,
+      onChange(event) {
+        if (event.nativeEvent.defaultPrevented) {
+          return;
+        }
+        const nextChecked = event.target.checked;
+        const details = createChangeEventDetails(none, event.nativeEvent);
+        groupOnChange?.(nextChecked, details);
+        onCheckedChange(nextChecked, details);
+        if (details.isCanceled) {
+          return;
+        }
+        setCheckedState(nextChecked);
+        if (value && groupValue && setGroupValue && !parent) {
+          const nextGroupValue = nextChecked ? [...groupValue, value] : groupValue.filter((item) => item !== value);
+          setGroupValue(nextGroupValue, details);
+        }
+      },
+      onFocus() {
+        controlRef.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
+    valueProp !== void 0 ? {
+      value: (groupContext ? checked && valueProp : valueProp) || ""
+    } : EMPTY_OBJECT,
+    getDescriptionProps,
+    groupContext ? validation.getValidationProps : validation.getInputValidationProps
+  );
+  const computedChecked = isGroupedWithParent ? Boolean(groupChecked) : checked;
+  const computedIndeterminate = isGroupedWithParent ? groupIndeterminate || indeterminate : indeterminate;
+  React.useEffect(() => {
+    if (parentContext && value) {
+      parentContext.disabledStatesRef.current.set(value, disabled);
+    }
+  }, [parentContext, disabled, value]);
+  const state = React.useMemo(() => ({
+    ...fieldState,
+    checked: computedChecked,
+    disabled,
+    readOnly,
+    required,
+    indeterminate: computedIndeterminate
+  }), [fieldState, computedChecked, disabled, readOnly, required, computedIndeterminate]);
+  const stateAttributesMapping = useStateAttributesMapping(state);
+  const element = useRenderElement("span", componentProps, {
+    state,
+    ref: [buttonRef, controlRef, forwardedRef, groupContext?.registerControlRef],
+    props: [{
+      id,
+      role: "checkbox",
+      "aria-checked": groupIndeterminate ? "mixed" : checked,
+      "aria-readonly": readOnly || void 0,
+      "aria-required": required || void 0,
+      "aria-labelledby": labelId,
+      [PARENT_CHECKBOX]: parent ? "" : void 0,
+      onFocus() {
+        setFocused(true);
+      },
+      onBlur() {
+        const inputEl = inputRef.current;
+        if (!inputEl) {
+          return;
+        }
+        setTouched(true);
+        setFocused(false);
+        if (validationMode === "onBlur") {
+          validation.commit(groupContext ? groupValue : inputEl.checked);
+        }
+      },
+      onClick(event) {
+        if (readOnly || disabled) {
+          return;
+        }
+        event.preventDefault();
+        inputRef.current?.click();
+      }
+    }, getDescriptionProps, validation.getValidationProps, elementProps, otherGroupProps, getButtonProps],
+    stateAttributesMapping
+  });
+  return /* @__PURE__ */ jsxs(CheckboxRootContext.Provider, {
+    value: state,
+    children: [element, !checked && !groupContext && name && !parent && uncheckedValue !== void 0 && /* @__PURE__ */ jsx("input", {
+      type: "hidden",
+      name,
+      value: uncheckedValue
+    }), /* @__PURE__ */ jsx("input", {
+      ...inputProps
+    })]
+  });
+});
+if (process.env.NODE_ENV !== "production") CheckboxRoot.displayName = "CheckboxRoot";
+export {
+  CheckboxRoot,
+  PARENT_CHECKBOX
+};
+//# sourceMappingURL=CheckboxRoot.js.map

package/dist/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/checkbox/root/CheckboxRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { visuallyHidden } from '@base-ui/utils/visuallyHidden';\nimport { NOOP } from \"../../utils/noop.js\";\nimport { useStateAttributesMapping } from \"../utils/useStateAttributesMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { mergeProps } from \"../../merge-props/index.js\";\nimport { useButton } from \"../../use-button/useButton.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { useFieldItemContext } from \"../../field/item/FieldItemContext.js\";\nimport { useField } from \"../../field/useField.js\";\nimport { useFormContext } from \"../../form/FormContext.js\";\nimport { useLabelableContext } from \"../../labelable-provider/LabelableContext.js\";\nimport { useCheckboxGroupContext } from \"../../checkbox-group/CheckboxGroupContext.js\";\nimport { CheckboxRootContext } from \"./CheckboxRootContext.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useValueChanged } from \"../../utils/useValueChanged.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const PARENT_CHECKBOX = 'data-parent';\n\n/**\n * Represents the checkbox itself.\n * Renders a `<span>` element and a hidden `<input>` beside.\n *\n * Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)\n */\nexport const CheckboxRoot = /*#__PURE__*/React.forwardRef(function CheckboxRoot(componentProps, forwardedRef) {\n  const {\n    checked: checkedProp,\n    className,\n    defaultChecked = false,\n    disabled: disabledProp = false,\n    id: idProp,\n    indeterminate = false,\n    inputRef: inputRefProp,\n    name: nameProp,\n    onCheckedChange: onCheckedChangeProp,\n    parent = false,\n    readOnly = false,\n    render,\n    required = false,\n    uncheckedValue,\n    value: valueProp,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    clearErrors\n  } = useFormContext();\n  const {\n    disabled: rootDisabled,\n    name: fieldName,\n    setDirty,\n    setFilled,\n    setFocused,\n    setTouched,\n    state: fieldState,\n    validationMode,\n    validityData,\n    shouldValidateOnChange,\n    validation: localValidation\n  } = useFieldRootContext();\n  const fieldItemContext = useFieldItemContext();\n  const {\n    labelId,\n    controlId,\n    setControlId,\n    getDescriptionProps\n  } = useLabelableContext();\n  const groupContext = useCheckboxGroupContext();\n  const parentContext = groupContext?.parent;\n  const isGroupedWithParent = parentContext && groupContext.allValues;\n  const disabled = rootDisabled || fieldItemContext.disabled || groupContext?.disabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const value = valueProp ?? name;\n  const id = useBaseUiId();\n  const parentId = useBaseUiId();\n  let inputId = controlId;\n  if (isGroupedWithParent) {\n    inputId = parent ? parentId : `${parentContext.id}-${value}`;\n  } else if (idProp) {\n    inputId = idProp;\n  }\n  let groupProps = {};\n  if (isGroupedWithParent) {\n    if (parent) {\n      groupProps = groupContext.parent.getParentProps();\n    } else if (value) {\n      groupProps = groupContext.parent.getChildProps(value);\n    }\n  }\n  const onCheckedChange = useStableCallback(onCheckedChangeProp);\n  const {\n    checked: groupChecked = checkedProp,\n    indeterminate: groupIndeterminate = indeterminate,\n    onCheckedChange: groupOnChange,\n    ...otherGroupProps\n  } = groupProps;\n  const groupValue = groupContext?.value;\n  const setGroupValue = groupContext?.setValue;\n  const defaultGroupValue = groupContext?.defaultValue;\n  const controlRef = React.useRef(null);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const validation = groupContext?.validation ?? localValidation;\n  const [checked, setCheckedState] = useControlled({\n    controlled: value && groupValue && !parent ? groupValue.includes(value) : groupChecked,\n    default: value && defaultGroupValue && !parent ? defaultGroupValue.includes(value) : defaultChecked,\n    name: 'Checkbox',\n    state: 'checked'\n  });\n\n  // can't use useLabelableId because of optional groupContext and/or parent\n  useIsoLayoutEffect(() => {\n    if (setControlId === NOOP) {\n      return undefined;\n    }\n    setControlId(inputId);\n    return () => {\n      setControlId(undefined);\n    };\n  }, [inputId, groupContext, setControlId, parent]);\n  useField({\n    enabled: !groupContext,\n    id,\n    commit: validation.commit,\n    value: checked,\n    controlRef,\n    name,\n    getValue: () => checked\n  });\n  const inputRef = React.useRef(null);\n  const mergedInputRef = useMergedRefs(inputRefProp, inputRef, validation.inputRef);\n  useIsoLayoutEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = groupIndeterminate;\n      if (checked) {\n        setFilled(true);\n      }\n    }\n  }, [checked, groupIndeterminate, setFilled]);\n  useValueChanged(checked, () => {\n    if (groupContext && !parent) {\n      return;\n    }\n    clearErrors(name);\n    setFilled(checked);\n    setDirty(checked !== validityData.initialValue);\n    if (shouldValidateOnChange()) {\n      validation.commit(checked);\n    } else {\n      validation.commit(checked, true);\n    }\n  });\n  const inputProps = mergeProps({\n    checked,\n    disabled,\n    // parent checkboxes unset `name` to be excluded from form submission\n    name: parent ? undefined : name,\n    // Set `id` to stop Chrome warning about an unassociated input\n    id: inputId ?? undefined,\n    required,\n    ref: mergedInputRef,\n    style: visuallyHidden,\n    tabIndex: -1,\n    type: 'checkbox',\n    'aria-hidden': true,\n    onChange(event) {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n      const nextChecked = event.target.checked;\n      const details = createChangeEventDetails(REASONS.none, event.nativeEvent);\n      groupOnChange?.(nextChecked, details);\n      onCheckedChange(nextChecked, details);\n      if (details.isCanceled) {\n        return;\n      }\n      setCheckedState(nextChecked);\n      if (value && groupValue && setGroupValue && !parent) {\n        const nextGroupValue = nextChecked ? [...groupValue, value] : groupValue.filter(item => item !== value);\n        setGroupValue(nextGroupValue, details);\n      }\n    },\n    onFocus() {\n      controlRef.current?.focus();\n    }\n  },\n  // React <19 sets an empty value if `undefined` is passed explicitly\n  // To avoid this, we only set the value if it's defined\n  valueProp !== undefined ? {\n    value: (groupContext ? checked && valueProp : valueProp) || ''\n  } : EMPTY_OBJECT, getDescriptionProps, groupContext ? validation.getValidationProps : validation.getInputValidationProps);\n  const computedChecked = isGroupedWithParent ? Boolean(groupChecked) : checked;\n  const computedIndeterminate = isGroupedWithParent ? groupIndeterminate || indeterminate : indeterminate;\n  React.useEffect(() => {\n    if (parentContext && value) {\n      parentContext.disabledStatesRef.current.set(value, disabled);\n    }\n  }, [parentContext, disabled, value]);\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    checked: computedChecked,\n    disabled,\n    readOnly,\n    required,\n    indeterminate: computedIndeterminate\n  }), [fieldState, computedChecked, disabled, readOnly, required, computedIndeterminate]);\n  const stateAttributesMapping = useStateAttributesMapping(state);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [buttonRef, controlRef, forwardedRef, groupContext?.registerControlRef],\n    props: [{\n      id,\n      role: 'checkbox',\n      'aria-checked': groupIndeterminate ? 'mixed' : checked,\n      'aria-readonly': readOnly || undefined,\n      'aria-required': required || undefined,\n      'aria-labelledby': labelId,\n      [PARENT_CHECKBOX]: parent ? '' : undefined,\n      onFocus() {\n        setFocused(true);\n      },\n      onBlur() {\n        const inputEl = inputRef.current;\n        if (!inputEl) {\n          return;\n        }\n        setTouched(true);\n        setFocused(false);\n        if (validationMode === 'onBlur') {\n          validation.commit(groupContext ? groupValue : inputEl.checked);\n        }\n      },\n      onClick(event) {\n        if (readOnly || disabled) {\n          return;\n        }\n        event.preventDefault();\n        inputRef.current?.click();\n      }\n    }, getDescriptionProps, validation.getValidationProps, elementProps, otherGroupProps, getButtonProps],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsxs(CheckboxRootContext.Provider, {\n    value: state,\n    children: [element, !checked && !groupContext && name && !parent && uncheckedValue !== undefined && /*#__PURE__*/_jsx(\"input\", {\n      type: \"hidden\",\n      name: name,\n      value: uncheckedValue\n    }), /*#__PURE__*/_jsx(\"input\", {\n      ...inputProps\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") CheckboxRoot.displayName = \"CheckboxRoot\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BY;AAQA;AACV;AAAM;AACK;AACT;AACiB;AACQ;AACrB;AACY;AACN;AACJ;AACW;AACR;AACE;AACX;AACW;AACX;AACO;AACQ;AACZ;AAEL;AAAM;AACJ;AAEF;AAAM;AACM;AACJ;AACN;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACY;AAEd;AACA;AAAM;AACJ;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAA0D;AAE1D;AAAU;AAEZ;AACA;AACE;AACE;AAA+C;AAE/C;AAAoD;AACtD;AAEF;AACA;AAAM;AACoB;AACY;AACnB;AACd;AAEL;AACA;AACA;AACA;AACA;AAAM;AACJ;AACA;AACY;AACZ;AACQ;AAEV;AACA;AAAiD;AAC2B;AACW;AAC/E;AACC;AAIT;AACE;AACE;AAAO;AAET;AACA;AACE;AAAsB;AACxB;AAEF;AAAS;AACG;AACV;AACmB;AACZ;AACP;AACA;AACgB;AAElB;AACA;AACA;AACE;AACE;AACA;AACE;AAAc;AAChB;AACF;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACA;AACA;AACE;AAAyB;AAEzB;AAA+B;AACjC;AAEF;AAAmB;AAAW;AAC5B;AACA;AAAA;AAE2B;AAAA;AAEZ;AACf;AACK;AACE;AACG;AACJ;AACS;AAGb;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AACE;AAAA;AAEF;AACA;AACE;AACA;AAAqC;AACvC;AACF;AAEE;AAAyB;AAC3B;AACJ;AAAA;AAAA;AAG4B;AACoC;AAC1D;AAAc;AAA+E;AACjG;AACA;AACA;AACE;AACE;AAA2D;AAC7D;AAEF;AAAmC;AAC9B;AACM;AACT;AACA;AACA;AACe;AAEjB;AACA;AAAyD;AACvD;AAC2E;AACnE;AACN;AACM;AACyC;AAClB;AACA;AACV;AACc;AAE/B;AAAe;AACjB;AAEE;AACA;AACE;AAAA;AAEF;AACA;AACA;AACE;AAA6D;AAC/D;AACF;AAEE;AACE;AAAA;AAEF;AACA;AAAuB;AACzB;AACkG;AACpG;AAEF;AAAwD;AAC/C;AACwH;AACvH;AACN;AACO;AACsB;AAC1B;AACH;AAEN;AACA;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const CheckboxRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") CheckboxRootContext.displayName = "CheckboxRootContext";
+function useCheckboxRootContext() {
+  const context = React.useContext(CheckboxRootContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>." : formatErrorMessage(14));
+  }
+  return context;
+}
+export {
+  CheckboxRootContext,
+  useCheckboxRootContext
+};
+//# sourceMappingURL=CheckboxRootContext.js.map

package/dist/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRootContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const CheckboxRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") CheckboxRootContext.displayName = \"CheckboxRootContext\";\nexport function useCheckboxRootContext() {\n  const context = React.useContext(CheckboxRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>.' : _formatErrorMessage(14));\n  }\n  return context;\n}"],"names":[],"mappings":";;;AAIY;AACZ;AACO;AACL;AACA;AACE;AAAkL;AAEpL;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootDataAttributes.js

@@ -0,0 +1,18 @@
+let CheckboxRootDataAttributes = /* @__PURE__ */ (function(CheckboxRootDataAttributes2) {
+  CheckboxRootDataAttributes2["checked"] = "data-checked";
+  CheckboxRootDataAttributes2["unchecked"] = "data-unchecked";
+  CheckboxRootDataAttributes2["disabled"] = "data-disabled";
+  CheckboxRootDataAttributes2["readonly"] = "data-readonly";
+  CheckboxRootDataAttributes2["required"] = "data-required";
+  CheckboxRootDataAttributes2["valid"] = "data-valid";
+  CheckboxRootDataAttributes2["invalid"] = "data-invalid";
+  CheckboxRootDataAttributes2["touched"] = "data-touched";
+  CheckboxRootDataAttributes2["dirty"] = "data-dirty";
+  CheckboxRootDataAttributes2["filled"] = "data-filled";
+  CheckboxRootDataAttributes2["focused"] = "data-focused";
+  return CheckboxRootDataAttributes2;
+})({});
+export {
+  CheckboxRootDataAttributes
+};
+//# sourceMappingURL=CheckboxRootDataAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRootDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootDataAttributes.js"],"sourcesContent":["export let CheckboxRootDataAttributes = /*#__PURE__*/function (CheckboxRootDataAttributes) {\n  /**\n   * Present when the checkbox is checked.\n   */\n  CheckboxRootDataAttributes[\"checked\"] = \"data-checked\";\n  /**\n   * Present when the checkbox is not checked.\n   */\n  CheckboxRootDataAttributes[\"unchecked\"] = \"data-unchecked\";\n  /**\n   * Present when the checkbox is disabled.\n   */\n  CheckboxRootDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Present when the checkbox is readonly.\n   */\n  CheckboxRootDataAttributes[\"readonly\"] = \"data-readonly\";\n  /**\n   * Present when the checkbox is required.\n   */\n  CheckboxRootDataAttributes[\"required\"] = \"data-required\";\n  /**\n   * Present when the checkbox is in valid state (when wrapped in Field.Root).\n   */\n  CheckboxRootDataAttributes[\"valid\"] = \"data-valid\";\n  /**\n   * Present when the checkbox is in invalid state (when wrapped in Field.Root).\n   */\n  CheckboxRootDataAttributes[\"invalid\"] = \"data-invalid\";\n  /**\n   * Present when the checkbox has been touched (when wrapped in Field.Root).\n   */\n  CheckboxRootDataAttributes[\"touched\"] = \"data-touched\";\n  /**\n   * Present when the checkbox's value has changed (when wrapped in Field.Root).\n   */\n  CheckboxRootDataAttributes[\"dirty\"] = \"data-dirty\";\n  /**\n   * Present when the checkbox is checked (when wrapped in Field.Root).\n   */\n  CheckboxRootDataAttributes[\"filled\"] = \"data-filled\";\n  /**\n   * Present when the checkbox is focused (when wrapped in Field.Root).\n   */\n  CheckboxRootDataAttributes[\"focused\"] = \"data-focused\";\n  return CheckboxRootDataAttributes;\n}({});"],"names":["CheckboxRootDataAttributes"],"mappings":"AAAU,IAAC,6BAA0C,0BAAUA,6BAA4B;AAIzF,EAAAA,4BAA2B,SAAS,IAAI;AAIxC,EAAAA,4BAA2B,WAAW,IAAI;AAI1C,EAAAA,4BAA2B,UAAU,IAAI;AAIzC,EAAAA,4BAA2B,UAAU,IAAI;AAIzC,EAAAA,4BAA2B,UAAU,IAAI;AAIzC,EAAAA,4BAA2B,OAAO,IAAI;AAItC,EAAAA,4BAA2B,SAAS,IAAI;AAIxC,EAAAA,4BAA2B,SAAS,IAAI;AAIxC,EAAAA,4BAA2B,OAAO,IAAI;AAItC,EAAAA,4BAA2B,QAAQ,IAAI;AAIvC,EAAAA,4BAA2B,SAAS,IAAI;AACxC,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/checkbox/utils/useStateAttributesMapping.js

@@ -0,0 +1,26 @@
+"use client";
+import * as React from "react";
+import { CheckboxRootDataAttributes } from "../root/CheckboxRootDataAttributes.js";
+import { fieldValidityMapping } from "../../field/utils/constants.js";
+function useStateAttributesMapping(state) {
+  return React.useMemo(() => ({
+    checked(value) {
+      if (state.indeterminate) {
+        return {};
+      }
+      if (value) {
+        return {
+          [CheckboxRootDataAttributes.checked]: ""
+        };
+      }
+      return {
+        [CheckboxRootDataAttributes.unchecked]: ""
+      };
+    },
+    ...fieldValidityMapping
+  }), [state.indeterminate]);
+}
+export {
+  useStateAttributesMapping
+};
+//# sourceMappingURL=useStateAttributesMapping.js.map

package/dist/node_modules/@base-ui/react/esm/checkbox/utils/useStateAttributesMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateAttributesMapping.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/checkbox/utils/useStateAttributesMapping.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckboxRootDataAttributes } from \"../root/CheckboxRootDataAttributes.js\";\nimport { fieldValidityMapping } from \"../../field/utils/constants.js\";\nexport function useStateAttributesMapping(state) {\n  return React.useMemo(() => ({\n    checked(value) {\n      if (state.indeterminate) {\n        // `data-indeterminate` is already handled by the `indeterminate` prop.\n        return {};\n      }\n      if (value) {\n        return {\n          [CheckboxRootDataAttributes.checked]: ''\n        };\n      }\n      return {\n        [CheckboxRootDataAttributes.unchecked]: ''\n      };\n    },\n    ...fieldValidityMapping\n  }), [state.indeterminate]);\n}"],"names":[],"mappings":";;;;AAKO;AACL;AAA4B;AAExB;AAEE;AAAO;AAET;AACE;AAAO;AACiC;AAChD;AAEM;AAAO;AACmC;AAChD;AACI;AACG;AAEP;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/checkbox-group/CheckboxGroupContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const CheckboxGroupContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") CheckboxGroupContext.displayName = "CheckboxGroupContext";
+function useCheckboxGroupContext(optional = true) {
+  const context = React.useContext(CheckboxGroupContext);
+  if (context === void 0 && !optional) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>." : formatErrorMessage(3));
+  }
+  return context;
+}
+export {
+  CheckboxGroupContext,
+  useCheckboxGroupContext
+};
+//# sourceMappingURL=CheckboxGroupContext.js.map

package/dist/node_modules/@base-ui/react/esm/checkbox-group/CheckboxGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupContext.js","sources":["../../../../../../node_modules/@base-ui/react/esm/checkbox-group/CheckboxGroupContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const CheckboxGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") CheckboxGroupContext.displayName = \"CheckboxGroupContext\";\nexport function useCheckboxGroupContext(optional = true) {\n  const context = React.useContext(CheckboxGroupContext);\n  if (context === undefined && !optional) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>.' : _formatErrorMessage(3));\n  }\n  return context;\n}"],"names":[],"mappings":";;;AAIY;AACZ;AACO;AACL;AACA;AACE;AAAuL;AAEzL;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js

@@ -0,0 +1,128 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { warn } from "../../../../utils/esm/warn.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useCollapsibleRootContext } from "../root/CollapsibleRootContext.js";
+import { collapsibleStateAttributesMapping } from "../root/stateAttributesMapping.js";
+import { useCollapsiblePanel } from "./useCollapsiblePanel.js";
+import { CollapsiblePanelCssVars } from "./CollapsiblePanelCssVars.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+const CollapsiblePanel = /* @__PURE__ */ React.forwardRef(function CollapsiblePanel2(componentProps, forwardedRef) {
+  const {
+    className,
+    hiddenUntilFound: hiddenUntilFoundProp,
+    keepMounted: keepMountedProp,
+    render,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  if (process.env.NODE_ENV !== "production") {
+    useIsoLayoutEffect(() => {
+      if (hiddenUntilFoundProp && keepMountedProp === false) {
+        warn("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.");
+      }
+    }, [hiddenUntilFoundProp, keepMountedProp]);
+  }
+  const {
+    abortControllerRef,
+    animationTypeRef,
+    height,
+    mounted,
+    onOpenChange,
+    open,
+    panelId,
+    panelRef,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setHiddenUntilFound,
+    setKeepMounted,
+    setMounted,
+    setPanelIdState,
+    setOpen,
+    setVisible,
+    state,
+    transitionDimensionRef,
+    visible,
+    width,
+    transitionStatus
+  } = useCollapsibleRootContext();
+  const hiddenUntilFound = hiddenUntilFoundProp ?? false;
+  const keepMounted = keepMountedProp ?? false;
+  useIsoLayoutEffect(() => {
+    if (idProp) {
+      setPanelIdState(idProp);
+      return () => {
+        setPanelIdState(void 0);
+      };
+    }
+    return void 0;
+  }, [idProp, setPanelIdState]);
+  useIsoLayoutEffect(() => {
+    setHiddenUntilFound(hiddenUntilFound);
+  }, [setHiddenUntilFound, hiddenUntilFound]);
+  useIsoLayoutEffect(() => {
+    setKeepMounted(keepMounted);
+  }, [setKeepMounted, keepMounted]);
+  const {
+    props
+  } = useCollapsiblePanel({
+    abortControllerRef,
+    animationTypeRef,
+    externalRef: forwardedRef,
+    height,
+    hiddenUntilFound,
+    id: panelId,
+    keepMounted,
+    mounted,
+    onOpenChange,
+    open,
+    panelRef,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setMounted,
+    setOpen,
+    setVisible,
+    transitionDimensionRef,
+    visible,
+    width
+  });
+  useOpenChangeComplete({
+    open: open && transitionStatus === "idle",
+    ref: panelRef,
+    onComplete() {
+      if (!open) {
+        return;
+      }
+      setDimensions({
+        height: void 0,
+        width: void 0
+      });
+    }
+  });
+  const panelState = React.useMemo(() => ({
+    ...state,
+    transitionStatus
+  }), [state, transitionStatus]);
+  const element = useRenderElement("div", componentProps, {
+    state: panelState,
+    ref: [forwardedRef, panelRef],
+    props: [props, {
+      style: {
+        [CollapsiblePanelCssVars.collapsiblePanelHeight]: height === void 0 ? "auto" : `${height}px`,
+        [CollapsiblePanelCssVars.collapsiblePanelWidth]: width === void 0 ? "auto" : `${width}px`
+      }
+    }, elementProps],
+    stateAttributesMapping: collapsibleStateAttributesMapping
+  });
+  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;
+  if (!shouldRender) {
+    return null;
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") CollapsiblePanel.displayName = "CollapsiblePanel";
+export {
+  CollapsiblePanel
+};
+//# sourceMappingURL=CollapsiblePanel.js.map

package/dist/node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { warn } from '@base-ui/utils/warn';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCollapsibleRootContext } from \"../root/CollapsibleRootContext.js\";\nimport { collapsibleStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\nimport { useCollapsiblePanel } from \"./useCollapsiblePanel.js\";\nimport { CollapsiblePanelCssVars } from \"./CollapsiblePanelCssVars.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\n/**\n * A panel with the collapsible contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsiblePanel = /*#__PURE__*/React.forwardRef(function CollapsiblePanel(componentProps, forwardedRef) {\n  const {\n    className,\n    hiddenUntilFound: hiddenUntilFoundProp,\n    keepMounted: keepMountedProp,\n    render,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useIsoLayoutEffect(() => {\n      if (hiddenUntilFoundProp && keepMountedProp === false) {\n        warn('The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.');\n      }\n    }, [hiddenUntilFoundProp, keepMountedProp]);\n  }\n  const {\n    abortControllerRef,\n    animationTypeRef,\n    height,\n    mounted,\n    onOpenChange,\n    open,\n    panelId,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setHiddenUntilFound,\n    setKeepMounted,\n    setMounted,\n    setPanelIdState,\n    setOpen,\n    setVisible,\n    state,\n    transitionDimensionRef,\n    visible,\n    width,\n    transitionStatus\n  } = useCollapsibleRootContext();\n  const hiddenUntilFound = hiddenUntilFoundProp ?? false;\n  const keepMounted = keepMountedProp ?? false;\n  useIsoLayoutEffect(() => {\n    if (idProp) {\n      setPanelIdState(idProp);\n      return () => {\n        setPanelIdState(undefined);\n      };\n    }\n    return undefined;\n  }, [idProp, setPanelIdState]);\n  useIsoLayoutEffect(() => {\n    setHiddenUntilFound(hiddenUntilFound);\n  }, [setHiddenUntilFound, hiddenUntilFound]);\n  useIsoLayoutEffect(() => {\n    setKeepMounted(keepMounted);\n  }, [setKeepMounted, keepMounted]);\n  const {\n    props\n  } = useCollapsiblePanel({\n    abortControllerRef,\n    animationTypeRef,\n    externalRef: forwardedRef,\n    height,\n    hiddenUntilFound,\n    id: panelId,\n    keepMounted,\n    mounted,\n    onOpenChange,\n    open,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setMounted,\n    setOpen,\n    setVisible,\n    transitionDimensionRef,\n    visible,\n    width\n  });\n  useOpenChangeComplete({\n    open: open && transitionStatus === 'idle',\n    ref: panelRef,\n    onComplete() {\n      if (!open) {\n        return;\n      }\n      setDimensions({\n        height: undefined,\n        width: undefined\n      });\n    }\n  });\n  const panelState = React.useMemo(() => ({\n    ...state,\n    transitionStatus\n  }), [state, transitionStatus]);\n  const element = useRenderElement('div', componentProps, {\n    state: panelState,\n    ref: [forwardedRef, panelRef],\n    props: [props, {\n      style: {\n        [CollapsiblePanelCssVars.collapsiblePanelHeight]: height === undefined ? 'auto' : `${height}px`,\n        [CollapsiblePanelCssVars.collapsiblePanelWidth]: width === undefined ? 'auto' : `${width}px`\n      }\n    }, elementProps],\n    stateAttributesMapping: collapsibleStateAttributesMapping\n  });\n  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CollapsiblePanel.displayName = \"CollapsiblePanel\";"],"names":[],"mappings":";;;;;;;;;;AAiBY;AACV;AAAM;AACJ;AACkB;AACL;AACb;AACI;AACD;AAEL;AAEE;AACE;AACE;AAAoK;AACtK;AACwC;AAE5C;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACE;AACE;AACA;AACE;AAAyB;AAC3B;AAEF;AAAO;AAET;AACE;AAAoC;AAEtC;AACE;AAA0B;AAE5B;AAAM;AACJ;AACsB;AACtB;AACA;AACa;AACb;AACA;AACI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AAAsB;AACe;AAC9B;AAEH;AACE;AAAA;AAEF;AAAc;AACJ;AACD;AACR;AACH;AAEF;AAAwC;AACnC;AACH;AAEF;AAAwD;AAC/C;AACqB;AACb;AACN;AACsF;AACH;AAChG;AACmB;AACS;AAE1B;AACA;AACE;AAAO;AAET;AACF;AACA;;;;","x_google_ignoreList":[0]}