@neynar/ui 0.4.0 → 1.0.0

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

@@ -0,0 +1,9 @@
+let CollapsiblePanelCssVars = /* @__PURE__ */ (function(CollapsiblePanelCssVars2) {
+  CollapsiblePanelCssVars2["collapsiblePanelHeight"] = "--collapsible-panel-height";
+  CollapsiblePanelCssVars2["collapsiblePanelWidth"] = "--collapsible-panel-width";
+  return CollapsiblePanelCssVars2;
+})({});
+export {
+  CollapsiblePanelCssVars
+};
+//# sourceMappingURL=CollapsiblePanelCssVars.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanelCssVars.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanelCssVars.js"],"sourcesContent":["export let CollapsiblePanelCssVars = /*#__PURE__*/function (CollapsiblePanelCssVars) {\n  /**\n   * The collapsible panel's height.\n   * @type {number}\n   */\n  CollapsiblePanelCssVars[\"collapsiblePanelHeight\"] = \"--collapsible-panel-height\";\n  /**\n   * The collapsible panel's width.\n   * @type {number}\n   */\n  CollapsiblePanelCssVars[\"collapsiblePanelWidth\"] = \"--collapsible-panel-width\";\n  return CollapsiblePanelCssVars;\n}({});"],"names":["CollapsiblePanelCssVars"],"mappings":"AAAU,IAAC,0BAAuC,0BAAUA,0BAAyB;AAKnF,EAAAA,yBAAwB,wBAAwB,IAAI;AAKpD,EAAAA,yBAAwB,uBAAuB,IAAI;AACnD,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,12 @@
+import { TransitionStatusDataAttributes } from "../../utils/stateAttributesMapping.js";
+let CollapsiblePanelDataAttributes = (function(CollapsiblePanelDataAttributes2) {
+  CollapsiblePanelDataAttributes2["open"] = "data-open";
+  CollapsiblePanelDataAttributes2["closed"] = "data-closed";
+  CollapsiblePanelDataAttributes2[CollapsiblePanelDataAttributes2["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
+  CollapsiblePanelDataAttributes2[CollapsiblePanelDataAttributes2["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
+  return CollapsiblePanelDataAttributes2;
+})({});
+export {
+  CollapsiblePanelDataAttributes
+};
+//# sourceMappingURL=CollapsiblePanelDataAttributes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanelDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanelDataAttributes.js"],"sourcesContent":["import { TransitionStatusDataAttributes } from \"../../utils/stateAttributesMapping.js\";\nexport let CollapsiblePanelDataAttributes = function (CollapsiblePanelDataAttributes) {\n  /**\n   * Present when the collapsible panel is open.\n   */\n  CollapsiblePanelDataAttributes[\"open\"] = \"data-open\";\n  /**\n   * Present when the collapsible panel is closed.\n   */\n  CollapsiblePanelDataAttributes[\"closed\"] = \"data-closed\";\n  /**\n   * Present when the panel is animating in.\n   */\n  CollapsiblePanelDataAttributes[CollapsiblePanelDataAttributes[\"startingStyle\"] = TransitionStatusDataAttributes.startingStyle] = \"startingStyle\";\n  /**\n   * Present when the panel is animating out.\n   */\n  CollapsiblePanelDataAttributes[CollapsiblePanelDataAttributes[\"endingStyle\"] = TransitionStatusDataAttributes.endingStyle] = \"endingStyle\";\n  return CollapsiblePanelDataAttributes;\n}({});"],"names":["CollapsiblePanelDataAttributes"],"mappings":";AACU,IAAC,kCAAiC,SAAUA,iCAAgC;AAIpF,EAAAA,gCAA+B,MAAM,IAAI;AAIzC,EAAAA,gCAA+B,QAAQ,IAAI;AAI3C,EAAAA,gCAA+BA,gCAA+B,eAAe,IAAI,+BAA+B,aAAa,IAAI;AAIjI,EAAAA,gCAA+BA,gCAA+B,aAAa,IAAI,+BAA+B,WAAW,IAAI;AAC7H,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,290 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { useOnMount } from "../../../../utils/esm/useOnMount.js";
+import { useAnimationFrame, AnimationFrame } from "../../../../utils/esm/useAnimationFrame.js";
+import { warn } from "../../../../utils/esm/warn.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { CollapsiblePanelDataAttributes } from "./CollapsiblePanelDataAttributes.js";
+import { AccordionRootDataAttributes } from "../../accordion/root/AccordionRootDataAttributes.js";
+import { none } from "../../utils/reason-parts.js";
+function useCollapsiblePanel(parameters) {
+  const {
+    abortControllerRef,
+    animationTypeRef,
+    externalRef,
+    height,
+    hiddenUntilFound,
+    keepMounted,
+    id: idParam,
+    mounted,
+    onOpenChange,
+    open,
+    panelRef,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setMounted,
+    setOpen,
+    setVisible,
+    transitionDimensionRef,
+    visible,
+    width
+  } = parameters;
+  const isBeforeMatchRef = React.useRef(false);
+  const latestAnimationNameRef = React.useRef(null);
+  const shouldCancelInitialOpenAnimationRef = React.useRef(open);
+  const shouldCancelInitialOpenTransitionRef = React.useRef(open);
+  const endingStyleFrame = useAnimationFrame();
+  const hidden = React.useMemo(() => {
+    if (animationTypeRef.current === "css-animation") {
+      return !visible;
+    }
+    return !open && !mounted;
+  }, [open, mounted, visible, animationTypeRef]);
+  const handlePanelRef = useStableCallback((element) => {
+    if (!element) {
+      return void 0;
+    }
+    if (animationTypeRef.current == null || transitionDimensionRef.current == null) {
+      const panelStyles = getComputedStyle(element);
+      const hasAnimation = panelStyles.animationName !== "none" && panelStyles.animationName !== "";
+      const hasTransition = panelStyles.transitionDuration !== "0s" && panelStyles.transitionDuration !== "";
+      if (hasAnimation && hasTransition) {
+        if (process.env.NODE_ENV !== "production") {
+          warn("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.");
+        }
+      } else if (panelStyles.animationName === "none" && panelStyles.transitionDuration !== "0s") {
+        animationTypeRef.current = "css-transition";
+      } else if (panelStyles.animationName !== "none" && panelStyles.transitionDuration === "0s") {
+        animationTypeRef.current = "css-animation";
+      } else {
+        animationTypeRef.current = "none";
+      }
+      if (element.getAttribute(AccordionRootDataAttributes.orientation) === "horizontal" || panelStyles.transitionProperty.indexOf("width") > -1) {
+        transitionDimensionRef.current = "width";
+      } else {
+        transitionDimensionRef.current = "height";
+      }
+    }
+    if (animationTypeRef.current !== "css-transition") {
+      return void 0;
+    }
+    if (height === void 0 || width === void 0) {
+      setDimensions({
+        height: element.scrollHeight,
+        width: element.scrollWidth
+      });
+      if (shouldCancelInitialOpenTransitionRef.current) {
+        element.style.setProperty("transition-duration", "0s");
+      }
+    }
+    let frame = -1;
+    let nextFrame = -1;
+    frame = AnimationFrame.request(() => {
+      shouldCancelInitialOpenTransitionRef.current = false;
+      nextFrame = AnimationFrame.request(() => {
+        setTimeout(() => {
+          element.style.removeProperty("transition-duration");
+        });
+      });
+    });
+    return () => {
+      AnimationFrame.cancel(frame);
+      AnimationFrame.cancel(nextFrame);
+    };
+  });
+  const mergedPanelRef = useMergedRefs(externalRef, panelRef, handlePanelRef);
+  useIsoLayoutEffect(() => {
+    if (animationTypeRef.current !== "css-transition") {
+      return void 0;
+    }
+    const panel = panelRef.current;
+    if (!panel) {
+      return void 0;
+    }
+    let resizeFrame = -1;
+    if (abortControllerRef.current != null) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+    }
+    if (open) {
+      const originalLayoutStyles = {
+        "justify-content": panel.style.justifyContent,
+        "align-items": panel.style.alignItems,
+        "align-content": panel.style.alignContent,
+        "justify-items": panel.style.justifyItems
+      };
+      Object.keys(originalLayoutStyles).forEach((key) => {
+        panel.style.setProperty(key, "initial", "important");
+      });
+      if (!shouldCancelInitialOpenTransitionRef.current && !keepMounted) {
+        panel.setAttribute(CollapsiblePanelDataAttributes.startingStyle, "");
+      }
+      setDimensions({
+        height: panel.scrollHeight,
+        width: panel.scrollWidth
+      });
+      resizeFrame = AnimationFrame.request(() => {
+        Object.entries(originalLayoutStyles).forEach(([key, value]) => {
+          if (value === "") {
+            panel.style.removeProperty(key);
+          } else {
+            panel.style.setProperty(key, value);
+          }
+        });
+      });
+    } else {
+      if (panel.scrollHeight === 0 && panel.scrollWidth === 0) {
+        return void 0;
+      }
+      setDimensions({
+        height: panel.scrollHeight,
+        width: panel.scrollWidth
+      });
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+      const signal = abortController.signal;
+      let attributeObserver = null;
+      const endingStyleAttribute = CollapsiblePanelDataAttributes.endingStyle;
+      attributeObserver = new MutationObserver((mutationList) => {
+        const hasEndingStyle = mutationList.some((mutation) => mutation.type === "attributes" && mutation.attributeName === endingStyleAttribute);
+        if (hasEndingStyle) {
+          attributeObserver?.disconnect();
+          attributeObserver = null;
+          runOnceAnimationsFinish(() => {
+            setDimensions({
+              height: 0,
+              width: 0
+            });
+            panel.style.removeProperty("content-visibility");
+            setMounted(false);
+            if (abortControllerRef.current === abortController) {
+              abortControllerRef.current = null;
+            }
+          }, signal);
+        }
+      });
+      attributeObserver.observe(panel, {
+        attributes: true,
+        attributeFilter: [endingStyleAttribute]
+      });
+      return () => {
+        attributeObserver?.disconnect();
+        endingStyleFrame.cancel();
+        if (abortControllerRef.current === abortController) {
+          abortController.abort();
+          abortControllerRef.current = null;
+        }
+      };
+    }
+    return () => {
+      AnimationFrame.cancel(resizeFrame);
+    };
+  }, [abortControllerRef, animationTypeRef, endingStyleFrame, hiddenUntilFound, keepMounted, mounted, open, panelRef, runOnceAnimationsFinish, setDimensions, setMounted]);
+  useIsoLayoutEffect(() => {
+    if (animationTypeRef.current !== "css-animation") {
+      return;
+    }
+    const panel = panelRef.current;
+    if (!panel) {
+      return;
+    }
+    latestAnimationNameRef.current = panel.style.animationName || latestAnimationNameRef.current;
+    panel.style.setProperty("animation-name", "none");
+    setDimensions({
+      height: panel.scrollHeight,
+      width: panel.scrollWidth
+    });
+    if (!shouldCancelInitialOpenAnimationRef.current && !isBeforeMatchRef.current) {
+      panel.style.removeProperty("animation-name");
+    }
+    if (open) {
+      if (abortControllerRef.current != null) {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = null;
+      }
+      setMounted(true);
+      setVisible(true);
+    } else {
+      abortControllerRef.current = new AbortController();
+      runOnceAnimationsFinish(() => {
+        setMounted(false);
+        setVisible(false);
+        abortControllerRef.current = null;
+      }, abortControllerRef.current.signal);
+    }
+  }, [abortControllerRef, animationTypeRef, open, panelRef, runOnceAnimationsFinish, setDimensions, setMounted, setVisible, visible]);
+  useOnMount(() => {
+    const frame = AnimationFrame.request(() => {
+      shouldCancelInitialOpenAnimationRef.current = false;
+    });
+    return () => AnimationFrame.cancel(frame);
+  });
+  useIsoLayoutEffect(() => {
+    if (!hiddenUntilFound) {
+      return void 0;
+    }
+    const panel = panelRef.current;
+    if (!panel) {
+      return void 0;
+    }
+    let frame = -1;
+    let nextFrame = -1;
+    if (open && isBeforeMatchRef.current) {
+      panel.style.transitionDuration = "0s";
+      setDimensions({
+        height: panel.scrollHeight,
+        width: panel.scrollWidth
+      });
+      frame = AnimationFrame.request(() => {
+        isBeforeMatchRef.current = false;
+        nextFrame = AnimationFrame.request(() => {
+          setTimeout(() => {
+            panel.style.removeProperty("transition-duration");
+          });
+        });
+      });
+    }
+    return () => {
+      AnimationFrame.cancel(frame);
+      AnimationFrame.cancel(nextFrame);
+    };
+  }, [hiddenUntilFound, open, panelRef, setDimensions]);
+  useIsoLayoutEffect(() => {
+    const panel = panelRef.current;
+    if (panel && hiddenUntilFound && hidden) {
+      panel.setAttribute("hidden", "until-found");
+      if (animationTypeRef.current === "css-transition") {
+        panel.setAttribute(CollapsiblePanelDataAttributes.startingStyle, "");
+      }
+    }
+  }, [hiddenUntilFound, hidden, animationTypeRef, panelRef]);
+  React.useEffect(function registerBeforeMatchListener() {
+    const panel = panelRef.current;
+    if (!panel) {
+      return void 0;
+    }
+    function handleBeforeMatch(event) {
+      isBeforeMatchRef.current = true;
+      setOpen(true);
+      onOpenChange(true, createChangeEventDetails(none, event));
+    }
+    panel.addEventListener("beforematch", handleBeforeMatch);
+    return () => {
+      panel.removeEventListener("beforematch", handleBeforeMatch);
+    };
+  }, [onOpenChange, panelRef, setOpen]);
+  return React.useMemo(() => ({
+    props: {
+      hidden,
+      id: idParam,
+      ref: mergedPanelRef
+    }
+  }), [hidden, idParam, mergedPanelRef]);
+}
+export {
+  useCollapsiblePanel
+};
+//# sourceMappingURL=useCollapsiblePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapsiblePanel.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/panel/useCollapsiblePanel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useOnMount } from '@base-ui/utils/useOnMount';\nimport { AnimationFrame, useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { warn } from '@base-ui/utils/warn';\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { CollapsiblePanelDataAttributes } from \"./CollapsiblePanelDataAttributes.js\";\nimport { AccordionRootDataAttributes } from \"../../accordion/root/AccordionRootDataAttributes.js\";\nexport function useCollapsiblePanel(parameters) {\n  const {\n    abortControllerRef,\n    animationTypeRef,\n    externalRef,\n    height,\n    hiddenUntilFound,\n    keepMounted,\n    id: idParam,\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  } = parameters;\n  const isBeforeMatchRef = React.useRef(false);\n  const latestAnimationNameRef = React.useRef(null);\n  const shouldCancelInitialOpenAnimationRef = React.useRef(open);\n  const shouldCancelInitialOpenTransitionRef = React.useRef(open);\n  const endingStyleFrame = useAnimationFrame();\n\n  /**\n   * When opening, the `hidden` attribute is removed immediately.\n   * When closing, the `hidden` attribute is set after any exit animations runs.\n   */\n  const hidden = React.useMemo(() => {\n    if (animationTypeRef.current === 'css-animation') {\n      return !visible;\n    }\n    return !open && !mounted;\n  }, [open, mounted, visible, animationTypeRef]);\n\n  /**\n   * When `keepMounted` is `true` this runs once as soon as it exists in the DOM\n   * regardless of initial open state.\n   *\n   * When `keepMounted` is `false` this runs on every mount, typically every\n   * time it opens. If the panel is in the middle of a close transition that is\n   * interrupted and re-opens, this won't run as the panel was not unmounted.\n   */\n  const handlePanelRef = useStableCallback(element => {\n    if (!element) {\n      return undefined;\n    }\n    if (animationTypeRef.current == null || transitionDimensionRef.current == null) {\n      const panelStyles = getComputedStyle(element);\n      const hasAnimation = panelStyles.animationName !== 'none' && panelStyles.animationName !== '';\n      const hasTransition = panelStyles.transitionDuration !== '0s' && panelStyles.transitionDuration !== '';\n\n      /**\n       * animationTypeRef is safe to read in render because it's only ever set\n       * once here during the first render and never again.\n       * https://react.dev/learn/referencing-values-with-refs#best-practices-for-refs\n       */\n      if (hasAnimation && hasTransition) {\n        if (process.env.NODE_ENV !== 'production') {\n          warn('CSS transitions and CSS animations both detected on Collapsible or Accordion panel.', 'Only one of either animation type should be used.');\n        }\n      } else if (panelStyles.animationName === 'none' && panelStyles.transitionDuration !== '0s') {\n        animationTypeRef.current = 'css-transition';\n      } else if (panelStyles.animationName !== 'none' && panelStyles.transitionDuration === '0s') {\n        animationTypeRef.current = 'css-animation';\n      } else {\n        animationTypeRef.current = 'none';\n      }\n\n      /**\n       * We need to know in advance which side is being collapsed when using CSS\n       * transitions in order to set the value of width/height to `0px` momentarily.\n       * Setting both to `0px` will break layout.\n       */\n      if (element.getAttribute(AccordionRootDataAttributes.orientation) === 'horizontal' || panelStyles.transitionProperty.indexOf('width') > -1) {\n        transitionDimensionRef.current = 'width';\n      } else {\n        transitionDimensionRef.current = 'height';\n      }\n    }\n    if (animationTypeRef.current !== 'css-transition') {\n      return undefined;\n    }\n    if (height === undefined || width === undefined) {\n      setDimensions({\n        height: element.scrollHeight,\n        width: element.scrollWidth\n      });\n      if (shouldCancelInitialOpenTransitionRef.current) {\n        element.style.setProperty('transition-duration', '0s');\n      }\n    }\n    let frame = -1;\n    let nextFrame = -1;\n    frame = AnimationFrame.request(() => {\n      shouldCancelInitialOpenTransitionRef.current = false;\n      nextFrame = AnimationFrame.request(() => {\n        /**\n         * This is slightly faster than another RAF and is the earliest\n         * opportunity to remove the temporary `transition-duration: 0s` that\n         * was applied to cancel opening transitions of initially open panels.\n         * https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web/\n         */\n        setTimeout(() => {\n          element.style.removeProperty('transition-duration');\n        });\n      });\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n      AnimationFrame.cancel(nextFrame);\n    };\n  });\n  const mergedPanelRef = useMergedRefs(externalRef, panelRef, handlePanelRef);\n  useIsoLayoutEffect(() => {\n    if (animationTypeRef.current !== 'css-transition') {\n      return undefined;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return undefined;\n    }\n    let resizeFrame = -1;\n    if (abortControllerRef.current != null) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n    if (open) {\n      const originalLayoutStyles = {\n        'justify-content': panel.style.justifyContent,\n        'align-items': panel.style.alignItems,\n        'align-content': panel.style.alignContent,\n        'justify-items': panel.style.justifyItems\n      };\n\n      /* opening */\n      Object.keys(originalLayoutStyles).forEach(key => {\n        panel.style.setProperty(key, 'initial', 'important');\n      });\n\n      /**\n       * When `keepMounted={false}` and the panel is initially closed, the very\n       * first time it opens (not any subsequent opens) `data-starting-style` is\n       * off or missing by a frame so we need to set it manually. Otherwise any\n       * CSS properties expected to transition using [data-starting-style] may\n       * be mis-timed and appear to be complete skipped.\n       */\n      if (!shouldCancelInitialOpenTransitionRef.current && !keepMounted) {\n        panel.setAttribute(CollapsiblePanelDataAttributes.startingStyle, '');\n      }\n      setDimensions({\n        height: panel.scrollHeight,\n        width: panel.scrollWidth\n      });\n      resizeFrame = AnimationFrame.request(() => {\n        Object.entries(originalLayoutStyles).forEach(([key, value]) => {\n          if (value === '') {\n            panel.style.removeProperty(key);\n          } else {\n            panel.style.setProperty(key, value);\n          }\n        });\n      });\n    } else {\n      if (panel.scrollHeight === 0 && panel.scrollWidth === 0) {\n        return undefined;\n      }\n\n      /* closing */\n      setDimensions({\n        height: panel.scrollHeight,\n        width: panel.scrollWidth\n      });\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n      const signal = abortController.signal;\n      let attributeObserver = null;\n      const endingStyleAttribute = CollapsiblePanelDataAttributes.endingStyle;\n\n      // Wait for `[data-ending-style]` to be applied.\n      attributeObserver = new MutationObserver(mutationList => {\n        const hasEndingStyle = mutationList.some(mutation => mutation.type === 'attributes' && mutation.attributeName === endingStyleAttribute);\n        if (hasEndingStyle) {\n          attributeObserver?.disconnect();\n          attributeObserver = null;\n          runOnceAnimationsFinish(() => {\n            setDimensions({\n              height: 0,\n              width: 0\n            });\n            panel.style.removeProperty('content-visibility');\n            setMounted(false);\n            if (abortControllerRef.current === abortController) {\n              abortControllerRef.current = null;\n            }\n          }, signal);\n        }\n      });\n      attributeObserver.observe(panel, {\n        attributes: true,\n        attributeFilter: [endingStyleAttribute]\n      });\n      return () => {\n        attributeObserver?.disconnect();\n        endingStyleFrame.cancel();\n        if (abortControllerRef.current === abortController) {\n          abortController.abort();\n          abortControllerRef.current = null;\n        }\n      };\n    }\n    return () => {\n      AnimationFrame.cancel(resizeFrame);\n    };\n  }, [abortControllerRef, animationTypeRef, endingStyleFrame, hiddenUntilFound, keepMounted, mounted, open, panelRef, runOnceAnimationsFinish, setDimensions, setMounted]);\n  useIsoLayoutEffect(() => {\n    if (animationTypeRef.current !== 'css-animation') {\n      return;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return;\n    }\n    latestAnimationNameRef.current = panel.style.animationName || latestAnimationNameRef.current;\n    panel.style.setProperty('animation-name', 'none');\n    setDimensions({\n      height: panel.scrollHeight,\n      width: panel.scrollWidth\n    });\n    if (!shouldCancelInitialOpenAnimationRef.current && !isBeforeMatchRef.current) {\n      panel.style.removeProperty('animation-name');\n    }\n    if (open) {\n      if (abortControllerRef.current != null) {\n        abortControllerRef.current.abort();\n        abortControllerRef.current = null;\n      }\n      setMounted(true);\n      setVisible(true);\n    } else {\n      abortControllerRef.current = new AbortController();\n      runOnceAnimationsFinish(() => {\n        setMounted(false);\n        setVisible(false);\n        abortControllerRef.current = null;\n      }, abortControllerRef.current.signal);\n    }\n  }, [abortControllerRef, animationTypeRef, open, panelRef, runOnceAnimationsFinish, setDimensions, setMounted, setVisible, visible]);\n  useOnMount(() => {\n    const frame = AnimationFrame.request(() => {\n      shouldCancelInitialOpenAnimationRef.current = false;\n    });\n    return () => AnimationFrame.cancel(frame);\n  });\n  useIsoLayoutEffect(() => {\n    if (!hiddenUntilFound) {\n      return undefined;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return undefined;\n    }\n    let frame = -1;\n    let nextFrame = -1;\n    if (open && isBeforeMatchRef.current) {\n      panel.style.transitionDuration = '0s';\n      setDimensions({\n        height: panel.scrollHeight,\n        width: panel.scrollWidth\n      });\n      frame = AnimationFrame.request(() => {\n        isBeforeMatchRef.current = false;\n        nextFrame = AnimationFrame.request(() => {\n          setTimeout(() => {\n            panel.style.removeProperty('transition-duration');\n          });\n        });\n      });\n    }\n    return () => {\n      AnimationFrame.cancel(frame);\n      AnimationFrame.cancel(nextFrame);\n    };\n  }, [hiddenUntilFound, open, panelRef, setDimensions]);\n  useIsoLayoutEffect(() => {\n    const panel = panelRef.current;\n    if (panel && hiddenUntilFound && hidden) {\n      /**\n       * React only supports a boolean for the `hidden` attribute and forces\n       * legit string values to booleans so we have to force it back in the DOM\n       * when necessary: https://github.com/facebook/react/issues/24740\n       */\n      panel.setAttribute('hidden', 'until-found');\n      /**\n       * Set data-starting-style here to persist the closed styles, this is to\n       * prevent transitions from starting when the `hidden` attribute changes\n       * to `'until-found'` as they could have different `display` properties:\n       * https://github.com/tailwindlabs/tailwindcss/pull/14625\n       */\n      if (animationTypeRef.current === 'css-transition') {\n        panel.setAttribute(CollapsiblePanelDataAttributes.startingStyle, '');\n      }\n    }\n  }, [hiddenUntilFound, hidden, animationTypeRef, panelRef]);\n  React.useEffect(function registerBeforeMatchListener() {\n    const panel = panelRef.current;\n    if (!panel) {\n      return undefined;\n    }\n    function handleBeforeMatch(event) {\n      isBeforeMatchRef.current = true;\n      setOpen(true);\n      onOpenChange(true, createChangeEventDetails(REASONS.none, event));\n    }\n    panel.addEventListener('beforematch', handleBeforeMatch);\n    return () => {\n      panel.removeEventListener('beforematch', handleBeforeMatch);\n    };\n  }, [onOpenChange, panelRef, setOpen]);\n  return React.useMemo(() => ({\n    props: {\n      hidden,\n      id: idParam,\n      ref: mergedPanelRef\n    }\n  }), [hidden, idParam, mergedPanelRef]);\n}"],"names":[],"mappings":";;;;;;;;;;;;AAaO;AACL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AAMA;AACE;AACE;AAAQ;AAEV;AAAiB;AAWnB;AACE;AACE;AAAO;AAET;AACE;AACA;AACA;AAOA;AACE;AACE;AAA+I;AACjJ;AAEA;AAA2B;AAE3B;AAA2B;AAE3B;AAA2B;AAQ7B;AACE;AAAiC;AAEjC;AAAiC;AACnC;AAEF;AACE;AAAO;AAET;AACE;AAAc;AACI;AACD;AAEjB;AACE;AAAqD;AACvD;AAEF;AACA;AACA;AACE;AACA;AAOE;AACE;AAAkD;AACnD;AACF;AAEH;AACE;AACA;AAA+B;AACjC;AAEF;AACA;AACE;AACE;AAAO;AAET;AACA;AACE;AAAO;AAET;AACA;AACE;AACA;AAA6B;AAE/B;AACE;AAA6B;AACI;AACJ;AACE;AACA;AAI/B;AACE;AAAmD;AAUrD;AACE;AAAmE;AAErE;AAAc;AACE;AACD;AAEf;AACE;AACE;AACE;AAA8B;AAE9B;AAAkC;AACpC;AACD;AACF;AAED;AACE;AAAO;AAIT;AAAc;AACE;AACD;AAEf;AACA;AACA;AACA;AACA;AAGA;AACE;AACA;AACE;AACA;AACA;AACE;AAAc;AACJ;AACD;AAET;AACA;AACA;AACE;AAA6B;AAC/B;AACO;AACX;AAEF;AAAiC;AACnB;AAC0B;AAExC;AACE;AACA;AACA;AACE;AACA;AAA6B;AAC/B;AACF;AAEF;AACE;AAAiC;AACnC;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACE;AAAA;AAEF;AACA;AACA;AAAc;AACE;AACD;AAEf;AACE;AAA2C;AAE7C;AACE;AACE;AACA;AAA6B;AAE/B;AACA;AAAe;AAEf;AACA;AACE;AACA;AACA;AAA6B;AACK;AACtC;AAEF;AACE;AACE;AAA8C;AAEhD;AAAwC;AAE1C;AACE;AACE;AAAO;AAET;AACA;AACE;AAAO;AAET;AACA;AACA;AACE;AACA;AAAc;AACE;AACD;AAEf;AACE;AACA;AACE;AACE;AAAgD;AACjD;AACF;AACF;AAEH;AACE;AACA;AAA+B;AACjC;AAEF;AACE;AACA;AAME;AAOA;AACE;AAAmE;AACrE;AACF;AAEF;AACE;AACA;AACE;AAAO;AAET;AACE;AACA;AACA;AAAgE;AAElE;AACA;AACE;AAA0D;AAC5D;AAEF;AAA4B;AACnB;AACL;AACI;AACC;AACX;AAEA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js

@@ -0,0 +1,51 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useCollapsibleRoot } from "./useCollapsibleRoot.js";
+import { CollapsibleRootContext } from "./CollapsibleRootContext.js";
+import { collapsibleStateAttributesMapping } from "./stateAttributesMapping.js";
+import { jsx } from "react/jsx-runtime";
+const CollapsibleRoot = /* @__PURE__ */ React.forwardRef(function CollapsibleRoot2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    defaultOpen = false,
+    disabled = false,
+    onOpenChange: onOpenChangeProp,
+    open,
+    ...elementProps
+  } = componentProps;
+  const onOpenChange = useStableCallback(onOpenChangeProp);
+  const collapsible = useCollapsibleRoot({
+    open,
+    defaultOpen,
+    onOpenChange,
+    disabled
+  });
+  const state = React.useMemo(() => ({
+    open: collapsible.open,
+    disabled: collapsible.disabled,
+    transitionStatus: collapsible.transitionStatus
+  }), [collapsible.open, collapsible.disabled, collapsible.transitionStatus]);
+  const contextValue = React.useMemo(() => ({
+    ...collapsible,
+    onOpenChange,
+    state
+  }), [collapsible, onOpenChange, state]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: elementProps,
+    stateAttributesMapping: collapsibleStateAttributesMapping
+  });
+  return /* @__PURE__ */ jsx(CollapsibleRootContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") CollapsibleRoot.displayName = "CollapsibleRoot";
+export {
+  CollapsibleRoot
+};
+//# sourceMappingURL=CollapsibleRoot.js.map

package/dist/node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCollapsibleRoot } from \"./useCollapsibleRoot.js\";\nimport { CollapsibleRootContext } from \"./CollapsibleRootContext.js\";\nimport { collapsibleStateAttributesMapping } from \"./stateAttributesMapping.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups all parts of the collapsible.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsibleRoot = /*#__PURE__*/React.forwardRef(function CollapsibleRoot(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    defaultOpen = false,\n    disabled = false,\n    onOpenChange: onOpenChangeProp,\n    open,\n    ...elementProps\n  } = componentProps;\n  const onOpenChange = useStableCallback(onOpenChangeProp);\n  const collapsible = useCollapsibleRoot({\n    open,\n    defaultOpen,\n    onOpenChange,\n    disabled\n  });\n  const state = React.useMemo(() => ({\n    open: collapsible.open,\n    disabled: collapsible.disabled,\n    transitionStatus: collapsible.transitionStatus\n  }), [collapsible.open, collapsible.disabled, collapsible.transitionStatus]);\n  const contextValue = React.useMemo(() => ({\n    ...collapsible,\n    onOpenChange,\n    state\n  }), [collapsible, onOpenChange, state]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: collapsibleStateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(CollapsibleRootContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") CollapsibleRoot.displayName = \"CollapsibleRoot\";"],"names":[],"mappings":";;;;;;;;AAeY;AACV;AAAM;AACJ;AACA;AACc;AACH;AACG;AACd;AACG;AAEL;AACA;AAAuC;AACrC;AACA;AACA;AACA;AAEF;AAAmC;AACf;AACI;AACQ;AAEhC;AAA0C;AACrC;AACH;AACA;AAEF;AAAwD;AACtD;AACK;AACE;AACiB;AAE1B;AAA0D;AACjD;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRootContext.js

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

package/dist/node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRootContext.js.map

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

package/dist/node_modules/@base-ui/react/esm/collapsible/root/stateAttributesMapping.js

@@ -0,0 +1,10 @@
+import { collapsibleOpenStateMapping } from "../../utils/collapsibleOpenStateMapping.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+const collapsibleStateAttributesMapping = {
+  ...collapsibleOpenStateMapping,
+  ...transitionStatusMapping
+};
+export {
+  collapsibleStateAttributesMapping
+};
+//# sourceMappingURL=stateAttributesMapping.js.map

package/dist/node_modules/@base-ui/react/esm/collapsible/root/stateAttributesMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateAttributesMapping.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/root/stateAttributesMapping.js"],"sourcesContent":["import { collapsibleOpenStateMapping as baseMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nexport const collapsibleStateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};"],"names":["baseMapping"],"mappings":";;AAEY,MAAC,oCAAoC;AAAA,EAC/C,GAAGA;AAAAA,EACH,GAAG;AACL;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/collapsible/root/useCollapsibleRoot.js

@@ -0,0 +1,111 @@
+"use client";
+import * as React from "react";
+import { useControlled } from "../../../../utils/esm/useControlled.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useAnimationsFinished } from "../../utils/useAnimationsFinished.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { triggerPress } from "../../utils/reason-parts.js";
+function useCollapsibleRoot(parameters) {
+  const {
+    open: openParam,
+    defaultOpen,
+    onOpenChange,
+    disabled
+  } = parameters;
+  const isControlled = openParam !== void 0;
+  const [open, setOpen] = useControlled({
+    controlled: openParam,
+    default: defaultOpen,
+    name: "Collapsible",
+    state: "open"
+  });
+  const {
+    mounted,
+    setMounted,
+    transitionStatus
+  } = useTransitionStatus(open, true, true);
+  const [visible, setVisible] = React.useState(open);
+  const [{
+    height,
+    width
+  }, setDimensions] = React.useState({
+    height: void 0,
+    width: void 0
+  });
+  const defaultPanelId = useBaseUiId();
+  const [panelIdState, setPanelIdState] = React.useState();
+  const panelId = panelIdState ?? defaultPanelId;
+  const [hiddenUntilFound, setHiddenUntilFound] = React.useState(false);
+  const [keepMounted, setKeepMounted] = React.useState(false);
+  const abortControllerRef = React.useRef(null);
+  const animationTypeRef = React.useRef(null);
+  const transitionDimensionRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  const runOnceAnimationsFinish = useAnimationsFinished(panelRef, false);
+  const handleTrigger = useStableCallback((event) => {
+    const nextOpen = !open;
+    const eventDetails = createChangeEventDetails(triggerPress, event.nativeEvent);
+    onOpenChange(nextOpen, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    const panel = panelRef.current;
+    if (animationTypeRef.current === "css-animation" && panel != null) {
+      panel.style.removeProperty("animation-name");
+    }
+    if (!hiddenUntilFound && !keepMounted) {
+      if (animationTypeRef.current != null && animationTypeRef.current !== "css-animation") {
+        if (!mounted && nextOpen) {
+          setMounted(true);
+        }
+      }
+      if (animationTypeRef.current === "css-animation") {
+        if (!visible && nextOpen) {
+          setVisible(true);
+        }
+        if (!mounted && nextOpen) {
+          setMounted(true);
+        }
+      }
+    }
+    setOpen(nextOpen);
+    if (animationTypeRef.current === "none" && mounted && !nextOpen) {
+      setMounted(false);
+    }
+  });
+  useIsoLayoutEffect(() => {
+    if (isControlled && animationTypeRef.current === "none" && !keepMounted && !open) {
+      setMounted(false);
+    }
+  }, [isControlled, keepMounted, open, openParam, setMounted]);
+  return React.useMemo(() => ({
+    abortControllerRef,
+    animationTypeRef,
+    disabled,
+    handleTrigger,
+    height,
+    mounted,
+    open,
+    panelId,
+    panelRef,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setHiddenUntilFound,
+    setKeepMounted,
+    setMounted,
+    setOpen,
+    setPanelIdState,
+    setVisible,
+    transitionDimensionRef,
+    transitionStatus,
+    visible,
+    width
+  }), [abortControllerRef, animationTypeRef, disabled, handleTrigger, height, mounted, open, panelId, panelRef, runOnceAnimationsFinish, setDimensions, setHiddenUntilFound, setKeepMounted, setMounted, setOpen, setVisible, transitionDimensionRef, transitionStatus, visible, width]);
+}
+export {
+  useCollapsibleRoot
+};
+//# sourceMappingURL=useCollapsibleRoot.js.map

package/dist/node_modules/@base-ui/react/esm/collapsible/root/useCollapsibleRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapsibleRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/root/useCollapsibleRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useAnimationsFinished } from \"../../utils/useAnimationsFinished.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nexport function useCollapsibleRoot(parameters) {\n  const {\n    open: openParam,\n    defaultOpen,\n    onOpenChange,\n    disabled\n  } = parameters;\n  const isControlled = openParam !== undefined;\n  const [open, setOpen] = useControlled({\n    controlled: openParam,\n    default: defaultOpen,\n    name: 'Collapsible',\n    state: 'open'\n  });\n  const {\n    mounted,\n    setMounted,\n    transitionStatus\n  } = useTransitionStatus(open, true, true);\n  const [visible, setVisible] = React.useState(open);\n  const [{\n    height,\n    width\n  }, setDimensions] = React.useState({\n    height: undefined,\n    width: undefined\n  });\n  const defaultPanelId = useBaseUiId();\n  const [panelIdState, setPanelIdState] = React.useState();\n  const panelId = panelIdState ?? defaultPanelId;\n  const [hiddenUntilFound, setHiddenUntilFound] = React.useState(false);\n  const [keepMounted, setKeepMounted] = React.useState(false);\n  const abortControllerRef = React.useRef(null);\n  const animationTypeRef = React.useRef(null);\n  const transitionDimensionRef = React.useRef(null);\n  const panelRef = React.useRef(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(panelRef, false);\n  const handleTrigger = useStableCallback(event => {\n    const nextOpen = !open;\n    const eventDetails = createChangeEventDetails(REASONS.triggerPress, event.nativeEvent);\n    onOpenChange(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    const panel = panelRef.current;\n    if (animationTypeRef.current === 'css-animation' && panel != null) {\n      panel.style.removeProperty('animation-name');\n    }\n    if (!hiddenUntilFound && !keepMounted) {\n      if (animationTypeRef.current != null && animationTypeRef.current !== 'css-animation') {\n        if (!mounted && nextOpen) {\n          setMounted(true);\n        }\n      }\n      if (animationTypeRef.current === 'css-animation') {\n        if (!visible && nextOpen) {\n          setVisible(true);\n        }\n        if (!mounted && nextOpen) {\n          setMounted(true);\n        }\n      }\n    }\n    setOpen(nextOpen);\n    if (animationTypeRef.current === 'none' && mounted && !nextOpen) {\n      setMounted(false);\n    }\n  });\n  useIsoLayoutEffect(() => {\n    /**\n     * Unmount immediately when closing in controlled mode and keepMounted={false}\n     * and no CSS animations or transitions are applied\n     */\n    if (isControlled && animationTypeRef.current === 'none' && !keepMounted && !open) {\n      setMounted(false);\n    }\n  }, [isControlled, keepMounted, open, openParam, setMounted]);\n  return React.useMemo(() => ({\n    abortControllerRef,\n    animationTypeRef,\n    disabled,\n    handleTrigger,\n    height,\n    mounted,\n    open,\n    panelId,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setHiddenUntilFound,\n    setKeepMounted,\n    setMounted,\n    setOpen,\n    setPanelIdState,\n    setVisible,\n    transitionDimensionRef,\n    transitionStatus,\n    visible,\n    width\n  }), [abortControllerRef, animationTypeRef, disabled, handleTrigger, height, mounted, open, panelId, panelRef, runOnceAnimationsFinish, setDimensions, setHiddenUntilFound, setKeepMounted, setMounted, setOpen, setVisible, transitionDimensionRef, transitionStatus, visible, width]);\n}"],"names":[],"mappings":";;;;;;;;;;AAWO;AACL;AAAM;AACE;AACN;AACA;AACA;AAEF;AACA;AAAsC;AACxB;AACH;AACH;AACC;AAET;AAAM;AACJ;AACA;AACA;AAEF;AACA;AAAO;AACL;AACA;AACiC;AACzB;AACD;AAET;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACE;AAAA;AAEF;AACA;AACE;AAA2C;AAE7C;AACE;AACE;AACE;AAAe;AACjB;AAEF;AACE;AACE;AAAe;AAEjB;AACE;AAAe;AACjB;AACF;AAEF;AACA;AACE;AAAgB;AAClB;AAEF;AAKE;AACE;AAAgB;AAClB;AAEF;AAA4B;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js

@@ -0,0 +1,54 @@
+"use client";
+import * as React from "react";
+import { triggerOpenStateMapping } from "../../utils/collapsibleOpenStateMapping.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useCollapsibleRootContext } from "../root/CollapsibleRootContext.js";
+import { useButton } from "../../use-button/useButton.js";
+const stateAttributesMapping = {
+  ...triggerOpenStateMapping,
+  ...transitionStatusMapping
+};
+const CollapsibleTrigger = /* @__PURE__ */ React.forwardRef(function CollapsibleTrigger2(componentProps, forwardedRef) {
+  const {
+    panelId,
+    open,
+    handleTrigger,
+    state,
+    disabled: contextDisabled
+  } = useCollapsibleRootContext();
+  const {
+    className,
+    disabled = contextDisabled,
+    id,
+    render,
+    nativeButton = true,
+    ...elementProps
+  } = componentProps;
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    focusableWhenDisabled: true,
+    native: nativeButton
+  });
+  const props = React.useMemo(() => ({
+    "aria-controls": open ? panelId : void 0,
+    "aria-expanded": open,
+    disabled,
+    onClick: handleTrigger
+  }), [panelId, disabled, open, handleTrigger]);
+  const element = useRenderElement("button", componentProps, {
+    state,
+    ref: [forwardedRef, buttonRef],
+    props: [props, elementProps, getButtonProps],
+    stateAttributesMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") CollapsibleTrigger.displayName = "CollapsibleTrigger";
+export {
+  CollapsibleTrigger
+};
+//# sourceMappingURL=CollapsibleTrigger.js.map

package/dist/node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { triggerOpenStateMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { useCollapsibleRootContext } from \"../root/CollapsibleRootContext.js\";\nconst stateAttributesMapping = {\n  ...triggerOpenStateMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A button that opens and closes the collapsible panel.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsibleTrigger = /*#__PURE__*/React.forwardRef(function CollapsibleTrigger(componentProps, forwardedRef) {\n  const {\n    panelId,\n    open,\n    handleTrigger,\n    state,\n    disabled: contextDisabled\n  } = useCollapsibleRootContext();\n  const {\n    className,\n    disabled = contextDisabled,\n    id,\n    render,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton\n  });\n  const props = React.useMemo(() => ({\n    'aria-controls': open ? panelId : undefined,\n    'aria-expanded': open,\n    disabled,\n    onClick: handleTrigger\n  }), [panelId, disabled, open, handleTrigger]);\n  const element = useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [props, elementProps, getButtonProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CollapsibleTrigger.displayName = \"CollapsibleTrigger\";"],"names":[],"mappings":";;;;;;;AAQA;AAA+B;AAC1B;AAEL;AAQY;AACV;AAAM;AACJ;AACA;AACA;AACA;AACU;AAEZ;AAAM;AACJ;AACW;AACX;AACA;AACe;AACZ;AAEL;AAAM;AACJ;AACA;AACY;AACZ;AACuB;AACf;AAEV;AAAmC;AACC;AACjB;AACjB;AACS;AAEX;AAA2D;AACzD;AAC6B;AACc;AAC3C;AAEF;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTriggerDataAttributes.js

@@ -0,0 +1,8 @@
+let CollapsibleTriggerDataAttributes = /* @__PURE__ */ (function(CollapsibleTriggerDataAttributes2) {
+  CollapsibleTriggerDataAttributes2["panelOpen"] = "data-panel-open";
+  return CollapsibleTriggerDataAttributes2;
+})({});
+export {
+  CollapsibleTriggerDataAttributes
+};
+//# sourceMappingURL=CollapsibleTriggerDataAttributes.js.map