@neynar/ui 0.3.1 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/tabs/root/TabsRootDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRootDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/tabs/root/TabsRootDataAttributes.js"],"sourcesContent":["export let TabsRootDataAttributes = /*#__PURE__*/function (TabsRootDataAttributes) {\n  /**\n   * Indicates the direction of the activation (based on the previous active tab).\n   * @type {'left' | 'right' | 'up' | 'down' | 'none'}\n   */\n  TabsRootDataAttributes[\"activationDirection\"] = \"data-activation-direction\";\n  /**\n   * Indicates the orientation of the tabs.\n   * @type {'horizontal' | 'vertical'}\n   */\n  TabsRootDataAttributes[\"orientation\"] = \"data-orientation\";\n  return TabsRootDataAttributes;\n}({});"],"names":["TabsRootDataAttributes"],"mappings":"AAAU,IAAC,yBAAsC,0BAAUA,yBAAwB;AAKjF,EAAAA,wBAAuB,qBAAqB,IAAI;AAKhD,EAAAA,wBAAuB,aAAa,IAAI;AACxC,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,10 @@
+import { TabsRootDataAttributes } from "./TabsRootDataAttributes.js";
+const tabsStateAttributesMapping = {
+  tabActivationDirection: (dir) => ({
+    [TabsRootDataAttributes.activationDirection]: dir
+  })
+};
+export {
+  tabsStateAttributesMapping
+};
+//# sourceMappingURL=stateAttributesMapping.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateAttributesMapping.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/tabs/root/stateAttributesMapping.js"],"sourcesContent":["import { TabsRootDataAttributes } from \"./TabsRootDataAttributes.js\";\nexport const tabsStateAttributesMapping = {\n  tabActivationDirection: dir => ({\n    [TabsRootDataAttributes.activationDirection]: dir\n  })\n};"],"names":[],"mappings":";AACY,MAAC,6BAA6B;AAAA,EACxC,wBAAwB,UAAQ;AAAA,IAC9B,CAAC,uBAAuB,mBAAmB,GAAG;AAAA,EAClD;AACA;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/tabs/tab/TabsTab.js

@@ -0,0 +1,154 @@
+"use client";
+import * as React from "react";
+import { ownerDocument } from "../../../../utils/esm/owner.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { ACTIVE_COMPOSITE_ITEM } from "../../composite/constants.js";
+import { useCompositeItem } from "../../composite/item/useCompositeItem.js";
+import { useTabsRootContext } from "../root/TabsRootContext.js";
+import { useTabsListContext } from "../list/TabsListContext.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useButton } from "../../use-button/useButton.js";
+import { activeElement, contains } from "../../floating-ui-react/utils/element.js";
+import { none } from "../../utils/reason-parts.js";
+const TabsTab = /* @__PURE__ */ React.forwardRef(function TabsTab2(componentProps, forwardedRef) {
+  const {
+    className,
+    disabled = false,
+    render,
+    value,
+    id: idProp,
+    nativeButton = true,
+    ...elementProps
+  } = componentProps;
+  const {
+    value: activeTabValue,
+    getTabPanelIdByValue,
+    orientation
+  } = useTabsRootContext();
+  const {
+    activateOnFocus,
+    highlightedTabIndex,
+    onTabActivation,
+    setHighlightedTabIndex,
+    tabsListElement
+  } = useTabsListContext();
+  const id = useBaseUiId(idProp);
+  const tabMetadata = React.useMemo(() => ({
+    disabled,
+    id,
+    value
+  }), [disabled, id, value]);
+  const {
+    compositeProps,
+    compositeRef,
+    index
+    // hook is used instead of the CompositeItem component
+    // because the index is needed for Tab internals
+  } = useCompositeItem({
+    metadata: tabMetadata
+  });
+  const active = value === activeTabValue;
+  const isNavigatingRef = React.useRef(false);
+  useIsoLayoutEffect(() => {
+    if (isNavigatingRef.current) {
+      isNavigatingRef.current = false;
+      return;
+    }
+    if (!(active && index > -1 && highlightedTabIndex !== index)) {
+      return;
+    }
+    const listElement = tabsListElement;
+    if (listElement != null) {
+      const activeEl = activeElement(ownerDocument(listElement));
+      if (activeEl && contains(listElement, activeEl)) {
+        return;
+      }
+    }
+    if (!disabled) {
+      setHighlightedTabIndex(index);
+    }
+  }, [active, index, highlightedTabIndex, setHighlightedTabIndex, disabled, tabsListElement]);
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    native: nativeButton,
+    focusableWhenDisabled: true
+  });
+  const tabPanelId = getTabPanelIdByValue(value);
+  const isPressingRef = React.useRef(false);
+  const isMainButtonRef = React.useRef(false);
+  function onClick(event) {
+    if (active || disabled) {
+      return;
+    }
+    onTabActivation(value, createChangeEventDetails(none, event.nativeEvent, void 0, {
+      activationDirection: "none"
+    }));
+  }
+  function onFocus(event) {
+    if (active) {
+      return;
+    }
+    if (index > -1 && !disabled) {
+      setHighlightedTabIndex(index);
+    }
+    if (disabled) {
+      return;
+    }
+    if (activateOnFocus && (!isPressingRef.current || // keyboard or touch focus
+    isPressingRef.current && isMainButtonRef.current)) {
+      onTabActivation(value, createChangeEventDetails(none, event.nativeEvent, void 0, {
+        activationDirection: "none"
+      }));
+    }
+  }
+  function onPointerDown(event) {
+    if (active || disabled) {
+      return;
+    }
+    isPressingRef.current = true;
+    function handlePointerUp() {
+      isPressingRef.current = false;
+      isMainButtonRef.current = false;
+    }
+    if (!event.button || event.button === 0) {
+      isMainButtonRef.current = true;
+      const doc = ownerDocument(event.currentTarget);
+      doc.addEventListener("pointerup", handlePointerUp, {
+        once: true
+      });
+    }
+  }
+  const state = React.useMemo(() => ({
+    disabled,
+    active,
+    orientation
+  }), [disabled, active, orientation]);
+  const element = useRenderElement("button", componentProps, {
+    state,
+    ref: [forwardedRef, buttonRef, compositeRef],
+    props: [compositeProps, {
+      role: "tab",
+      "aria-controls": tabPanelId,
+      "aria-selected": active,
+      id,
+      onClick,
+      onFocus,
+      onPointerDown,
+      [ACTIVE_COMPOSITE_ITEM]: active ? "" : void 0,
+      onKeyDownCapture() {
+        isNavigatingRef.current = true;
+      }
+    }, elementProps, getButtonProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") TabsTab.displayName = "TabsTab";
+export {
+  TabsTab
+};
+//# sourceMappingURL=TabsTab.js.map

package/dist/node_modules/@base-ui/react/esm/tabs/tab/TabsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/tabs/tab/TabsTab.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { ACTIVE_COMPOSITE_ITEM } from \"../../composite/constants.js\";\nimport { useCompositeItem } from \"../../composite/item/useCompositeItem.js\";\nimport { useTabsRootContext } from \"../root/TabsRootContext.js\";\nimport { useTabsListContext } from \"../list/TabsListContext.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { activeElement, contains } from \"../../floating-ui-react/utils.js\";\n\n/**\n * An individual interactive tab button that toggles the corresponding panel.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)\n */\nexport const TabsTab = /*#__PURE__*/React.forwardRef(function TabsTab(componentProps, forwardedRef) {\n  const {\n    className,\n    disabled = false,\n    render,\n    value,\n    id: idProp,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const {\n    value: activeTabValue,\n    getTabPanelIdByValue,\n    orientation\n  } = useTabsRootContext();\n  const {\n    activateOnFocus,\n    highlightedTabIndex,\n    onTabActivation,\n    setHighlightedTabIndex,\n    tabsListElement\n  } = useTabsListContext();\n  const id = useBaseUiId(idProp);\n  const tabMetadata = React.useMemo(() => ({\n    disabled,\n    id,\n    value\n  }), [disabled, id, value]);\n  const {\n    compositeProps,\n    compositeRef,\n    index\n    // hook is used instead of the CompositeItem component\n    // because the index is needed for Tab internals\n  } = useCompositeItem({\n    metadata: tabMetadata\n  });\n  const active = value === activeTabValue;\n  const isNavigatingRef = React.useRef(false);\n\n  // Keep the highlighted item in sync with the currently active tab\n  // when the value prop changes externally (controlled mode)\n  useIsoLayoutEffect(() => {\n    if (isNavigatingRef.current) {\n      isNavigatingRef.current = false;\n      return;\n    }\n    if (!(active && index > -1 && highlightedTabIndex !== index)) {\n      return;\n    }\n\n    // If focus is currently within the tabs list, don't override the roving\n    // focus highlight. This keeps keyboard navigation relative to the focused\n    // item after an external/asynchronous selection change.\n    const listElement = tabsListElement;\n    if (listElement != null) {\n      const activeEl = activeElement(ownerDocument(listElement));\n      if (activeEl && contains(listElement, activeEl)) {\n        return;\n      }\n    }\n\n    // Don't highlight disabled tabs to prevent them from interfering with keyboard navigation.\n    // Keyboard focus (tabIndex) should remain on an enabled tab even when a disabled tab is selected.\n    if (!disabled) {\n      setHighlightedTabIndex(index);\n    }\n  }, [active, index, highlightedTabIndex, setHighlightedTabIndex, disabled, tabsListElement]);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton,\n    focusableWhenDisabled: true\n  });\n  const tabPanelId = getTabPanelIdByValue(value);\n  const isPressingRef = React.useRef(false);\n  const isMainButtonRef = React.useRef(false);\n  function onClick(event) {\n    if (active || disabled) {\n      return;\n    }\n    onTabActivation(value, createChangeEventDetails(REASONS.none, event.nativeEvent, undefined, {\n      activationDirection: 'none'\n    }));\n  }\n  function onFocus(event) {\n    if (active) {\n      return;\n    }\n\n    // Only highlight enabled tabs when focused (disabled tabs remain focusable via focusableWhenDisabled).\n    if (index > -1 && !disabled) {\n      setHighlightedTabIndex(index);\n    }\n    if (disabled) {\n      return;\n    }\n    if (activateOnFocus && (!isPressingRef.current ||\n    // keyboard or touch focus\n    isPressingRef.current && isMainButtonRef.current) // mouse focus\n    ) {\n      onTabActivation(value, createChangeEventDetails(REASONS.none, event.nativeEvent, undefined, {\n        activationDirection: 'none'\n      }));\n    }\n  }\n  function onPointerDown(event) {\n    if (active || disabled) {\n      return;\n    }\n    isPressingRef.current = true;\n    function handlePointerUp() {\n      isPressingRef.current = false;\n      isMainButtonRef.current = false;\n    }\n    if (!event.button || event.button === 0) {\n      isMainButtonRef.current = true;\n      const doc = ownerDocument(event.currentTarget);\n      doc.addEventListener('pointerup', handlePointerUp, {\n        once: true\n      });\n    }\n  }\n  const state = React.useMemo(() => ({\n    disabled,\n    active,\n    orientation\n  }), [disabled, active, orientation]);\n  const element = useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef, compositeRef],\n    props: [compositeProps, {\n      role: 'tab',\n      'aria-controls': tabPanelId,\n      'aria-selected': active,\n      id,\n      onClick,\n      onFocus,\n      onPointerDown,\n      [ACTIVE_COMPOSITE_ITEM]: active ? '' : undefined,\n      onKeyDownCapture() {\n        isNavigatingRef.current = true;\n      }\n    }, elementProps, getButtonProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") TabsTab.displayName = \"TabsTab\";"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBY;AACV;AAAM;AACJ;AACW;AACX;AACA;AACI;AACW;AACZ;AAEL;AAAM;AACG;AACP;AACA;AAEF;AAAM;AACJ;AACA;AACA;AACA;AACA;AAEF;AACA;AAAyC;AACvC;AACA;AACA;AAEF;AAAM;AACJ;AACA;AACA;AAAA;AAAA;AAGmB;AACT;AAEZ;AACA;AAIA;AACE;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAMF;AACA;AACE;AACA;AACE;AAAA;AACF;AAKF;AACE;AAA4B;AAC9B;AAEF;AAAM;AACJ;AACA;AACY;AACZ;AACQ;AACe;AAEzB;AACA;AACA;AACA;AACE;AACE;AAAA;AAEF;AAA4F;AACrE;AACrB;AAEJ;AACE;AACE;AAAA;AAIF;AACE;AAA4B;AAE9B;AACE;AAAA;AAEF;AAAuC;AAIrC;AAA4F;AACrE;AACrB;AACJ;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACE;AACA;AAA0B;AAE5B;AACE;AACA;AACA;AAAmD;AAC3C;AACP;AACH;AAEF;AAAmC;AACjC;AACA;AACA;AAEF;AAA2D;AACzD;AAC2C;AACnB;AAChB;AACW;AACA;AACjB;AACA;AACA;AACA;AACuC;AAErC;AAA0B;AAC5B;AAC6B;AAEjC;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/toggle/Toggle.js

@@ -0,0 +1,92 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+import { useControlled } from "../../../utils/esm/useControlled.js";
+import { useBaseUiId } from "../utils/useBaseUiId.js";
+import { useRenderElement } from "../utils/useRenderElement.js";
+import { useToggleGroupContext } from "../toggle-group/ToggleGroupContext.js";
+import { useButton } from "../use-button/useButton.js";
+import { CompositeItem } from "../composite/item/CompositeItem.js";
+import { createChangeEventDetails } from "../utils/createBaseUIEventDetails.js";
+import { jsx } from "react/jsx-runtime";
+import { none } from "../utils/reason-parts.js";
+const Toggle = /* @__PURE__ */ React.forwardRef(function Toggle2(componentProps, forwardedRef) {
+  const {
+    className,
+    defaultPressed: defaultPressedProp = false,
+    disabled: disabledProp = false,
+    form,
+    // never participates in form validation
+    onPressedChange: onPressedChangeProp,
+    pressed: pressedProp,
+    render,
+    type,
+    // cannot change button type
+    value: valueProp,
+    nativeButton = true,
+    ...elementProps
+  } = componentProps;
+  const value = useBaseUiId(valueProp || void 0);
+  const groupContext = useToggleGroupContext();
+  const groupValue = groupContext?.value ?? [];
+  const defaultPressed = groupContext ? void 0 : defaultPressedProp;
+  const disabled = (disabledProp || groupContext?.disabled) ?? false;
+  const [pressed, setPressedState] = useControlled({
+    controlled: groupContext ? groupValue?.indexOf(value) > -1 : pressedProp,
+    default: defaultPressed,
+    name: "Toggle",
+    state: "pressed"
+  });
+  const onPressedChange = useStableCallback((nextPressed, eventDetails) => {
+    if (value) {
+      groupContext?.setGroupValue?.(value, nextPressed, eventDetails);
+    }
+    onPressedChangeProp?.(nextPressed, eventDetails);
+  });
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    native: nativeButton
+  });
+  const state = React.useMemo(() => ({
+    disabled,
+    pressed
+  }), [disabled, pressed]);
+  const refs = [buttonRef, forwardedRef];
+  const props = [{
+    "aria-pressed": pressed,
+    onClick(event) {
+      const nextPressed = !pressed;
+      const details = createChangeEventDetails(none, event.nativeEvent);
+      onPressedChange(nextPressed, details);
+      if (details.isCanceled) {
+        return;
+      }
+      setPressedState(nextPressed);
+    }
+  }, elementProps, getButtonProps];
+  const element = useRenderElement("button", componentProps, {
+    enabled: !groupContext,
+    state,
+    ref: refs,
+    props
+  });
+  if (groupContext) {
+    return /* @__PURE__ */ jsx(CompositeItem, {
+      tag: "button",
+      render,
+      className,
+      state,
+      refs,
+      props
+    });
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") Toggle.displayName = "Toggle";
+export {
+  Toggle
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/node_modules/@base-ui/react/esm/toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../../../../node_modules/@base-ui/react/esm/toggle/Toggle.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useBaseUiId } from \"../utils/useBaseUiId.js\";\nimport { useRenderElement } from \"../utils/useRenderElement.js\";\nimport { useToggleGroupContext } from \"../toggle-group/ToggleGroupContext.js\";\nimport { useButton } from \"../use-button/useButton.js\";\nimport { CompositeItem } from \"../composite/item/CompositeItem.js\";\nimport { createChangeEventDetails } from \"../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../utils/reasons.js\";\n\n/**\n * A two-state button that can be on or off.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Toggle](https://base-ui.com/react/components/toggle)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const Toggle = /*#__PURE__*/React.forwardRef(function Toggle(componentProps, forwardedRef) {\n  const {\n    className,\n    defaultPressed: defaultPressedProp = false,\n    disabled: disabledProp = false,\n    form,\n    // never participates in form validation\n    onPressedChange: onPressedChangeProp,\n    pressed: pressedProp,\n    render,\n    type,\n    // cannot change button type\n    value: valueProp,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n\n  // `|| undefined` handles cases, where value is falsy (i.e. \"\")\n  const value = useBaseUiId(valueProp || undefined);\n  const groupContext = useToggleGroupContext();\n  const groupValue = groupContext?.value ?? [];\n  const defaultPressed = groupContext ? undefined : defaultPressedProp;\n  const disabled = (disabledProp || groupContext?.disabled) ?? false;\n  const [pressed, setPressedState] = useControlled({\n    controlled: groupContext ? groupValue?.indexOf(value) > -1 : pressedProp,\n    default: defaultPressed,\n    name: 'Toggle',\n    state: 'pressed'\n  });\n  const onPressedChange = useStableCallback((nextPressed, eventDetails) => {\n    if (value) {\n      groupContext?.setGroupValue?.(value, nextPressed, eventDetails);\n    }\n    onPressedChangeProp?.(nextPressed, eventDetails);\n  });\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const state = React.useMemo(() => ({\n    disabled,\n    pressed\n  }), [disabled, pressed]);\n  const refs = [buttonRef, forwardedRef];\n  const props = [{\n    'aria-pressed': pressed,\n    onClick(event) {\n      const nextPressed = !pressed;\n      const details = createChangeEventDetails(REASONS.none, event.nativeEvent);\n      onPressedChange(nextPressed, details);\n      if (details.isCanceled) {\n        return;\n      }\n      setPressedState(nextPressed);\n    }\n  }, elementProps, getButtonProps];\n  const element = useRenderElement('button', componentProps, {\n    enabled: !groupContext,\n    state,\n    ref: refs,\n    props\n  });\n  if (groupContext) {\n    return /*#__PURE__*/_jsx(CompositeItem, {\n      tag: \"button\",\n      render: render,\n      className: className,\n      state: state,\n      refs: refs,\n      props: props\n    });\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") Toggle.displayName = \"Toggle\";"],"names":[],"mappings":";;;;;;;;;;;;AAoBY;AACV;AAAM;AACJ;AACqC;AACZ;AACzB;AAAA;AAEiB;AACR;AACT;AACA;AAAA;AAEO;AACQ;AACZ;AAIL;AACA;AACA;AACA;AACA;AACA;AAAiD;AACc;AACpD;AACH;AACC;AAET;AACE;AACE;AAA8D;AAEhE;AAA+C;AAEjD;AAAM;AACJ;AACA;AACY;AACZ;AACQ;AAEV;AAAmC;AACjC;AACA;AAEF;AACA;AAAe;AACG;AAEd;AACA;AACA;AACA;AACE;AAAA;AAEF;AAA2B;AAC7B;AAEF;AAA2D;AAC/C;AACV;AACK;AACL;AAEF;AACE;AAAwC;AACjC;AACL;AACA;AACA;AACA;AACA;AACD;AAEH;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js

@@ -0,0 +1,106 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+import { useControlled } from "../../../utils/esm/useControlled.js";
+import { useRenderElement } from "../utils/useRenderElement.js";
+import { CompositeRoot } from "../composite/root/CompositeRoot.js";
+import { useToolbarRootContext } from "../toolbar/root/ToolbarRootContext.js";
+import { ToggleGroupContext } from "./ToggleGroupContext.js";
+import { ToggleGroupDataAttributes } from "./ToggleGroupDataAttributes.js";
+import { jsx } from "react/jsx-runtime";
+const stateAttributesMapping = {
+  multiple(value) {
+    if (value) {
+      return {
+        [ToggleGroupDataAttributes.multiple]: ""
+      };
+    }
+    return null;
+  }
+};
+const ToggleGroup = /* @__PURE__ */ React.forwardRef(function ToggleGroup2(componentProps, forwardedRef) {
+  const {
+    defaultValue: defaultValueProp,
+    disabled: disabledProp = false,
+    loopFocus = true,
+    onValueChange,
+    orientation = "horizontal",
+    multiple = false,
+    value: valueProp,
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const toolbarContext = useToolbarRootContext();
+  const defaultValue = React.useMemo(() => {
+    if (valueProp === void 0) {
+      return defaultValueProp ?? [];
+    }
+    return void 0;
+  }, [valueProp, defaultValueProp]);
+  const disabled = (toolbarContext?.disabled ?? false) || disabledProp;
+  const [groupValue, setValueState] = useControlled({
+    controlled: valueProp,
+    default: defaultValue,
+    name: "ToggleGroup",
+    state: "value"
+  });
+  const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {
+    let newGroupValue;
+    if (multiple) {
+      newGroupValue = groupValue.slice();
+      if (nextPressed) {
+        newGroupValue.push(newValue);
+      } else {
+        newGroupValue.splice(groupValue.indexOf(newValue), 1);
+      }
+    } else {
+      newGroupValue = nextPressed ? [newValue] : [];
+    }
+    if (Array.isArray(newGroupValue)) {
+      onValueChange?.(newGroupValue, eventDetails);
+      if (eventDetails.isCanceled) {
+        return;
+      }
+      setValueState(newGroupValue);
+    }
+  });
+  const state = React.useMemo(() => ({
+    disabled,
+    multiple,
+    orientation
+  }), [disabled, orientation, multiple]);
+  const contextValue = React.useMemo(() => ({
+    disabled,
+    orientation,
+    setGroupValue,
+    value: groupValue
+  }), [disabled, orientation, setGroupValue, groupValue]);
+  const defaultProps = {
+    role: "group"
+  };
+  const element = useRenderElement("div", componentProps, {
+    enabled: Boolean(toolbarContext),
+    state,
+    ref: forwardedRef,
+    props: [defaultProps, elementProps],
+    stateAttributesMapping
+  });
+  return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+    value: contextValue,
+    children: toolbarContext ? element : /* @__PURE__ */ jsx(CompositeRoot, {
+      render,
+      className,
+      state,
+      refs: [forwardedRef],
+      props: [defaultProps, elementProps],
+      stateAttributesMapping,
+      loopFocus
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") ToggleGroup.displayName = "ToggleGroup";
+export {
+  ToggleGroup
+};
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sources":["../../../../../../node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useRenderElement } from \"../utils/useRenderElement.js\";\nimport { CompositeRoot } from \"../composite/root/CompositeRoot.js\";\nimport { useToolbarRootContext } from \"../toolbar/root/ToolbarRootContext.js\";\nimport { ToggleGroupContext } from \"./ToggleGroupContext.js\";\nimport { ToggleGroupDataAttributes } from \"./ToggleGroupDataAttributes.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  multiple(value) {\n    if (value) {\n      return {\n        [ToggleGroupDataAttributes.multiple]: ''\n      };\n    }\n    return null;\n  }\n};\n\n/**\n * Provides a shared state to a series of toggle buttons.\n *\n * Documentation: [Base UI Toggle Group](https://base-ui.com/react/components/toggle-group)\n */\nexport const ToggleGroup = /*#__PURE__*/React.forwardRef(function ToggleGroup(componentProps, forwardedRef) {\n  const {\n    defaultValue: defaultValueProp,\n    disabled: disabledProp = false,\n    loopFocus = true,\n    onValueChange,\n    orientation = 'horizontal',\n    multiple = false,\n    value: valueProp,\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const toolbarContext = useToolbarRootContext(true);\n  const defaultValue = React.useMemo(() => {\n    if (valueProp === undefined) {\n      return defaultValueProp ?? [];\n    }\n    return undefined;\n  }, [valueProp, defaultValueProp]);\n  const disabled = (toolbarContext?.disabled ?? false) || disabledProp;\n  const [groupValue, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'ToggleGroup',\n    state: 'value'\n  });\n  const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {\n    let newGroupValue;\n    if (multiple) {\n      newGroupValue = groupValue.slice();\n      if (nextPressed) {\n        newGroupValue.push(newValue);\n      } else {\n        newGroupValue.splice(groupValue.indexOf(newValue), 1);\n      }\n    } else {\n      newGroupValue = nextPressed ? [newValue] : [];\n    }\n    if (Array.isArray(newGroupValue)) {\n      onValueChange?.(newGroupValue, eventDetails);\n      if (eventDetails.isCanceled) {\n        return;\n      }\n      setValueState(newGroupValue);\n    }\n  });\n  const state = React.useMemo(() => ({\n    disabled,\n    multiple,\n    orientation\n  }), [disabled, orientation, multiple]);\n  const contextValue = React.useMemo(() => ({\n    disabled,\n    orientation,\n    setGroupValue,\n    value: groupValue\n  }), [disabled, orientation, setGroupValue, groupValue]);\n  const defaultProps = {\n    role: 'group'\n  };\n  const element = useRenderElement('div', componentProps, {\n    enabled: Boolean(toolbarContext),\n    state,\n    ref: forwardedRef,\n    props: [defaultProps, elementProps],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(ToggleGroupContext.Provider, {\n    value: contextValue,\n    children: toolbarContext ? element : /*#__PURE__*/_jsx(CompositeRoot, {\n      render: render,\n      className: className,\n      state: state,\n      refs: [forwardedRef],\n      props: [defaultProps, elementProps],\n      stateAttributesMapping: stateAttributesMapping,\n      loopFocus: loopFocus\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ToggleGroup.displayName = \"ToggleGroup\";"],"names":[],"mappings":";;;;;;;;;;AAWA;AAA+B;AAE3B;AACE;AAAO;AACiC;AAC9C;AAEI;AAAO;AAEX;AAOY;AACV;AAAM;AACU;AACW;AACb;AACZ;AACc;AACH;AACJ;AACP;AACA;AACG;AAEL;AACA;AACE;AACE;AAA2B;AAE7B;AAAO;AAET;AACA;AAAkD;AACpC;AACH;AACH;AACC;AAET;AACE;AACA;AACE;AACA;AACE;AAA2B;AAE3B;AAAoD;AACtD;AAEA;AAA2C;AAE7C;AACE;AACA;AACE;AAAA;AAEF;AAA2B;AAC7B;AAEF;AAAmC;AACjC;AACA;AACA;AAEF;AAA0C;AACxC;AACA;AACA;AACO;AAET;AAAqB;AACb;AAER;AAAwD;AACvB;AAC/B;AACK;AAC6B;AAClC;AAEF;AAAsD;AAC7C;AAC+D;AACpE;AACA;AACA;AACmB;AACe;AAClC;AACA;AACD;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupContext.js

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

package/dist/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupContext.js.map

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

package/dist/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js

@@ -0,0 +1,10 @@
+let ToggleGroupDataAttributes = /* @__PURE__ */ (function(ToggleGroupDataAttributes2) {
+  ToggleGroupDataAttributes2["disabled"] = "data-disabled";
+  ToggleGroupDataAttributes2["orientation"] = "data-orientation";
+  ToggleGroupDataAttributes2["multiple"] = "data-multiple";
+  return ToggleGroupDataAttributes2;
+})({});
+export {
+  ToggleGroupDataAttributes
+};
+//# sourceMappingURL=ToggleGroupDataAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupDataAttributes.js","sources":["../../../../../../node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js"],"sourcesContent":["export let ToggleGroupDataAttributes = /*#__PURE__*/function (ToggleGroupDataAttributes) {\n  /**\n   * Present when the toggle group is disabled.\n   */\n  ToggleGroupDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Indicates the orientation of the toggle group.\n   * @type {'horizontal' | 'vertical'}\n   */\n  ToggleGroupDataAttributes[\"orientation\"] = \"data-orientation\";\n  /**\n   * Present when the toggle group allows multiple buttons to be in the pressed state at the same time.\n   */\n  ToggleGroupDataAttributes[\"multiple\"] = \"data-multiple\";\n  return ToggleGroupDataAttributes;\n}({});"],"names":["ToggleGroupDataAttributes"],"mappings":"AAAU,IAAC,4BAAyC,0BAAUA,4BAA2B;AAIvF,EAAAA,2BAA0B,UAAU,IAAI;AAKxC,EAAAA,2BAA0B,aAAa,IAAI;AAI3C,EAAAA,2BAA0B,UAAU,IAAI;AACxC,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js

@@ -0,0 +1,13 @@
+"use client";
+import * as React from "react";
+const ToolbarRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ToolbarRootContext.displayName = "ToolbarRootContext";
+function useToolbarRootContext(optional) {
+  const context = React.useContext(ToolbarRootContext);
+  return context;
+}
+export {
+  ToolbarRootContext,
+  useToolbarRootContext
+};
+//# sourceMappingURL=ToolbarRootContext.js.map

package/dist/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js.map

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

package/dist/node_modules/@base-ui/react/esm/tooltip/arrow/TooltipArrow.js

@@ -0,0 +1,45 @@
+"use client";
+import * as React from "react";
+import { useTooltipPositionerContext } from "../positioner/TooltipPositionerContext.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useTooltipRootContext } from "../root/TooltipRootContext.js";
+const TooltipArrow = /* @__PURE__ */ React.forwardRef(function TooltipArrow2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const store = useTooltipRootContext();
+  const instantType = store.useState("instantType");
+  const {
+    open,
+    arrowRef,
+    side,
+    align,
+    arrowUncentered,
+    arrowStyles
+  } = useTooltipPositionerContext();
+  const state = React.useMemo(() => ({
+    open,
+    side,
+    align,
+    uncentered: arrowUncentered,
+    instant: instantType
+  }), [open, side, align, arrowUncentered, instantType]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, arrowRef],
+    props: [{
+      style: arrowStyles,
+      "aria-hidden": true
+    }, elementProps],
+    stateAttributesMapping: popupStateMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") TooltipArrow.displayName = "TooltipArrow";
+export {
+  TooltipArrow
+};
+//# sourceMappingURL=TooltipArrow.js.map

package/dist/node_modules/@base-ui/react/esm/tooltip/arrow/TooltipArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipArrow.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/tooltip/arrow/TooltipArrow.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTooltipPositionerContext } from \"../positioner/TooltipPositionerContext.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useTooltipRootContext } from \"../root/TooltipRootContext.js\";\n\n/**\n * Displays an element positioned against the tooltip anchor.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Tooltip](https://base-ui.com/react/components/tooltip)\n */\nexport const TooltipArrow = /*#__PURE__*/React.forwardRef(function TooltipArrow(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const store = useTooltipRootContext();\n  const instantType = store.useState('instantType');\n  const {\n    open,\n    arrowRef,\n    side,\n    align,\n    arrowUncentered,\n    arrowStyles\n  } = useTooltipPositionerContext();\n  const state = React.useMemo(() => ({\n    open,\n    side,\n    align,\n    uncentered: arrowUncentered,\n    instant: instantType\n  }), [open, side, align, arrowUncentered, instantType]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, arrowRef],\n    props: [{\n      style: arrowStyles,\n      'aria-hidden': true\n    }, elementProps],\n    stateAttributesMapping: popupStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") TooltipArrow.displayName = \"TooltipArrow\";"],"names":[],"mappings":";;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AACA;AACA;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AAEF;AAAmC;AACjC;AACA;AACA;AACY;AACH;AAEX;AAAwD;AACtD;AAC4B;AACpB;AACC;AACQ;AACF;AACS;AAE1B;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.js

@@ -0,0 +1,93 @@
+"use client";
+import * as React from "react";
+import { useTooltipRootContext } from "../root/TooltipRootContext.js";
+import { useTooltipPositionerContext } from "../positioner/TooltipPositionerContext.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { usePopupAutoResize } from "../../utils/usePopupAutoResize.js";
+import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
+import { useDirection } from "../../direction-provider/DirectionContext.js";
+import { useHoverFloatingInteraction } from "../../floating-ui-react/hooks/useHoverFloatingInteraction.js";
+const stateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
+const TooltipPopup = /* @__PURE__ */ React.forwardRef(function TooltipPopup2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const store = useTooltipRootContext();
+  const {
+    side,
+    align
+  } = useTooltipPositionerContext();
+  const open = store.useState("open");
+  const mounted = store.useState("mounted");
+  const instantType = store.useState("instantType");
+  const transitionStatus = store.useState("transitionStatus");
+  const popupProps = store.useState("popupProps");
+  const payload = store.useState("payload");
+  const popupElement = store.useState("popupElement");
+  const positionerElement = store.useState("positionerElement");
+  const floatingContext = store.useState("floatingRootContext");
+  const direction = useDirection();
+  useOpenChangeComplete({
+    open,
+    ref: store.context.popupRef,
+    onComplete() {
+      if (open) {
+        store.context.onOpenChangeComplete?.(true);
+      }
+    }
+  });
+  function handleMeasureLayout() {
+    floatingContext.context.events.emit("measure-layout");
+  }
+  function handleMeasureLayoutComplete(previousDimensions, nextDimensions) {
+    floatingContext.context.events.emit("measure-layout-complete", {
+      previousDimensions,
+      nextDimensions
+    });
+  }
+  const autoresizeEnabled = React.useCallback(() => store.context.triggerElements.size > 1, [store]);
+  usePopupAutoResize({
+    popupElement,
+    positionerElement,
+    mounted,
+    content: payload,
+    enabled: autoresizeEnabled,
+    onMeasureLayout: handleMeasureLayout,
+    onMeasureLayoutComplete: handleMeasureLayoutComplete,
+    side,
+    direction
+  });
+  const disabled = store.useState("disabled");
+  const closeDelay = store.useState("closeDelay");
+  useHoverFloatingInteraction(floatingContext, {
+    enabled: !disabled,
+    closeDelay
+  });
+  const state = React.useMemo(() => ({
+    open,
+    side,
+    align,
+    instant: instantType,
+    transitionStatus
+  }), [open, side, align, instantType, transitionStatus]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, store.context.popupRef, store.useStateSetter("popupElement")],
+    props: [popupProps, getDisabledMountTransitionStyles(transitionStatus), elementProps],
+    stateAttributesMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") TooltipPopup.displayName = "TooltipPopup";
+export {
+  TooltipPopup
+};
+//# sourceMappingURL=TooltipPopup.js.map

package/dist/node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPopup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTooltipRootContext } from \"../root/TooltipRootContext.js\";\nimport { useTooltipPositionerContext } from \"../positioner/TooltipPositionerContext.js\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { usePopupAutoResize } from \"../../utils/usePopupAutoResize.js\";\nimport { getDisabledMountTransitionStyles } from \"../../utils/getDisabledMountTransitionStyles.js\";\nimport { useHoverFloatingInteraction } from \"../../floating-ui-react/index.js\";\nimport { useDirection } from \"../../direction-provider/index.js\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A container for the tooltip contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Tooltip](https://base-ui.com/react/components/tooltip)\n */\nexport const TooltipPopup = /*#__PURE__*/React.forwardRef(function TooltipPopup(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const store = useTooltipRootContext();\n  const {\n    side,\n    align\n  } = useTooltipPositionerContext();\n  const open = store.useState('open');\n  const mounted = store.useState('mounted');\n  const instantType = store.useState('instantType');\n  const transitionStatus = store.useState('transitionStatus');\n  const popupProps = store.useState('popupProps');\n  const payload = store.useState('payload');\n  const popupElement = store.useState('popupElement');\n  const positionerElement = store.useState('positionerElement');\n  const floatingContext = store.useState('floatingRootContext');\n  const direction = useDirection();\n  useOpenChangeComplete({\n    open,\n    ref: store.context.popupRef,\n    onComplete() {\n      if (open) {\n        store.context.onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  function handleMeasureLayout() {\n    floatingContext.context.events.emit('measure-layout');\n  }\n  function handleMeasureLayoutComplete(previousDimensions, nextDimensions) {\n    floatingContext.context.events.emit('measure-layout-complete', {\n      previousDimensions,\n      nextDimensions\n    });\n  }\n\n  // If there's just one trigger, we can skip the auto-resize logic as\n  // the tooltip will always be anchored to the same position.\n  const autoresizeEnabled = React.useCallback(() => store.context.triggerElements.size > 1, [store]);\n  usePopupAutoResize({\n    popupElement,\n    positionerElement,\n    mounted,\n    content: payload,\n    enabled: autoresizeEnabled,\n    onMeasureLayout: handleMeasureLayout,\n    onMeasureLayoutComplete: handleMeasureLayoutComplete,\n    side,\n    direction\n  });\n  const disabled = store.useState('disabled');\n  const closeDelay = store.useState('closeDelay');\n  useHoverFloatingInteraction(floatingContext, {\n    enabled: !disabled,\n    closeDelay\n  });\n  const state = React.useMemo(() => ({\n    open,\n    side,\n    align,\n    instant: instantType,\n    transitionStatus\n  }), [open, side, align, instantType, transitionStatus]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, store.context.popupRef, store.useStateSetter('popupElement')],\n    props: [popupProps, getDisabledMountTransitionStyles(transitionStatus), elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") TooltipPopup.displayName = \"TooltipPopup\";"],"names":["baseMapping"],"mappings":";;;;;;;;;;;;AAaA;AAA+B;AAC1BA;AAEL;AAQY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AACA;AAAM;AACJ;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsB;AACpB;AACmB;AAEjB;AACE;AAAyC;AAC3C;AACF;AAEF;AACE;AAAoD;AAEtD;AACE;AAA+D;AAC7D;AACA;AACD;AAKH;AACA;AAAmB;AACjB;AACA;AACA;AACS;AACA;AACQ;AACQ;AACzB;AACA;AAEF;AACA;AACA;AAA6C;AACjC;AACV;AAEF;AAAmC;AACjC;AACA;AACA;AACS;AACT;AAEF;AAAwD;AACtD;AACgF;AACI;AACpF;AAEF;AACF;AACA;;;;","x_google_ignoreList":[0]}