@rpcbase/ui 0.252.0 → 0.254.0

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../../../node_modules/@base-ui/react/dialog/close/DialogClose.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\n\n/**\n * A button that closes the dialog.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogClose = /*#__PURE__*/React.forwardRef(function DialogClose(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    disabled = false,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const open = store.useState('open');\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const state = {\n    disabled\n  };\n  function handleClick(event) {\n    if (open) {\n      store.setOpen(false, createChangeEventDetails(REASONS.closePress, event.nativeEvent));\n    }\n  }\n  return useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [{\n      onClick: handleClick\n    }, elementProps, getButtonProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogClose.displayName = \"DialogClose\";"],"names":["DialogClose","React","componentProps","forwardedRef","render","className","style","disabled","nativeButton","elementProps","store","useDialogRootContext","open","getButtonProps","buttonRef","useButton","state","handleClick","event","createChangeEventDetails","REASONS.closePress","useRenderElement"],"mappings":";;;;;;AAeY,MAACA,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAAgBC,GAAc;AAC1G,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,OAAAQ;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAOF,EAAM,SAAS,MAAM,GAC5B;AAAA,IACJ,gBAAAG;AAAA,IACA,WAAAC;AAAA,EACJ,IAAMC,EAAU;AAAA,IACZ,UAAAR;AAAA,IACA,QAAQC;AAAA,EACZ,CAAG,GACKQ,IAAQ;AAAA,IACZ,UAAAT;AAAA,EACJ;AACE,WAASU,EAAYC,GAAO;AAC1B,IAAIN,KACFF,EAAM,QAAQ,IAAOS,EAAyBC,GAAoBF,EAAM,WAAW,CAAC;AAAA,EAExF;AACA,SAAOG,EAAiB,UAAUnB,GAAgB;AAAA,IAChD,OAAAc;AAAA,IACA,KAAK,CAACb,GAAcW,CAAS;AAAA,IAC7B,OAAO,CAAC;AAAA,MACN,SAASG;AAAA,IACf,GAAOR,GAAcI,CAAc;AAAA,EACnC,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcb,EAAY,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index35.js","sources":["../../../node_modules/@base-ui/react/dialog/popup/DialogPopup.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { FloatingFocusManager } from \"../../floating-ui-react/index.mjs\";\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\nimport { DialogPopupCssVars } from \"./DialogPopupCssVars.mjs\";\nimport { DialogPopupDataAttributes } from \"./DialogPopupDataAttributes.mjs\";\nimport { useDialogPortalContext } from \"../portal/DialogPortalContext.mjs\";\nimport { useOpenChangeComplete } from \"../../internals/useOpenChangeComplete.mjs\";\nimport { COMPOSITE_KEYS } from \"../../internals/composite/composite.mjs\";\nimport { FOCUSABLE_POPUP_PROPS, createDefaultInitialFocus } from \"../../utils/popups/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping,\n  nestedDialogOpen(value) {\n    return value ? {\n      [DialogPopupDataAttributes.nestedDialogOpen]: ''\n    } : null;\n  }\n};\n\n/**\n * A container for the dialog contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogPopup = /*#__PURE__*/React.forwardRef(function DialogPopup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    finalFocus,\n    initialFocus,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const descriptionElementId = store.useState('descriptionElementId');\n  const disablePointerDismissal = store.useState('disablePointerDismissal');\n  const floatingRootContext = store.useState('floatingRootContext');\n  const rootPopupProps = store.useState('popupProps');\n  const modal = store.useState('modal');\n  const mounted = store.useState('mounted');\n  const nested = store.useState('nested');\n  const nestedOpenDialogCount = store.useState('nestedOpenDialogCount');\n  const open = store.useState('open');\n  const openMethod = store.useState('openMethod');\n  const titleElementId = store.useState('titleElementId');\n  const transitionStatus = store.useState('transitionStatus');\n  const role = store.useState('role');\n  const floatingId = floatingRootContext.useState('floatingId');\n  const popupId = elementProps.id ?? floatingId;\n  useDialogPortalContext();\n  useOpenChangeComplete({\n    open,\n    ref: store.context.popupRef,\n    onComplete() {\n      if (open) {\n        store.context.onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  const resolvedInitialFocus = initialFocus === undefined ? createDefaultInitialFocus(store.context.popupRef) : initialFocus;\n  const nestedDialogOpen = nestedOpenDialogCount > 0;\n  const setPopupElement = store.useStateSetter('popupElement');\n  const state = {\n    open,\n    nested,\n    transitionStatus,\n    nestedDialogOpen\n  };\n  const element = useRenderElement('div', componentProps, {\n    state,\n    props: [rootPopupProps, {\n      id: popupId,\n      'aria-labelledby': titleElementId ?? undefined,\n      'aria-describedby': descriptionElementId ?? undefined,\n      role,\n      ...FOCUSABLE_POPUP_PROPS,\n      hidden: !mounted,\n      onKeyDown(event) {\n        if (COMPOSITE_KEYS.has(event.key)) {\n          event.stopPropagation();\n        }\n      },\n      style: {\n        [DialogPopupCssVars.nestedDialogs]: nestedOpenDialogCount\n      }\n    }, elementProps],\n    ref: [forwardedRef, store.context.popupRef, setPopupElement],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(FloatingFocusManager, {\n    context: floatingRootContext,\n    openInteractionType: openMethod,\n    disabled: !mounted,\n    closeOnFocusOut: !disablePointerDismissal,\n    initialFocus: resolvedInitialFocus,\n    returnFocus: finalFocus,\n    modal: modal !== false,\n    restoreFocus: \"popup\",\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogPopup.displayName = \"DialogPopup\";"],"names":["stateAttributesMapping","baseMapping","transitionStatusMapping","value","DialogPopupDataAttributes","DialogPopup","React","componentProps","forwardedRef","render","className","style","finalFocus","initialFocus","elementProps","store","useDialogRootContext","descriptionElementId","disablePointerDismissal","floatingRootContext","rootPopupProps","modal","mounted","nested","nestedOpenDialogCount","open","openMethod","titleElementId","transitionStatus","role","floatingId","popupId","useDialogPortalContext","useOpenChangeComplete","resolvedInitialFocus","createDefaultInitialFocus","nestedDialogOpen","setPopupElement","element","useRenderElement","FOCUSABLE_POPUP_PROPS","event","COMPOSITE_KEYS","DialogPopupCssVars","_jsx","FloatingFocusManager"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAyB;AAAA,EAC7B,GAAGC;AAAAA,EACH,GAAGC;AAAA,EACH,iBAAiBC,GAAO;AACtB,WAAOA,IAAQ;AAAA,MACb,CAACC,EAA0B,gBAAgB,GAAG;AAAA,IACpD,IAAQ;AAAA,EACN;AACF,GAQaC,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAAgBC,GAAc;AAC1G,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,OAAAQ;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAuBF,EAAM,SAAS,sBAAsB,GAC5DG,IAA0BH,EAAM,SAAS,yBAAyB,GAClEI,IAAsBJ,EAAM,SAAS,qBAAqB,GAC1DK,IAAiBL,EAAM,SAAS,YAAY,GAC5CM,IAAQN,EAAM,SAAS,OAAO,GAC9BO,IAAUP,EAAM,SAAS,SAAS,GAClCQ,IAASR,EAAM,SAAS,QAAQ,GAChCS,IAAwBT,EAAM,SAAS,uBAAuB,GAC9DU,IAAOV,EAAM,SAAS,MAAM,GAC5BW,IAAaX,EAAM,SAAS,YAAY,GACxCY,IAAiBZ,EAAM,SAAS,gBAAgB,GAChDa,IAAmBb,EAAM,SAAS,kBAAkB,GACpDc,IAAOd,EAAM,SAAS,MAAM,GAC5Be,IAAaX,EAAoB,SAAS,YAAY,GACtDY,IAAUjB,EAAa,MAAMgB;AACnC,EAAAE,EAAsB,GACtBC,EAAsB;AAAA,IACpB,MAAAR;AAAA,IACA,KAAKV,EAAM,QAAQ;AAAA,IACnB,aAAa;AACX,MAAIU,KACFV,EAAM,QAAQ,uBAAuB,EAAI;AAAA,IAE7C;AAAA,EACJ,CAAG;AACD,QAAMmB,IAAuBrB,MAAiB,SAAYsB,EAA0BpB,EAAM,QAAQ,QAAQ,IAAIF,GACxGuB,IAAmBZ,IAAwB,GAC3Ca,IAAkBtB,EAAM,eAAe,cAAc,GAOrDuB,IAAUC,EAAiB,OAAOhC,GAAgB;AAAA,IACtD,OAPY;AAAA,MACZ,MAAAkB;AAAA,MACA,QAAAF;AAAA,MACA,kBAAAK;AAAA,MACA,kBAAAQ;AAAA,IACJ;AAAA,IAGI,OAAO,CAAChB,GAAgB;AAAA,MACtB,IAAIW;AAAA,MACJ,mBAAmBJ,KAAkB;AAAA,MACrC,oBAAoBV,KAAwB;AAAA,MAC5C,MAAAY;AAAA,MACA,GAAGW;AAAA,MACH,QAAQ,CAAClB;AAAA,MACT,UAAUmB,GAAO;AACf,QAAIC,EAAe,IAAID,EAAM,GAAG,KAC9BA,EAAM,gBAAe;AAAA,MAEzB;AAAA,MACA,OAAO;AAAA,QACL,CAACE,EAAmB,aAAa,GAAGnB;AAAA,MAC5C;AAAA,IACA,GAAOV,CAAY;AAAA,IACf,KAAK,CAACN,GAAcO,EAAM,QAAQ,UAAUsB,CAAe;AAAA,IAC3D,wBAAArC;AAAA,EACJ,CAAG;AACD,SAAoB4C,gBAAAA,EAAAA,IAAKC,GAAsB;AAAA,IAC7C,SAAS1B;AAAA,IACT,qBAAqBO;AAAA,IACrB,UAAU,CAACJ;AAAA,IACX,iBAAiB,CAACJ;AAAA,IAClB,cAAcgB;AAAA,IACd,aAAatB;AAAA,IACb,OAAOS,MAAU;AAAA,IACjB,cAAc;AAAA,IACd,UAAUiB;AAAA,EACd,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcjC,EAAY,cAAc;","x_google_ignoreList":[0]}

package/dist/index350.js

@@ -1,10 +1,10 @@
 import * as r from "react";
 import { useScrollLock as P } from "./index377.js";
-import { EMPTY_OBJECT as f } from "./index287.js";
+import { EMPTY_OBJECT as f } from "./index290.js";
 import { createChangeEventDetails as C } from "./index175.js";
 import { usePopupRootSync as S, useImplicitActiveTrigger as k, useOpenStateTransitions as E, usePopupInteractionProps as T } from "./index184.js";
-import { useDismiss as h } from "./index302.js";
-import { getTarget as w, contains as x } from "./index314.js";
+import { useDismiss as h } from "./index305.js";
+import { getTarget as w, contains as x } from "./index317.js";
 import { imperativeAction as I } from "./index177.js";
 function L(e) {
   const {

package/dist/index358.js

@@ -1,9 +1,9 @@
 import * as c from "react";
-import { Store as l } from "./index306.js";
-import { useStore as a } from "./index300.js";
-import { useStableCallback as f } from "./index285.js";
-import { useIsoLayoutEffect as u } from "./index284.js";
-import { NOOP as d } from "./index287.js";
+import { Store as l } from "./index309.js";
+import { useStore as a } from "./index303.js";
+import { useStableCallback as f } from "./index288.js";
+import { useIsoLayoutEffect as u } from "./index287.js";
+import { NOOP as d } from "./index290.js";
 class g extends l {
   /**
    * Creates a new ReactStore instance.

package/dist/index359.js

@@ -1,4 +1,4 @@
-import { EMPTY_OBJECT as r } from "./index287.js";
+import { EMPTY_OBJECT as r } from "./index290.js";
 import { FloatingRootStore as l } from "./index388.js";
 import { getEmptyRootContext as d } from "./index391.js";
 import { createSelector as o } from "./index361.js";

package/dist/index36.js

@@ -1,80 +1,26 @@
-import * as y from "react";
-import { useDialogRootContext as h } from "./index171.js";
-import { useRenderElement as M } from "./index172.js";
-import { popupStateMapping as N } from "./index173.js";
-import { transitionStatusMapping as _ } from "./index174.js";
-import { DialogPopupCssVars as j } from "./index179.js";
-import { DialogPopupDataAttributes as A } from "./index180.js";
-import { useDialogPortalContext as v } from "./index181.js";
-import { useOpenChangeComplete as w } from "./index182.js";
-import { COMPOSITE_KEYS as K } from "./index183.js";
-import { j as T } from "./index30.js";
-import { createDefaultInitialFocus as U, FOCUSABLE_POPUP_PROPS as V } from "./index184.js";
-import { FloatingFocusManager as k } from "./index185.js";
-const B = {
-  ...N,
-  ..._,
-  nestedDialogOpen(o) {
-    return o ? {
-      [A.nestedDialogOpen]: ""
-    } : null;
-  }
-}, L = /* @__PURE__ */ y.forwardRef(function(n, l) {
+import * as n from "react";
+import { useDialogRootContext as p } from "./index171.js";
+import { useRenderElement as a } from "./index172.js";
+import { useBaseUiId as c } from "./index178.js";
+const d = /* @__PURE__ */ n.forwardRef(function(e, r) {
   const {
-    render: Y,
-    className: q,
-    style: z,
-    finalFocus: c,
-    initialFocus: s,
-    ...i
-  } = n, {
-    store: t
-  } = h(), d = t.useState("descriptionElementId"), m = t.useState("disablePointerDismissal"), a = t.useState("floatingRootContext"), f = t.useState("popupProps"), g = t.useState("modal"), p = t.useState("mounted"), S = t.useState("nested"), r = t.useState("nestedOpenDialogCount"), e = t.useState("open"), D = t.useState("openMethod"), P = t.useState("titleElementId"), O = t.useState("transitionStatus"), C = t.useState("role"), x = a.useState("floatingId"), E = i.id ?? x;
-  v(), w({
-    open: e,
-    ref: t.context.popupRef,
-    onComplete() {
-      e && t.context.onOpenChangeComplete?.(!0);
-    }
-  });
-  const F = s === void 0 ? U(t.context.popupRef) : s, I = r > 0, R = t.useStateSetter("popupElement"), b = M("div", n, {
-    state: {
-      open: e,
-      nested: S,
-      transitionStatus: O,
-      nestedDialogOpen: I
-    },
-    props: [f, {
-      id: E,
-      "aria-labelledby": P ?? void 0,
-      "aria-describedby": d ?? void 0,
-      role: C,
-      ...V,
-      hidden: !p,
-      onKeyDown(u) {
-        K.has(u.key) && u.stopPropagation();
-      },
-      style: {
-        [j.nestedDialogs]: r
-      }
-    }, i],
-    ref: [l, t.context.popupRef, R],
-    stateAttributesMapping: B
-  });
-  return /* @__PURE__ */ T.jsx(k, {
-    context: a,
-    openInteractionType: D,
-    disabled: !p,
-    closeOnFocusOut: !m,
-    initialFocus: F,
-    returnFocus: c,
-    modal: g !== !1,
-    restoreFocus: "popup",
-    children: b
+    render: m,
+    className: f,
+    style: u,
+    id: i,
+    ...t
+  } = e, {
+    store: s
+  } = p(), o = c(i);
+  return s.useSyncedValueWithCleanup("descriptionElementId", o), a("p", e, {
+    ref: r,
+    props: [{
+      id: o
+    }, t]
   });
 });
-process.env.NODE_ENV !== "production" && (L.displayName = "DialogPopup");
+process.env.NODE_ENV !== "production" && (d.displayName = "DialogDescription");
 export {
-  L as DialogPopup
+  d as DialogDescription
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../../../node_modules/@base-ui/react/dialog/popup/DialogPopup.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { FloatingFocusManager } from \"../../floating-ui-react/index.mjs\";\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\nimport { DialogPopupCssVars } from \"./DialogPopupCssVars.mjs\";\nimport { DialogPopupDataAttributes } from \"./DialogPopupDataAttributes.mjs\";\nimport { useDialogPortalContext } from \"../portal/DialogPortalContext.mjs\";\nimport { useOpenChangeComplete } from \"../../internals/useOpenChangeComplete.mjs\";\nimport { COMPOSITE_KEYS } from \"../../internals/composite/composite.mjs\";\nimport { FOCUSABLE_POPUP_PROPS, createDefaultInitialFocus } from \"../../utils/popups/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping,\n  nestedDialogOpen(value) {\n    return value ? {\n      [DialogPopupDataAttributes.nestedDialogOpen]: ''\n    } : null;\n  }\n};\n\n/**\n * A container for the dialog contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogPopup = /*#__PURE__*/React.forwardRef(function DialogPopup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    finalFocus,\n    initialFocus,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const descriptionElementId = store.useState('descriptionElementId');\n  const disablePointerDismissal = store.useState('disablePointerDismissal');\n  const floatingRootContext = store.useState('floatingRootContext');\n  const rootPopupProps = store.useState('popupProps');\n  const modal = store.useState('modal');\n  const mounted = store.useState('mounted');\n  const nested = store.useState('nested');\n  const nestedOpenDialogCount = store.useState('nestedOpenDialogCount');\n  const open = store.useState('open');\n  const openMethod = store.useState('openMethod');\n  const titleElementId = store.useState('titleElementId');\n  const transitionStatus = store.useState('transitionStatus');\n  const role = store.useState('role');\n  const floatingId = floatingRootContext.useState('floatingId');\n  const popupId = elementProps.id ?? floatingId;\n  useDialogPortalContext();\n  useOpenChangeComplete({\n    open,\n    ref: store.context.popupRef,\n    onComplete() {\n      if (open) {\n        store.context.onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  const resolvedInitialFocus = initialFocus === undefined ? createDefaultInitialFocus(store.context.popupRef) : initialFocus;\n  const nestedDialogOpen = nestedOpenDialogCount > 0;\n  const setPopupElement = store.useStateSetter('popupElement');\n  const state = {\n    open,\n    nested,\n    transitionStatus,\n    nestedDialogOpen\n  };\n  const element = useRenderElement('div', componentProps, {\n    state,\n    props: [rootPopupProps, {\n      id: popupId,\n      'aria-labelledby': titleElementId ?? undefined,\n      'aria-describedby': descriptionElementId ?? undefined,\n      role,\n      ...FOCUSABLE_POPUP_PROPS,\n      hidden: !mounted,\n      onKeyDown(event) {\n        if (COMPOSITE_KEYS.has(event.key)) {\n          event.stopPropagation();\n        }\n      },\n      style: {\n        [DialogPopupCssVars.nestedDialogs]: nestedOpenDialogCount\n      }\n    }, elementProps],\n    ref: [forwardedRef, store.context.popupRef, setPopupElement],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(FloatingFocusManager, {\n    context: floatingRootContext,\n    openInteractionType: openMethod,\n    disabled: !mounted,\n    closeOnFocusOut: !disablePointerDismissal,\n    initialFocus: resolvedInitialFocus,\n    returnFocus: finalFocus,\n    modal: modal !== false,\n    restoreFocus: \"popup\",\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogPopup.displayName = \"DialogPopup\";"],"names":["stateAttributesMapping","baseMapping","transitionStatusMapping","value","DialogPopupDataAttributes","DialogPopup","React","componentProps","forwardedRef","render","className","style","finalFocus","initialFocus","elementProps","store","useDialogRootContext","descriptionElementId","disablePointerDismissal","floatingRootContext","rootPopupProps","modal","mounted","nested","nestedOpenDialogCount","open","openMethod","titleElementId","transitionStatus","role","floatingId","popupId","useDialogPortalContext","useOpenChangeComplete","resolvedInitialFocus","createDefaultInitialFocus","nestedDialogOpen","setPopupElement","element","useRenderElement","FOCUSABLE_POPUP_PROPS","event","COMPOSITE_KEYS","DialogPopupCssVars","_jsx","FloatingFocusManager"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAyB;AAAA,EAC7B,GAAGC;AAAAA,EACH,GAAGC;AAAA,EACH,iBAAiBC,GAAO;AACtB,WAAOA,IAAQ;AAAA,MACb,CAACC,EAA0B,gBAAgB,GAAG;AAAA,IACpD,IAAQ;AAAA,EACN;AACF,GAQaC,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAAgBC,GAAc;AAC1G,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,OAAAQ;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAuBF,EAAM,SAAS,sBAAsB,GAC5DG,IAA0BH,EAAM,SAAS,yBAAyB,GAClEI,IAAsBJ,EAAM,SAAS,qBAAqB,GAC1DK,IAAiBL,EAAM,SAAS,YAAY,GAC5CM,IAAQN,EAAM,SAAS,OAAO,GAC9BO,IAAUP,EAAM,SAAS,SAAS,GAClCQ,IAASR,EAAM,SAAS,QAAQ,GAChCS,IAAwBT,EAAM,SAAS,uBAAuB,GAC9DU,IAAOV,EAAM,SAAS,MAAM,GAC5BW,IAAaX,EAAM,SAAS,YAAY,GACxCY,IAAiBZ,EAAM,SAAS,gBAAgB,GAChDa,IAAmBb,EAAM,SAAS,kBAAkB,GACpDc,IAAOd,EAAM,SAAS,MAAM,GAC5Be,IAAaX,EAAoB,SAAS,YAAY,GACtDY,IAAUjB,EAAa,MAAMgB;AACnC,EAAAE,EAAsB,GACtBC,EAAsB;AAAA,IACpB,MAAAR;AAAA,IACA,KAAKV,EAAM,QAAQ;AAAA,IACnB,aAAa;AACX,MAAIU,KACFV,EAAM,QAAQ,uBAAuB,EAAI;AAAA,IAE7C;AAAA,EACJ,CAAG;AACD,QAAMmB,IAAuBrB,MAAiB,SAAYsB,EAA0BpB,EAAM,QAAQ,QAAQ,IAAIF,GACxGuB,IAAmBZ,IAAwB,GAC3Ca,IAAkBtB,EAAM,eAAe,cAAc,GAOrDuB,IAAUC,EAAiB,OAAOhC,GAAgB;AAAA,IACtD,OAPY;AAAA,MACZ,MAAAkB;AAAA,MACA,QAAAF;AAAA,MACA,kBAAAK;AAAA,MACA,kBAAAQ;AAAA,IACJ;AAAA,IAGI,OAAO,CAAChB,GAAgB;AAAA,MACtB,IAAIW;AAAA,MACJ,mBAAmBJ,KAAkB;AAAA,MACrC,oBAAoBV,KAAwB;AAAA,MAC5C,MAAAY;AAAA,MACA,GAAGW;AAAA,MACH,QAAQ,CAAClB;AAAA,MACT,UAAUmB,GAAO;AACf,QAAIC,EAAe,IAAID,EAAM,GAAG,KAC9BA,EAAM,gBAAe;AAAA,MAEzB;AAAA,MACA,OAAO;AAAA,QACL,CAACE,EAAmB,aAAa,GAAGnB;AAAA,MAC5C;AAAA,IACA,GAAOV,CAAY;AAAA,IACf,KAAK,CAACN,GAAcO,EAAM,QAAQ,UAAUsB,CAAe;AAAA,IAC3D,wBAAArC;AAAA,EACJ,CAAG;AACD,SAAoB4C,gBAAAA,EAAAA,IAAKC,GAAsB;AAAA,IAC7C,SAAS1B;AAAA,IACT,qBAAqBO;AAAA,IACrB,UAAU,CAACJ;AAAA,IACX,iBAAiB,CAACJ;AAAA,IAClB,cAAcgB;AAAA,IACd,aAAatB;AAAA,IACb,OAAOS,MAAU;AAAA,IACjB,cAAc;AAAA,IACd,UAAUiB;AAAA,EACd,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcjC,EAAY,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index36.js","sources":["../../../node_modules/@base-ui/react/dialog/description/DialogDescription.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\n/**\n * A paragraph with additional information about the dialog.\n * Renders a `<p>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogDescription = /*#__PURE__*/React.forwardRef(function DialogDescription(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const id = useBaseUiId(idProp);\n  store.useSyncedValueWithCleanup('descriptionElementId', id);\n  return useRenderElement('p', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogDescription.displayName = \"DialogDescription\";"],"names":["DialogDescription","React","componentProps","forwardedRef","render","className","style","idProp","elementProps","store","useDialogRootContext","id","useBaseUiId","useRenderElement"],"mappings":";;;;AAYY,MAACA,IAAiC,gBAAAC,EAAM,WAAW,SAA2BC,GAAgBC,GAAc;AACtH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,GAAGC;AAAA,EACP,IAAMN,GACE;AAAA,IACJ,OAAAO;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAKC,EAAYL,CAAM;AAC7B,SAAAE,EAAM,0BAA0B,wBAAwBE,CAAE,GACnDE,EAAiB,KAAKX,GAAgB;AAAA,IAC3C,KAAKC;AAAA,IACL,OAAO,CAAC;AAAA,MACN,IAAAQ;AAAA,IACN,GAAOH,CAAY;AAAA,EACnB,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcR,EAAkB,cAAc;","x_google_ignoreList":[0]}

package/dist/index363.js

@@ -1,8 +1,8 @@
-import { formatDistance as o } from "./index416.js";
-import { formatLong as t } from "./index417.js";
-import { formatRelative as r } from "./index418.js";
-import { localize as m } from "./index419.js";
-import { match as a } from "./index420.js";
+import { formatDistance as o } from "./index414.js";
+import { formatLong as t } from "./index415.js";
+import { formatRelative as r } from "./index416.js";
+import { localize as m } from "./index417.js";
+import { match as a } from "./index418.js";
 const p = {
   code: "en-US",
   formatDistance: o,

package/dist/index368.js

@@ -1,9 +1,15 @@
-import * as o from "react";
-const e = [];
-function n(t) {
-  o.useEffect(t, e);
+function t(r) {
+  if (r == null)
+    return "";
+  if (typeof r == "string")
+    return r;
+  try {
+    return JSON.stringify(r);
+  } catch {
+    return String(r);
+  }
 }
 export {
-  n as useOnMount
+  t as serializeValue
 };
 //# sourceMappingURL=index368.js.map

package/dist/index368.js.map

@@ -1 +1 @@
-{"version":3,"file":"index368.js","sources":["../../../node_modules/@base-ui/utils/useOnMount.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst EMPTY = [];\n\n/**\n * A React.useEffect equivalent that runs once, when the component is mounted.\n */\nexport function useOnMount(fn) {\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- no need to put `fn` in the dependency array\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(fn, EMPTY);\n  /* eslint-enable react-hooks/exhaustive-deps */\n}"],"names":["EMPTY","useOnMount","fn","React"],"mappings":";AAGA,MAAMA,IAAQ,CAAA;AAKP,SAASC,EAAWC,GAAI;AAG7B,EAAAC,EAAM,UAAUD,GAAIF,CAAK;AAE3B;","x_google_ignoreList":[0]}
+{"version":3,"file":"index368.js","sources":["../../../node_modules/@base-ui/react/internals/serializeValue.mjs"],"sourcesContent":["export function serializeValue(value) {\n  if (value == null) {\n    return '';\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}"],"names":["serializeValue","value"],"mappings":"AAAO,SAASA,EAAeC,GAAO;AACpC,MAAIA,KAAS;AACX,WAAO;AAET,MAAI,OAAOA,KAAU;AACnB,WAAOA;AAET,MAAI;AACF,WAAO,KAAK,UAAUA,CAAK;AAAA,EAC7B,QAAQ;AACN,WAAO,OAAOA,CAAK;AAAA,EACrB;AACF;","x_google_ignoreList":[0]}

package/dist/index369.js

@@ -1,6 +1,9 @@
-import { lowerUserAgent as o } from "./index429.js";
-const e = /jsdom|happydom/.test(o);
+import * as o from "react";
+const e = [];
+function n(t) {
+  o.useEffect(t, e);
+}
 export {
-  e as jsdom
+  n as useOnMount
 };
 //# sourceMappingURL=index369.js.map

package/dist/index369.js.map

@@ -1 +1 @@
-{"version":3,"file":"index369.js","sources":["../../../node_modules/@base-ui/utils/platform/env.mjs"],"sourcesContent":["import { lowerUserAgent } from \"./shared.mjs\";\n\n/** Running in jsdom or HappyDOM (used by unit tests). */\nexport const jsdom = /jsdom|happydom/.test(lowerUserAgent);"],"names":["jsdom","lowerUserAgent"],"mappings":";AAGY,MAACA,IAAQ,iBAAiB,KAAKC,CAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index369.js","sources":["../../../node_modules/@base-ui/utils/useOnMount.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst EMPTY = [];\n\n/**\n * A React.useEffect equivalent that runs once, when the component is mounted.\n */\nexport function useOnMount(fn) {\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- no need to put `fn` in the dependency array\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(fn, EMPTY);\n  /* eslint-enable react-hooks/exhaustive-deps */\n}"],"names":["EMPTY","useOnMount","fn","React"],"mappings":";AAGA,MAAMA,IAAQ,CAAA;AAKP,SAASC,EAAWC,GAAI;AAG7B,EAAAC,EAAM,UAAUD,GAAIF,CAAK;AAE3B;","x_google_ignoreList":[0]}

package/dist/index37.js

@@ -1,26 +1,41 @@
-import * as n from "react";
-import { useDialogRootContext as p } from "./index171.js";
-import { useRenderElement as a } from "./index172.js";
-import { useBaseUiId as c } from "./index178.js";
-const d = /* @__PURE__ */ n.forwardRef(function(e, r) {
+import * as c from "react";
+import { useDialogRootContext as d } from "./index171.js";
+import { useRenderElement as u } from "./index172.js";
+import { popupStateMapping as l } from "./index173.js";
+import { transitionStatusMapping as m } from "./index174.js";
+const f = {
+  ...l,
+  ...m
+}, S = /* @__PURE__ */ c.forwardRef(function(e, o) {
   const {
-    render: m,
-    className: f,
-    style: u,
-    id: i,
-    ...t
+    render: R,
+    className: k,
+    style: D,
+    forceRender: n = !1,
+    ...s
   } = e, {
-    store: s
-  } = p(), o = c(i);
-  return s.useSyncedValueWithCleanup("descriptionElementId", o), a("p", e, {
-    ref: r,
+    store: t
+  } = d(), r = t.useState("open"), a = t.useState("nested"), i = t.useState("mounted"), p = t.useState("transitionStatus");
+  return u("div", e, {
+    state: {
+      open: r,
+      transitionStatus: p
+    },
+    ref: [t.context.backdropRef, o],
+    stateAttributesMapping: f,
     props: [{
-      id: o
-    }, t]
+      role: "presentation",
+      hidden: !i,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, s],
+    enabled: n || !a
   });
 });
-process.env.NODE_ENV !== "production" && (d.displayName = "DialogDescription");
+process.env.NODE_ENV !== "production" && (S.displayName = "DialogBackdrop");
 export {
-  d as DialogDescription
+  S as DialogBackdrop
 };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../../../node_modules/@base-ui/react/dialog/description/DialogDescription.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\n/**\n * A paragraph with additional information about the dialog.\n * Renders a `<p>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogDescription = /*#__PURE__*/React.forwardRef(function DialogDescription(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const id = useBaseUiId(idProp);\n  store.useSyncedValueWithCleanup('descriptionElementId', id);\n  return useRenderElement('p', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogDescription.displayName = \"DialogDescription\";"],"names":["DialogDescription","React","componentProps","forwardedRef","render","className","style","idProp","elementProps","store","useDialogRootContext","id","useBaseUiId","useRenderElement"],"mappings":";;;;AAYY,MAACA,IAAiC,gBAAAC,EAAM,WAAW,SAA2BC,GAAgBC,GAAc;AACtH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,GAAGC;AAAA,EACP,IAAMN,GACE;AAAA,IACJ,OAAAO;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAKC,EAAYL,CAAM;AAC7B,SAAAE,EAAM,0BAA0B,wBAAwBE,CAAE,GACnDE,EAAiB,KAAKX,GAAgB;AAAA,IAC3C,KAAKC;AAAA,IACL,OAAO,CAAC;AAAA,MACN,IAAAQ;AAAA,IACN,GAAOH,CAAY;AAAA,EACnB,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcR,EAAkB,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index37.js","sources":["../../../node_modules/@base-ui/react/dialog/backdrop/DialogBackdrop.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * An overlay displayed beneath the popup.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogBackdrop = /*#__PURE__*/React.forwardRef(function DialogBackdrop(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    forceRender = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const open = store.useState('open');\n  const nested = store.useState('nested');\n  const mounted = store.useState('mounted');\n  const transitionStatus = store.useState('transitionStatus');\n  const state = {\n    open,\n    transitionStatus\n  };\n  return useRenderElement('div', componentProps, {\n    state,\n    ref: [store.context.backdropRef, forwardedRef],\n    stateAttributesMapping,\n    props: [{\n      role: 'presentation',\n      hidden: !mounted,\n      style: {\n        userSelect: 'none',\n        WebkitUserSelect: 'none'\n      }\n    }, elementProps],\n    enabled: forceRender || !nested\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogBackdrop.displayName = \"DialogBackdrop\";"],"names":["stateAttributesMapping","baseMapping","transitionStatusMapping","DialogBackdrop","React","componentProps","forwardedRef","render","className","style","forceRender","elementProps","store","useDialogRootContext","open","nested","mounted","transitionStatus","useRenderElement"],"mappings":";;;;;AAOA,MAAMA,IAAyB;AAAA,EAC7B,GAAGC;AAAAA,EACH,GAAGC;AACL,GAQaC,IAA8B,gBAAAC,EAAM,WAAW,SAAwBC,GAAgBC,GAAc;AAChH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EACP,IAAMN,GACE;AAAA,IACJ,OAAAO;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAOF,EAAM,SAAS,MAAM,GAC5BG,IAASH,EAAM,SAAS,QAAQ,GAChCI,IAAUJ,EAAM,SAAS,SAAS,GAClCK,IAAmBL,EAAM,SAAS,kBAAkB;AAK1D,SAAOM,EAAiB,OAAOb,GAAgB;AAAA,IAC7C,OALY;AAAA,MACZ,MAAAS;AAAA,MACA,kBAAAG;AAAA,IACJ;AAAA,IAGI,KAAK,CAACL,EAAM,QAAQ,aAAaN,CAAY;AAAA,IAC7C,wBAAAN;AAAA,IACA,OAAO,CAAC;AAAA,MACN,MAAM;AAAA,MACN,QAAQ,CAACgB;AAAA,MACT,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,kBAAkB;AAAA,MAC1B;AAAA,IACA,GAAOL,CAAY;AAAA,IACf,SAASD,KAAe,CAACK;AAAA,EAC7B,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcZ,EAAe,cAAc;","x_google_ignoreList":[0]}

package/dist/index370.js

@@ -1,15 +1,6 @@
-function t(r) {
-  if (r == null)
-    return "";
-  if (typeof r == "string")
-    return r;
-  try {
-    return JSON.stringify(r);
-  } catch {
-    return String(r);
-  }
-}
+import { lowerUserAgent as o } from "./index429.js";
+const e = /jsdom|happydom/.test(o);
 export {
-  t as serializeValue
+  e as jsdom
 };
 //# sourceMappingURL=index370.js.map

package/dist/index370.js.map

@@ -1 +1 @@
-{"version":3,"file":"index370.js","sources":["../../../node_modules/@base-ui/react/internals/serializeValue.mjs"],"sourcesContent":["export function serializeValue(value) {\n  if (value == null) {\n    return '';\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}"],"names":["serializeValue","value"],"mappings":"AAAO,SAASA,EAAeC,GAAO;AACpC,MAAIA,KAAS;AACX,WAAO;AAET,MAAI,OAAOA,KAAU;AACnB,WAAOA;AAET,MAAI;AACF,WAAO,KAAK,UAAUA,CAAK;AAAA,EAC7B,QAAQ;AACN,WAAO,OAAOA,CAAK;AAAA,EACrB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index370.js","sources":["../../../node_modules/@base-ui/utils/platform/env.mjs"],"sourcesContent":["import { lowerUserAgent } from \"./shared.mjs\";\n\n/** Running in jsdom or HappyDOM (used by unit tests). */\nexport const jsdom = /jsdom|happydom/.test(lowerUserAgent);"],"names":["jsdom","lowerUserAgent"],"mappings":";AAGY,MAACA,IAAQ,iBAAiB,KAAKC,CAAc;","x_google_ignoreList":[0]}

package/dist/index372.js

@@ -1,4 +1,4 @@
-import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, getAxisLength as B, clamp as C } from "./index322.js";
+import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, getAxisLength as B, clamp as C } from "./index325.js";
 const F = (s) => ({
   name: "arrow",
   options: s,

package/dist/index375.js

@@ -1,5 +1,5 @@
-import { flip as H, size as I, computePosition as J, hide as K, offset as N, shift as Q, limitShift as T } from "./index332.js";
-import { autoUpdate as ae, platform as me } from "./index332.js";
+import { flip as H, size as I, computePosition as J, hide as K, offset as N, shift as Q, limitShift as T } from "./index335.js";
+import { autoUpdate as ae, platform as me } from "./index335.js";
 import * as r from "react";
 import { useLayoutEffect as X } from "react";
 import * as Y from "react-dom";

package/dist/index376.js

@@ -1,9 +1,9 @@
 import * as o from "react";
-import { useIsoLayoutEffect as I } from "./index284.js";
+import { useIsoLayoutEffect as I } from "./index287.js";
 import { useFloating as O } from "./index375.js";
-import { isElement as r } from "./index331.js";
+import { isElement as r } from "./index334.js";
 import { useFloatingTree as T } from "./index386.js";
-import { useFloatingRootContext as h } from "./index301.js";
+import { useFloatingRootContext as h } from "./index304.js";
 function A(c = {}) {
   const {
     nodeId: m,

package/dist/index377.js

@@ -1,12 +1,12 @@
-import { getWindow as d, isOverflowElement as m } from "./index331.js";
-import { addEventListener as T } from "./index323.js";
-import { ownerDocument as a } from "./index307.js";
-import { useIsoLayoutEffect as E } from "./index284.js";
-import { Timeout as k } from "./index308.js";
-import { AnimationFrame as H } from "./index324.js";
-import { NOOP as z } from "./index287.js";
+import { getWindow as d, isOverflowElement as m } from "./index334.js";
+import { addEventListener as T } from "./index326.js";
+import { ownerDocument as a } from "./index310.js";
+import { useIsoLayoutEffect as E } from "./index287.js";
+import { Timeout as k } from "./index311.js";
+import { AnimationFrame as H } from "./index327.js";
+import { NOOP as z } from "./index290.js";
 import { ios as j } from "./index357.js";
-import { webkit as F } from "./index333.js";
+import { webkit as F } from "./index336.js";
 let Y = {}, C = {}, L = "";
 function R(s) {
   if (typeof document > "u")

package/dist/index379.js

@@ -1,9 +1,9 @@
 import * as r from "react";
-import { useIsoLayoutEffect as i } from "./index284.js";
-import { visuallyHidden as u } from "./index277.js";
-import { j as f } from "./index30.js";
-import { voiceOver as n } from "./index412.js";
-import { webkit as d } from "./index333.js";
+import { useIsoLayoutEffect as i } from "./index287.js";
+import { visuallyHidden as u } from "./index280.js";
+import { j as f } from "./index28.js";
+import { voiceOver as n } from "./index411.js";
+import { webkit as d } from "./index336.js";
 const m = /* @__PURE__ */ r.forwardRef(function(t, e) {
   const [o, s] = r.useState();
   i(() => {

package/dist/index38.js

@@ -1,41 +1,31 @@
-import * as c from "react";
-import { useDialogRootContext as d } from "./index171.js";
-import { useRenderElement as u } from "./index172.js";
-import { popupStateMapping as l } from "./index173.js";
-import { transitionStatusMapping as m } from "./index174.js";
-const f = {
-  ...l,
-  ...m
-}, S = /* @__PURE__ */ c.forwardRef(function(e, o) {
+import * as m from "react";
+import { inertValue as d } from "./index186.js";
+import { useDialogRootContext as u } from "./index171.js";
+import { DialogPortalContext as c } from "./index181.js";
+import { InternalBackdrop as p } from "./index187.js";
+import { j as t } from "./index28.js";
+import { FloatingPortal as f } from "./index188.js";
+const x = /* @__PURE__ */ m.forwardRef(function(r, a) {
   const {
-    render: R,
-    className: k,
-    style: D,
-    forceRender: n = !1,
-    ...s
-  } = e, {
-    store: t
-  } = d(), r = t.useState("open"), a = t.useState("nested"), i = t.useState("mounted"), p = t.useState("transitionStatus");
-  return u("div", e, {
-    state: {
-      open: r,
-      transitionStatus: p
-    },
-    ref: [t.context.backdropRef, o],
-    stateAttributesMapping: f,
-    props: [{
-      role: "presentation",
-      hidden: !i,
-      style: {
-        userSelect: "none",
-        WebkitUserSelect: "none"
-      }
-    }, s],
-    enabled: n || !a
-  });
+    keepMounted: e = !1,
+    ...l
+  } = r, {
+    store: o
+  } = u(), n = o.useState("mounted"), i = o.useState("modal"), s = o.useState("open");
+  return n || e ? /* @__PURE__ */ t.jsx(c.Provider, {
+    value: e,
+    children: /* @__PURE__ */ t.jsxs(f, {
+      ref: a,
+      ...l,
+      children: [n && i === !0 && /* @__PURE__ */ t.jsx(p, {
+        ref: o.context.internalBackdropRef,
+        inert: d(!s)
+      }), r.children]
+    })
+  }) : null;
 });
-process.env.NODE_ENV !== "production" && (S.displayName = "DialogBackdrop");
+process.env.NODE_ENV !== "production" && (x.displayName = "DialogPortal");
 export {
-  S as DialogBackdrop
+  x as DialogPortal
 };
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":["../../../node_modules/@base-ui/react/dialog/backdrop/DialogBackdrop.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * An overlay displayed beneath the popup.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogBackdrop = /*#__PURE__*/React.forwardRef(function DialogBackdrop(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    forceRender = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useDialogRootContext();\n  const open = store.useState('open');\n  const nested = store.useState('nested');\n  const mounted = store.useState('mounted');\n  const transitionStatus = store.useState('transitionStatus');\n  const state = {\n    open,\n    transitionStatus\n  };\n  return useRenderElement('div', componentProps, {\n    state,\n    ref: [store.context.backdropRef, forwardedRef],\n    stateAttributesMapping,\n    props: [{\n      role: 'presentation',\n      hidden: !mounted,\n      style: {\n        userSelect: 'none',\n        WebkitUserSelect: 'none'\n      }\n    }, elementProps],\n    enabled: forceRender || !nested\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogBackdrop.displayName = \"DialogBackdrop\";"],"names":["stateAttributesMapping","baseMapping","transitionStatusMapping","DialogBackdrop","React","componentProps","forwardedRef","render","className","style","forceRender","elementProps","store","useDialogRootContext","open","nested","mounted","transitionStatus","useRenderElement"],"mappings":";;;;;AAOA,MAAMA,IAAyB;AAAA,EAC7B,GAAGC;AAAAA,EACH,GAAGC;AACL,GAQaC,IAA8B,gBAAAC,EAAM,WAAW,SAAwBC,GAAgBC,GAAc;AAChH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EACP,IAAMN,GACE;AAAA,IACJ,OAAAO;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAOF,EAAM,SAAS,MAAM,GAC5BG,IAASH,EAAM,SAAS,QAAQ,GAChCI,IAAUJ,EAAM,SAAS,SAAS,GAClCK,IAAmBL,EAAM,SAAS,kBAAkB;AAK1D,SAAOM,EAAiB,OAAOb,GAAgB;AAAA,IAC7C,OALY;AAAA,MACZ,MAAAS;AAAA,MACA,kBAAAG;AAAA,IACJ;AAAA,IAGI,KAAK,CAACL,EAAM,QAAQ,aAAaN,CAAY;AAAA,IAC7C,wBAAAN;AAAA,IACA,OAAO,CAAC;AAAA,MACN,MAAM;AAAA,MACN,QAAQ,CAACgB;AAAA,MACT,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,kBAAkB;AAAA,MAC1B;AAAA,IACA,GAAOL,CAAY;AAAA,IACf,SAASD,KAAe,CAACK;AAAA,EAC7B,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcZ,EAAe,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index38.js","sources":["../../../node_modules/@base-ui/react/dialog/portal/DialogPortal.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { inertValue } from '@base-ui/utils/inertValue';\nimport { FloatingPortal } from \"../../floating-ui-react/index.mjs\";\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { DialogPortalContext } from \"./DialogPortalContext.mjs\";\nimport { InternalBackdrop } from \"../../utils/InternalBackdrop.mjs\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const DialogPortal = /*#__PURE__*/React.forwardRef(function DialogPortal(props, forwardedRef) {\n  const {\n    keepMounted = false,\n    ...portalProps\n  } = props;\n  const {\n    store\n  } = useDialogRootContext();\n  const mounted = store.useState('mounted');\n  const modal = store.useState('modal');\n  const open = store.useState('open');\n  const shouldRender = mounted || keepMounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(DialogPortalContext.Provider, {\n    value: keepMounted,\n    children: /*#__PURE__*/_jsxs(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps,\n      children: [mounted && modal === true && /*#__PURE__*/_jsx(InternalBackdrop, {\n        ref: store.context.internalBackdropRef,\n        inert: inertValue(!open)\n      }), props.children]\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogPortal.displayName = \"DialogPortal\";"],"names":["DialogPortal","React","props","forwardedRef","keepMounted","portalProps","store","useDialogRootContext","mounted","modal","open","_jsx","DialogPortalContext","_jsxs","FloatingPortal","InternalBackdrop","inertValue"],"mappings":";;;;;;;AAiBY,MAACA,IAA4B,gBAAAC,EAAM,WAAW,SAAsBC,GAAOC,GAAc;AACnG,QAAM;AAAA,IACJ,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EACP,IAAMH,GACE;AAAA,IACJ,OAAAI;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAUF,EAAM,SAAS,SAAS,GAClCG,IAAQH,EAAM,SAAS,OAAO,GAC9BI,IAAOJ,EAAM,SAAS,MAAM;AAElC,SADqBE,KAAWJ,IAIZO,gBAAAA,EAAAA,IAAKC,EAAoB,UAAU;AAAA,IACrD,OAAOR;AAAA,IACP,UAAuBS,gBAAAA,EAAAA,KAAMC,GAAgB;AAAA,MAC3C,KAAKX;AAAA,MACL,GAAGE;AAAA,MACH,UAAU,CAACG,KAAWC,MAAU,MAAqBE,gBAAAA,EAAAA,IAAKI,GAAkB;AAAA,QAC1E,KAAKT,EAAM,QAAQ;AAAA,QACnB,OAAOU,EAAW,CAACN,CAAI;AAAA,MAC/B,CAAO,GAAGR,EAAM,QAAQ;AAAA,IACxB,CAAK;AAAA,EACL,CAAG,IAZQ;AAaX,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcF,EAAa,cAAc;","x_google_ignoreList":[0]}

package/dist/index380.js

@@ -1,6 +1,6 @@
-import { isHTMLElement as s, getNodeName as i, isShadowRoot as T, getComputedStyle as A } from "./index331.js";
-import { ownerDocument as c } from "./index307.js";
-import { contains as f, activeElement as I } from "./index314.js";
+import { isHTMLElement as s, getNodeName as i, isShadowRoot as T, getComputedStyle as A } from "./index334.js";
+import { ownerDocument as c } from "./index310.js";
+import { contains as f, activeElement as I } from "./index317.js";
 import { isElementVisible as C } from "./index382.js";
 const N = 'a[href],button,input,select,textarea,summary,details,iframe,object,embed,[tabindex],[contenteditable]:not([contenteditable="false"]),audio[controls],video[controls]';
 function R(t) {

package/dist/index382.js

@@ -1,4 +1,4 @@
-import { getComputedStyle as c } from "./index331.js";
+import { getComputedStyle as c } from "./index334.js";
 function a(t, i) {
   return i < 0 || i >= t.length;
 }

package/dist/index384.js

@@ -1,4 +1,4 @@
-import { NOOP as i } from "./index287.js";
+import { NOOP as i } from "./index290.js";
 let e = 0;
 function s(c, o = {}) {
   const {

package/dist/index385.js

@@ -1,5 +1,5 @@
-import { isShadowRoot as C, getNodeName as y } from "./index331.js";
-import { ownerDocument as H } from "./index307.js";
+import { isShadowRoot as C, getNodeName as y } from "./index334.js";
+import { ownerDocument as H } from "./index310.js";
 const d = {
   inert: /* @__PURE__ */ new WeakMap(),
   "aria-hidden": /* @__PURE__ */ new WeakMap()

package/dist/index386.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import "./index30.js";
+import "./index28.js";
 const e = /* @__PURE__ */ t.createContext(null);
 process.env.NODE_ENV !== "production" && (e.displayName = "FloatingNodeContext");
 const o = /* @__PURE__ */ t.createContext(null);

package/dist/index388.js

@@ -1,6 +1,6 @@
-import { createEventEmitter as a } from "./index411.js";
+import { createEventEmitter as a } from "./index412.js";
 import { ReactStore as m } from "./index358.js";
-import { isClickLikeEvent as f } from "./index336.js";
+import { isClickLikeEvent as f } from "./index339.js";
 import { createSelector as o } from "./index361.js";
 const l = {
   open: o((t) => t.open),

package/dist/index389.js

@@ -1,6 +1,6 @@
 import * as d from "react";
-import { useIsoLayoutEffect as E } from "./index284.js";
-import { isElement as R } from "./index331.js";
+import { useIsoLayoutEffect as E } from "./index287.js";
+import { isElement as R } from "./index334.js";
 import { FloatingRootStore as S } from "./index388.js";
 function h(u) {
   const {