@base-ui/react 1.3.0 → 1.4.1

package/drawer/root/DrawerRoot.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DrawerRoot = DrawerRoot;
 var React = _interopRequireWildcard(require("react"));
+var _addEventListener = require("@base-ui/utils/addEventListener");
 var _useControlled = require("@base-ui/utils/useControlled");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _owner = require("@base-ui/utils/owner");
@@ -14,8 +15,9 @@ var _detectBrowser = require("@base-ui/utils/detectBrowser");
 var _useId = require("@base-ui/utils/useId");
 var _DrawerRootContext = require("./DrawerRootContext");
 var _dialog = require("../../dialog");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
+var _DialogRoot = require("../../dialog/root/DialogRoot");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
 var _DialogRootContext = require("../../dialog/root/DialogRootContext");
 var _DrawerProviderContext = require("../provider/DrawerProviderContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -151,18 +153,21 @@ function DrawerRoot(props) {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerRootContext.DrawerRootContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.Dialog.Root, {
-      open: openProp,
-      defaultOpen: defaultOpen,
-      onOpenChange: handleOpenChange,
-      onOpenChangeComplete: onOpenChangeComplete,
-      disablePointerDismissal: disablePointerDismissal,
-      modal: modal,
-      actionsRef: actionsRef,
-      handle: handle,
-      triggerId: triggerIdProp,
-      defaultTriggerId: defaultTriggerIdProp,
-      children: resolvedChildren
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogRoot.IsDrawerContext.Provider, {
+      value: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.Dialog.Root, {
+        open: openProp,
+        defaultOpen: defaultOpen,
+        onOpenChange: handleOpenChange,
+        onOpenChangeComplete: onOpenChangeComplete,
+        disablePointerDismissal: disablePointerDismissal,
+        modal: modal,
+        actionsRef: actionsRef,
+        handle: handle,
+        triggerId: triggerIdProp,
+        defaultTriggerId: defaultTriggerIdProp,
+        children: resolvedChildren
+      })
     })
   });
 }
@@ -229,9 +234,9 @@ function DrawerProviderReporter() {
       dialogRootContext.store.setOpen(false, (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.closeWatcher, event));
     }
     const closeWatcher = new CloseWatcherCtor();
-    closeWatcher.addEventListener('close', handleCloseWatcher);
+    const unsubscribe = (0, _addEventListener.addEventListener)(closeWatcher, 'close', handleCloseWatcher);
     return () => {
-      closeWatcher.removeEventListener('close', handleCloseWatcher);
+      unsubscribe();
       closeWatcher.destroy();
     };
   }, [dialogRootContext.store, isTopmost, open, popupElement]);

package/drawer/root/DrawerRootContext.d.ts

@@ -38,6 +38,10 @@ export interface DrawerRootContext {
    * transitioning out).
    */
   hasNestedDrawer: boolean;
+  /**
+   * Called by the drawer popup to report its own measured height.
+   */
+  onPopupHeightChange: (height: number) => void;
   /**
    * Whether a nested drawer is currently being swiped.
    */
@@ -50,10 +54,6 @@ export interface DrawerRootContext {
    * Called by a nested drawer to report whether it is still present (open or transitioning out).
    */
   onNestedDrawerPresenceChange: (present: boolean) => void;
-  /**
-   * Called by the drawer popup to report its own measured height.
-   */
-  onPopupHeightChange: (height: number) => void;
   /**
    * Called by a nested drawer to report the frontmost height of its own stack.
    */

package/drawer/root/useDrawerSnapPoints.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _owner = require("@base-ui/utils/owner");
-var _clamp = require("../../utils/clamp");
+var _clamp = require("../../internals/clamp");
 var _DialogRootContext = require("../../dialog/root/DialogRootContext");
 var _DrawerRootContext = require("./DrawerRootContext");
 function resolveSnapPointValue(snapPoint, viewportHeight, rootFontSize) {

package/drawer/swipe-area/DrawerSwipeArea.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 import { type SwipeDirection } from "../../utils/useSwipeDismiss.js";
 import { type DrawerSwipeDirection } from "../root/DrawerRootContext.js";
 /**

package/drawer/swipe-area/DrawerSwipeArea.js

@@ -10,15 +10,15 @@ var React = _interopRequireWildcard(require("react"));
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useTimeout = require("@base-ui/utils/useTimeout");
 var _DialogRootContext = require("../../dialog/root/DialogRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
 var _useSwipeDismiss = require("../../utils/useSwipeDismiss");
 var _DrawerPopupCssVars = require("../popup/DrawerPopupCssVars");
 var _DrawerPopupDataAttributes = require("../popup/DrawerPopupDataAttributes");
 var _DrawerBackdropCssVars = require("../backdrop/DrawerBackdropCssVars");
 var _DrawerRootContext = require("../root/DrawerRootContext");
-var _useBaseUiId = require("../../utils/useBaseUiId");
+var _useBaseUiId = require("../../internals/useBaseUiId");
 var _popups = require("../../utils/popups");
 var _DrawerProviderContext = require("../provider/DrawerProviderContext");
 var _DrawerSwipeAreaDataAttributes = require("./DrawerSwipeAreaDataAttributes");
@@ -76,6 +76,7 @@ const DrawerSwipeArea = exports.DrawerSwipeArea = /*#__PURE__*/React.forwardRef(
     render,
     disabled = false,
     swipeDirection: swipeDirectionProp,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -247,6 +248,18 @@ const DrawerSwipeArea = exports.DrawerSwipeArea = /*#__PURE__*/React.forwardRef(
     }
     store.setOpen(false, (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.swipe, event, swipeAreaRef.current ?? undefined));
   }
+  function resetSwipeInteractionState() {
+    swipeStartEventRef.current = null;
+    openedBySwipeRef.current = false;
+    closedOffsetRef.current = null;
+    setSwipeActive(false);
+  }
+  function finishSwipeInteraction() {
+    resetSwipeInteractionState();
+    enableDismissAfterRelease();
+    resetDragDelta();
+    clearSwipeStyles();
+  }
   const swipe = (0, _useSwipeDismiss.useSwipeDismiss)({
     enabled,
     directions: [resolvedSwipeDirection],
@@ -305,15 +318,10 @@ const DrawerSwipeArea = exports.DrawerSwipeArea = /*#__PURE__*/React.forwardRef(
       } else if (openedBySwipeRef.current) {
         closeDrawer(event);
       }
-      swipeStartEventRef.current = null;
-      openedBySwipeRef.current = false;
-      setSwipeActive(false);
-      closedOffsetRef.current = null;
-      enableDismissAfterRelease();
-      resetDragDelta();
-      clearSwipeStyles();
+      finishSwipeInteraction();
       return false;
-    }
+    },
+    onCancel: finishSwipeInteraction
   });
   const swipePointerProps = swipe.getPointerProps();
   const swipeTouchProps = swipe.getTouchProps();
@@ -323,10 +331,7 @@ const DrawerSwipeArea = exports.DrawerSwipeArea = /*#__PURE__*/React.forwardRef(
       resetSwipe();
       resetDragDelta();
       clearSwipeStyles();
-      setSwipeActive(false);
-      openedBySwipeRef.current = false;
-      swipeStartEventRef.current = null;
-      closedOffsetRef.current = null;
+      resetSwipeInteractionState();
     }
   }, [clearSwipeStyles, enabled, resetDragDelta, resetSwipe]);
   React.useEffect(() => {

package/drawer/title/DrawerTitle.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * A heading that labels the drawer.
  * Renders an `<h2>` element.

package/drawer/trigger/DrawerTrigger.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { DialogHandle as DrawerHandle } from "../../dialog/store/DialogHandle.js";
-import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 /**
  * A button that opens the drawer.
  * Renders a `<button>` element.

package/drawer/viewport/DrawerViewport.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
-import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
+import type { TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * A positioning container for the drawer popup that can be made scrollable.
  * Renders a `<div>` element.

package/drawer/viewport/DrawerViewport.js

@@ -9,6 +9,7 @@ exports.DrawerViewport = void 0;
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _dom = require("@floating-ui/utils/dom");
+var _addEventListener = require("@base-ui/utils/addEventListener");
 var _owner = require("@base-ui/utils/owner");
 var _useAnimationFrame = require("@base-ui/utils/useAnimationFrame");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
@@ -18,19 +19,19 @@ var _mergeProps = require("../../merge-props");
 var _DrawerRootContext = require("../root/DrawerRootContext");
 var _useDrawerSnapPoints = require("../root/useDrawerSnapPoints");
 var _DrawerProviderContext = require("../provider/DrawerProviderContext");
-var _clamp = require("../../utils/clamp");
+var _clamp = require("../../internals/clamp");
 var _useSwipeDismiss = require("../../utils/useSwipeDismiss");
 var _DrawerPopupCssVars = require("../popup/DrawerPopupCssVars");
 var _DrawerPopupDataAttributes = require("../popup/DrawerPopupDataAttributes");
 var _DrawerBackdropCssVars = require("../backdrop/DrawerBackdropCssVars");
 var _DrawerContentDataAttributes = require("../content/DrawerContentDataAttributes");
-var _reasons = require("../../utils/reasons");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
 var _utils = require("../../floating-ui-react/utils");
 var _DrawerViewportContext = require("./DrawerViewportContext");
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
 var _scrollable = require("../../utils/scrollable");
-var _constants = require("../../utils/constants");
+var _constants = require("../../internals/constants");
 var _getElementAtPoint = require("../../utils/getElementAtPoint");
 var _jsxRuntime = require("react/jsx-runtime");
 const MIN_SWIPE_THRESHOLD = 10;
@@ -55,6 +56,7 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
   const {
     className,
     render,
+    style,
     children,
     ...elementProps
   } = props;
@@ -73,10 +75,10 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
   const open = store.useState('open');
   const mounted = store.useState('mounted');
   const nested = store.useState('nested');
-  const nestedOpenDialogCount = store.useState('nestedOpenDialogCount');
+  const nestedOpenDrawerCount = store.useState('nestedOpenDrawerCount');
   const viewportElement = store.useState('viewportElement');
   const popupElementState = store.useState('popupElement');
-  const nestedDrawerOpen = nestedOpenDialogCount > 0;
+  const nestedDrawerOpen = nestedOpenDrawerCount > 0;
   const scrollAxis = swipeDirection === 'left' || swipeDirection === 'right' ? 'horizontal' : 'vertical';
   const isVerticalScrollAxis = scrollAxis === 'vertical';
   const crossScrollAxis = isVerticalScrollAxis ? 'horizontal' : 'vertical';
@@ -147,6 +149,13 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
     store.context.popupRef.current?.removeAttribute(_stateAttributesMapping.TransitionStatusDataAttributes.endingStyle);
     setSwipeRelease(null);
   });
+  const finishNestedSwipe = (0, _useStableCallback.useStableCallback)(() => {
+    if (!nestedSwipeActiveRef.current) {
+      return;
+    }
+    nestedSwipeActiveRef.current = false;
+    notifyParentSwipingChange?.(false);
+  });
   const applySwipeProgress = (0, _useStableCallback.useStableCallback)(({
     resolvedProgress,
     shouldTrackProgress,
@@ -154,9 +163,12 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
   }) => {
     const isActive = open && !nested && shouldTrackProgress;
     const swipeProgress = isActive ? resolvedProgress : 0;
+    const nestedSwipeProgress = open && shouldTrackProgress ? resolvedProgress : 0;
     if (notifyParent && notifyParentSwipeProgressChange) {
-      const nestedSwipeProgress = open && shouldTrackProgress ? resolvedProgress : 0;
       notifyParentSwipeProgressChange(nestedSwipeProgress);
+      if (nestedSwipeProgress <= 0) {
+        finishNestedSwipe();
+      }
     }
     visualStateStore?.set({
       swipeProgress,
@@ -275,9 +287,8 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
     },
     onSwipingChange(swiping) {
       setBackdropSwipingAttribute(store.context.backdropRef.current, swiping);
-      if (!swiping) {
-        nestedSwipeActiveRef.current = false;
-        notifyParentSwipingChange?.(false);
+      if (!swiping && !notifyParentSwipeProgressChange) {
+        finishNestedSwipe();
       }
     },
     swipeThreshold({
@@ -359,7 +370,7 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
         if (!popupElement) {
           return;
         }
-        notifyParentSwipingChange?.(false);
+        finishNestedSwipe();
         setSwipeDismissed(true);
         popupElement.style.removeProperty('transition');
         popupElement.setAttribute(_stateAttributesMapping.TransitionStatusDataAttributes.endingStyle, '');
@@ -644,15 +655,10 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
       }
       updateTouchScrollPosition(touchState, touch);
     }
-    doc.addEventListener('touchmove', handleNativeTouchMove, {
+    return (0, _addEventListener.addEventListener)(doc, 'touchmove', handleNativeTouchMove, {
       passive: false,
       capture: true
     });
-    return () => {
-      doc.removeEventListener('touchmove', handleNativeTouchMove, {
-        capture: true
-      });
-    };
   }, [mounted, nestedDrawerOpen, open, popupElementState, isVerticalScrollAxis, scrollAxis, swipeDirection, viewportElement]);
   React.useEffect(() => {
     if (!snapPointRange || swipe.swiping) {
@@ -689,9 +695,9 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
         frontmostHeight: 0
       });
       setBackdropSwipingAttribute(store.context.backdropRef.current, false);
-      notifyParentSwipingChange?.(false);
+      finishNestedSwipe();
     };
-  }, [notifyParentSwipingChange, store, visualStateStore]);
+  }, [finishNestedSwipe, store, visualStateStore]);
   const swipeProviderValue = React.useMemo(() => ({
     swiping: swipe.swiping,
     getDragStyles: swipe.getDragStyles,
@@ -781,10 +787,16 @@ const DrawerViewport = exports.DrawerViewport = /*#__PURE__*/React.forwardRef(fu
           return;
         }
         const rootElement = viewportElement ?? popupElementState;
-        const target = (0, _dom.isElement)(event.target) ? event.target : null;
+        const eventTarget = (0, _utils.getTarget)(event.nativeEvent);
+        const target = (0, _dom.isElement)(eventTarget) ? eventTarget : null;
+        if (rootElement && target && !(0, _utils.contains)(rootElement, target)) {
+          ignoreTouchSwipeRef.current = true;
+          touchScrollStateRef.current = null;
+          return;
+        }
         let scrollTarget = null;
         let hasCrossAxisScrollableContent = false;
-        if (rootElement && target && (0, _utils.contains)(rootElement, target)) {
+        if (rootElement && target) {
           scrollTarget = (0, _scrollable.findScrollableTouchTarget)(target, rootElement, scrollAxis);
           hasCrossAxisScrollableContent = (0, _scrollable.findScrollableTouchTarget)(target, rootElement, crossScrollAxis) != null;
         }
@@ -884,13 +896,13 @@ function hasExpandedSelectionWithinTarget(selection, target) {
   return selection.containsNode(target, true) || (0, _utils.contains)(target, anchorElement) || (0, _utils.contains)(target, focusElement);
 }
 function shouldIgnoreSwipeForTextSelection(doc, rootElement) {
-  const activeElement = doc.activeElement;
-  const activeElementWithinRoot = Boolean(activeElement && (0, _utils.contains)(rootElement, activeElement));
-  if (activeElementWithinRoot && isTextSelectionControl(activeElement)) {
+  const activeEl = (0, _utils.activeElement)(doc);
+  const activeElementWithinRoot = Boolean(activeEl && (0, _utils.contains)(rootElement, activeEl));
+  if (activeElementWithinRoot && isTextSelectionControl(activeEl)) {
     const {
       selectionStart,
       selectionEnd
-    } = activeElement;
+    } = activeEl;
     if (selectionStart != null && selectionEnd != null && selectionStart < selectionEnd) {
       return true;
     }
@@ -906,7 +918,7 @@ function isEventOnRangeInput(event, win) {
   if (composedPath) {
     return composedPath.some(pathTarget => isRangeInput(pathTarget, win));
   }
-  return isRangeInput(event.target, win);
+  return isRangeInput((0, _utils.getTarget)(event), win);
 }
 function isReactTouchEventOnRangeInput(event) {
   return isEventOnRangeInput(event.nativeEvent, (0, _owner.ownerWindow)(event.currentTarget));

package/esm/accordion/header/AccordionHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 import type { AccordionItemState } from "../item/AccordionItem.js";
 /**
  * A heading that labels the corresponding panel.

package/esm/accordion/header/AccordionHeader.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useAccordionItemContext } from "../item/AccordionItemContext.js";
 import { accordionStateAttributesMapping } from "../item/stateAttributesMapping.js";
 
@@ -15,6 +15,7 @@ export const AccordionHeader = /*#__PURE__*/React.forwardRef(function AccordionH
   const {
     render,
     className,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/esm/accordion/item/AccordionItem.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 import { type UseCollapsibleRootParameters } from "../../collapsible/root/useCollapsibleRoot.js";
 import type { AccordionRootState } from "../root/AccordionRoot.js";
-import { type BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { type BaseUIChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 /**
  * Groups an accordion header with the corresponding panel.
  * Renders a `<div>` element.

package/esm/accordion/item/AccordionItem.js

@@ -3,14 +3,14 @@
 import * as React from 'react';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
 import { useCollapsibleRoot } from "../../collapsible/root/useCollapsibleRoot.js";
 import { CollapsibleRootContext } from "../../collapsible/root/CollapsibleRootContext.js";
-import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useCompositeListItem } from "../../internals/composite/list/useCompositeListItem.js";
 import { useAccordionRootContext } from "../root/AccordionRootContext.js";
 import { AccordionItemContext } from "./AccordionItemContext.js";
 import { accordionStateAttributesMapping } from "./stateAttributesMapping.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Groups an accordion header with the corresponding panel.
@@ -25,6 +25,7 @@ export const AccordionItem = /*#__PURE__*/React.forwardRef(function AccordionIte
     onOpenChange: onOpenChangeProp,
     render,
     value: valueProp,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/esm/accordion/item/stateAttributesMapping.d.ts

@@ -1,3 +1,3 @@
-import type { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
+import type { StateAttributesMapping } from "../../internals/getStateAttributesProps.js";
 import type { AccordionItemState } from "./AccordionItem.js";
 export declare const accordionStateAttributesMapping: StateAttributesMapping<AccordionItemState>;

package/esm/accordion/item/stateAttributesMapping.js

@@ -1,5 +1,5 @@
 import { collapsibleOpenStateMapping as baseMapping } from "../../utils/collapsibleOpenStateMapping.js";
-import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
 import { AccordionItemDataAttributes } from "./AccordionItemDataAttributes.js";
 export const accordionStateAttributesMapping = {
   ...baseMapping,

package/esm/accordion/panel/AccordionPanel.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 import type { AccordionRoot } from "../root/AccordionRoot.js";
 import type { AccordionItemState } from "../item/AccordionItem.js";
-import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * A collapsible panel with the accordion item contents.
  * Renders a `<div>` element.

package/esm/accordion/panel/AccordionPanel.js

@@ -9,8 +9,8 @@ import { useAccordionRootContext } from "../root/AccordionRootContext.js";
 import { useAccordionItemContext } from "../item/AccordionItemContext.js";
 import { accordionStateAttributesMapping } from "../item/stateAttributesMapping.js";
 import { AccordionPanelCssVars } from "./AccordionPanelCssVars.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 /**
  * A collapsible panel with the accordion item contents.
  * Renders a `<div>` element.
@@ -24,6 +24,7 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef(function AccordionPa
     keepMounted: keepMountedProp,
     id: idProp,
     render,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -134,7 +135,7 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef(function AccordionPa
     }, elementProps],
     stateAttributesMapping: accordionStateAttributesMapping
   });
-  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;
+  const shouldRender = keepMounted || hiddenUntilFound || mounted;
   if (!shouldRender) {
     return null;
   }

package/esm/accordion/panel/AccordionPanelDataAttributes.js

@@ -1,4 +1,4 @@
-import { TransitionStatusDataAttributes } from "../../utils/stateAttributesMapping.js";
+import { TransitionStatusDataAttributes } from "../../internals/stateAttributesMapping.js";
 export let AccordionPanelDataAttributes = function (AccordionPanelDataAttributes) {
   /**
    * Indicates the index of the accordion item.

package/esm/accordion/root/AccordionRoot.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { BaseUIComponentProps, Orientation } from "../../utils/types.js";
-import { type BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { BaseUIComponentProps, Orientation } from "../../internals/types.js";
+import { type BaseUIChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 /**
  * Groups all parts of the accordion.
  * Renders a `<div>` element.
@@ -45,7 +45,7 @@ export interface AccordionRootProps<Value = any> extends BaseUIComponentProps<'d
    */
   disabled?: boolean | undefined;
   /**
-   * Allows the browser’s built-in page search to find and expand the panel contents.
+   * Allows the browser's built-in page search to find and expand the panel contents.
    *
    * Overrides the `keepMounted` prop and uses `hidden="until-found"`
    * to hide the element without removing it from the DOM.

package/esm/accordion/root/AccordionRoot.js

@@ -5,12 +5,12 @@ import { useControlled } from '@base-ui/utils/useControlled';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { warn } from '@base-ui/utils/warn';
-import { CompositeList } from "../../composite/list/CompositeList.js";
-import { useDirection } from "../../direction-provider/DirectionContext.js";
+import { CompositeList } from "../../internals/composite/list/CompositeList.js";
+import { useDirection } from "../../internals/direction-context/DirectionContext.js";
 import { AccordionRootContext } from "./AccordionRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const rootStateAttributesMapping = {
   value: () => null
@@ -35,6 +35,7 @@ export const AccordionRoot = /*#__PURE__*/React.forwardRef(function AccordionRoo
     orientation = 'vertical',
     value: valueProp,
     defaultValue: defaultValueProp,
+    style,
     ...elementProps
   } = componentProps;
   const direction = useDirection();

package/esm/accordion/root/AccordionRootContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Orientation } from "../../utils/types.js";
+import type { Orientation } from "../../internals/types.js";
 import type { TextDirection } from "../../direction-provider/index.js";
 import type { AccordionRoot } from "./AccordionRoot.js";
 export interface AccordionRootContext<Value = any> {

package/esm/accordion/trigger/AccordionTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 import type { AccordionItemState } from "../item/AccordionItem.js";
 /**
  * A button that opens and closes the corresponding panel.

package/esm/accordion/trigger/AccordionTrigger.js

@@ -4,12 +4,12 @@ import * as React from 'react';
 import { isElementDisabled } from '@base-ui/utils/isElementDisabled';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { triggerOpenStateMapping } from "../../utils/collapsibleOpenStateMapping.js";
-import { useButton } from "../../use-button/index.js";
+import { useButton } from "../../internals/use-button/index.js";
 import { useCollapsibleRootContext } from "../../collapsible/root/CollapsibleRootContext.js";
-import { ARROW_DOWN, ARROW_UP, ARROW_RIGHT, ARROW_LEFT, HOME, END, stopEvent } from "../../composite/composite.js";
+import { ARROW_DOWN, ARROW_UP, ARROW_RIGHT, ARROW_LEFT, HOME, END, stopEvent } from "../../internals/composite/composite.js";
 import { useAccordionRootContext } from "../root/AccordionRootContext.js";
 import { useAccordionItemContext } from "../item/AccordionItemContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 const SUPPORTED_KEYS = new Set([ARROW_DOWN, ARROW_UP, ARROW_RIGHT, ARROW_LEFT, HOME, END]);
 function getActiveTriggers(accordionItemRefs) {
   const {
@@ -42,6 +42,7 @@ export const AccordionTrigger = /*#__PURE__*/React.forwardRef(function Accordion
     id: idProp,
     render,
     nativeButton = true,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -96,7 +97,7 @@ export const AccordionTrigger = /*#__PURE__*/React.forwardRef(function Accordion
       const numOfEnabledTriggers = triggers.length;
       const lastIndex = numOfEnabledTriggers - 1;
       let nextIndex = -1;
-      const thisIndex = triggers.indexOf(event.target);
+      const thisIndex = triggers.indexOf(event.currentTarget);
       function toNext() {
         if (loopFocus) {
           nextIndex = thisIndex + 1 > lastIndex ? 0 : thisIndex + 1;

package/esm/alert-dialog/index.d.ts

@@ -1,2 +1,10 @@
 export * as AlertDialog from "./index.parts.js";
-export type * from "./root/AlertDialogRoot.js";
+export type * from "./root/AlertDialogRoot.js";
+export type { DialogBackdropProps as AlertDialogBackdropProps, DialogBackdropState as AlertDialogBackdropState } from "../dialog/backdrop/DialogBackdrop.js";
+export type { DialogCloseProps as AlertDialogCloseProps, DialogCloseState as AlertDialogCloseState } from "../dialog/close/DialogClose.js";
+export type { DialogDescriptionProps as AlertDialogDescriptionProps, DialogDescriptionState as AlertDialogDescriptionState } from "../dialog/description/DialogDescription.js";
+export type { DialogPopupProps as AlertDialogPopupProps, DialogPopupState as AlertDialogPopupState } from "../dialog/popup/DialogPopup.js";
+export type { DialogPortalProps as AlertDialogPortalProps, DialogPortalState as AlertDialogPortalState } from "../dialog/portal/DialogPortal.js";
+export type { DialogTitleProps as AlertDialogTitleProps, DialogTitleState as AlertDialogTitleState } from "../dialog/title/DialogTitle.js";
+export type { DialogTriggerProps as AlertDialogTriggerProps, DialogTriggerState as AlertDialogTriggerState } from "../dialog/trigger/DialogTrigger.js";
+export type { DialogViewportProps as AlertDialogViewportProps, DialogViewportState as AlertDialogViewportState } from "../dialog/viewport/DialogViewport.js";