@als-tp/als-react-ts-ui 0.3.1 → 0.4.0

package/dist/als-react-ts-ui43.js

@@ -0,0 +1,111 @@
+import * as T from "react";
+import { isElementDisabled as h } from "./als-react-ts-ui176.js";
+import { useIsoLayoutEffect as B } from "./als-react-ts-ui161.js";
+import { triggerOpenStateMapping as z } from "./als-react-ts-ui177.js";
+import { useCollapsibleRootContext as F } from "./als-react-ts-ui172.js";
+import { ARROW_DOWN as k, ARROW_UP as D, ARROW_RIGHT as y, ARROW_LEFT as N, HOME as K, END as L } from "./als-react-ts-ui178.js";
+import { useAccordionRootContext as U } from "./als-react-ts-ui165.js";
+import { useAccordionItemContext as q } from "./als-react-ts-ui174.js";
+import { useRenderElement as G } from "./als-react-ts-ui166.js";
+import { useButton as V } from "./als-react-ts-ui179.js";
+import { stopEvent as Y } from "./als-react-ts-ui180.js";
+const j = /* @__PURE__ */ new Set([k, D, y, N, K, L]);
+function J(E) {
+  const {
+    current: r
+  } = E, s = [];
+  for (let n = 0; n < r.length; n += 1) {
+    const d = r[n];
+    if (!h(d)) {
+      const t = d?.querySelector('[type="button"]');
+      h(t) || s.push(t);
+    }
+  }
+  return s;
+}
+const Q = /* @__PURE__ */ T.forwardRef(function(r, s) {
+  const {
+    disabled: n,
+    className: d,
+    id: t,
+    render: X,
+    nativeButton: P = !0,
+    ...W
+  } = r, {
+    panelId: x,
+    open: f,
+    handleTrigger: O,
+    disabled: _
+  } = F(), l = n ?? _, {
+    getButtonProps: C,
+    buttonRef: M
+  } = V({
+    disabled: l,
+    focusableWhenDisabled: !0,
+    native: P
+  }), {
+    accordionItemRefs: A,
+    direction: S,
+    loopFocus: u,
+    orientation: w
+  } = U(), m = S === "rtl", i = w === "horizontal", {
+    state: H,
+    setTriggerId: p,
+    triggerId: I
+  } = q();
+  B(() => (t && p(t), () => {
+    p(void 0);
+  }), [t, p]);
+  const v = T.useMemo(() => ({
+    "aria-controls": f ? x : void 0,
+    "aria-expanded": f,
+    disabled: l,
+    id: I,
+    onClick: O,
+    onKeyDown(c) {
+      if (!j.has(c.key))
+        return;
+      Y(c);
+      const g = J(A), a = g.length - 1;
+      let e = -1;
+      const o = g.indexOf(c.target);
+      function b() {
+        u ? e = o + 1 > a ? 0 : o + 1 : e = Math.min(o + 1, a);
+      }
+      function R() {
+        u ? e = o === 0 ? a : o - 1 : e = o - 1;
+      }
+      switch (c.key) {
+        case k:
+          i || b();
+          break;
+        case D:
+          i || R();
+          break;
+        case y:
+          i && (m ? R() : b());
+          break;
+        case N:
+          i && (m ? b() : R());
+          break;
+        case "Home":
+          e = 0;
+          break;
+        case "End":
+          e = a;
+          break;
+      }
+      e > -1 && g[e].focus();
+    }
+  }), [A, l, O, I, i, m, u, f, x]);
+  return G("button", r, {
+    state: H,
+    ref: [s, M],
+    props: [v, W, C],
+    stateAttributesMapping: z
+  });
+});
+process.env.NODE_ENV !== "production" && (Q.displayName = "AccordionTrigger");
+export {
+  Q as AccordionTrigger
+};

package/dist/als-react-ts-ui44.js

@@ -0,0 +1,112 @@
+import * as R from "react";
+import { useIsoLayoutEffect as t } from "./als-react-ts-ui161.js";
+import { warn as K } from "./als-react-ts-ui162.js";
+import { useCollapsibleRootContext as T } from "./als-react-ts-ui172.js";
+import { useCollapsiblePanel as _ } from "./als-react-ts-ui181.js";
+import { useAccordionRootContext as $ } from "./als-react-ts-ui165.js";
+import { useAccordionItemContext as q } from "./als-react-ts-ui174.js";
+import { accordionStateAttributesMapping as L } from "./als-react-ts-ui175.js";
+import { AccordionPanelCssVars as C } from "./als-react-ts-ui182.js";
+import { useOpenChangeComplete as W } from "./als-react-ts-ui183.js";
+import { useRenderElement as j } from "./als-react-ts-ui166.js";
+const z = /* @__PURE__ */ R.forwardRef(function(u, c) {
+  const {
+    className: G,
+    hiddenUntilFound: M,
+    keepMounted: i,
+    id: o,
+    render: J,
+    ...b
+  } = u, {
+    hiddenUntilFound: x,
+    keepMounted: A
+  } = $(), {
+    abortControllerRef: F,
+    animationTypeRef: U,
+    height: r,
+    mounted: m,
+    onOpenChange: w,
+    open: d,
+    panelId: E,
+    panelRef: s,
+    runOnceAnimationsFinish: N,
+    setDimensions: f,
+    setHiddenUntilFound: h,
+    setKeepMounted: P,
+    setMounted: O,
+    setOpen: k,
+    setVisible: y,
+    transitionDimensionRef: I,
+    visible: v,
+    width: a,
+    setPanelIdState: l,
+    transitionStatus: p
+  } = T(), e = M ?? x, n = i ?? A;
+  process.env.NODE_ENV !== "production" && t(() => {
+    i === !1 && e && K("The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.");
+  }, [e, i]), t(() => {
+    if (o)
+      return l(o), () => {
+        l(void 0);
+      };
+  }, [o, l]), t(() => {
+    h(e);
+  }, [h, e]), t(() => {
+    P(n);
+  }, [P, n]), W({
+    open: d && p === "idle",
+    ref: s,
+    onComplete() {
+      d && f({
+        width: void 0,
+        height: void 0
+      });
+    }
+  });
+  const {
+    props: D
+  } = _({
+    abortControllerRef: F,
+    animationTypeRef: U,
+    externalRef: c,
+    height: r,
+    hiddenUntilFound: e,
+    id: o ?? E,
+    keepMounted: n,
+    mounted: m,
+    onOpenChange: w,
+    open: d,
+    panelRef: s,
+    runOnceAnimationsFinish: N,
+    setDimensions: f,
+    setMounted: O,
+    setOpen: k,
+    setVisible: y,
+    transitionDimensionRef: I,
+    visible: v,
+    width: a
+  }), {
+    state: g,
+    triggerId: H
+  } = q(), S = R.useMemo(() => ({
+    ...g,
+    transitionStatus: p
+  }), [g, p]), V = j("div", u, {
+    state: S,
+    ref: [c, s],
+    props: [D, {
+      "aria-labelledby": H,
+      role: "region",
+      style: {
+        [C.accordionPanelHeight]: r === void 0 ? "auto" : `${r}px`,
+        [C.accordionPanelWidth]: a === void 0 ? "auto" : `${a}px`
+      }
+    }, b],
+    stateAttributesMapping: L
+  });
+  return n || e || !n && m ? V : null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "AccordionPanel");
+export {
+  z as AccordionPanel
+};

package/dist/als-react-ts-ui45.js

@@ -0,0 +1,40 @@
+const _ = "_trigger_72hu1_4", o = "_backdrop_72hu1_11", t = "_fadeIn_72hu1_1", p = "_fadeOut_72hu1_1", c = "_viewport_72hu1_26", e = "_popup_72hu1_40", u = "_scaleIn_72hu1_1", n = "_scaleOut_72hu1_1", s = "_title_72hu1_82", a = "_description_72hu1_93", l = "_footer_72hu1_103", r = "_action_72hu1_120", h = "_cancel_72hu1_121", d = "_close_72hu1_132", i = "_closeIcon_72hu1_160", f = {
+  trigger: _,
+  backdrop: o,
+  fadeIn: t,
+  fadeOut: p,
+  viewport: c,
+  popup: e,
+  scaleIn: u,
+  scaleOut: n,
+  "popup--default": "_popup--default_72hu1_58",
+  "popup--centered": "_popup--centered_72hu1_62",
+  "popup--sm": "_popup--sm_72hu1_67",
+  "popup--md": "_popup--md_72hu1_71",
+  "popup--lg": "_popup--lg_72hu1_75",
+  title: s,
+  description: a,
+  footer: l,
+  action: r,
+  cancel: h,
+  close: d,
+  closeIcon: i
+};
+export {
+  r as action,
+  o as backdrop,
+  h as cancel,
+  d as close,
+  i as closeIcon,
+  f as default,
+  a as description,
+  t as fadeIn,
+  p as fadeOut,
+  l as footer,
+  e as popup,
+  u as scaleIn,
+  n as scaleOut,
+  s as title,
+  _ as trigger,
+  c as viewport
+};

package/dist/als-react-ts-ui46.js

@@ -0,0 +1,45 @@
+import * as f from "react";
+import { useRefWithInit as C } from "./als-react-ts-ui184.js";
+import { useDialogRoot as x } from "./als-react-ts-ui185.js";
+import { useDialogRootContext as h, DialogRootContext as R } from "./als-react-ts-ui186.js";
+import { DialogStore as D } from "./als-react-ts-ui187.js";
+import { jsx as I } from "react/jsx-runtime";
+function b(s) {
+  const {
+    children: o,
+    open: n,
+    defaultOpen: r = !1,
+    onOpenChange: p,
+    onOpenChangeComplete: d,
+    actionsRef: u,
+    handle: g,
+    triggerId: t,
+    defaultTriggerId: a = null
+  } = s, l = h(), i = !!l, e = C(() => g?.store ?? new D({
+    open: n ?? r,
+    activeTriggerId: t !== void 0 ? t : a,
+    modal: !0,
+    disablePointerDismissal: !0,
+    nested: i,
+    role: "alertdialog"
+  })).current;
+  e.useControlledProp("open", n, r), e.useControlledProp("activeTriggerId", t, a), e.useSyncedValue("nested", i), e.useContextCallback("onOpenChange", p), e.useContextCallback("onOpenChangeComplete", d);
+  const c = e.useState("payload");
+  x({
+    store: e,
+    actionsRef: u,
+    parentContext: l?.store.context
+  });
+  const m = f.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ I(R.Provider, {
+    value: m,
+    children: typeof o == "function" ? o({
+      payload: c
+    }) : o
+  });
+}
+export {
+  b as AlertDialogRoot
+};

package/dist/als-react-ts-ui47.js

@@ -0,0 +1,55 @@
+import N from "./als-react-ts-ui197.js";
+import * as o from "react";
+import { useDialogRootContext as b } from "./als-react-ts-ui186.js";
+import { useButton as w } from "./als-react-ts-ui179.js";
+import { useRenderElement as P } from "./als-react-ts-ui166.js";
+import { triggerOpenStateMapping as v } from "./als-react-ts-ui188.js";
+import { CLICK_TRIGGER_IDENTIFIER as x } from "./als-react-ts-ui198.js";
+import { useBaseUiId as y } from "./als-react-ts-ui170.js";
+import { useTriggerDataForwarding as M } from "./als-react-ts-ui199.js";
+import { useClick as O } from "./als-react-ts-ui200.js";
+import { useInteractions as S } from "./als-react-ts-ui201.js";
+const _ = /* @__PURE__ */ o.forwardRef(function(i, g) {
+  const {
+    render: F,
+    className: G,
+    disabled: t = !1,
+    nativeButton: a = !0,
+    id: p,
+    payload: m,
+    handle: l,
+    ...u
+  } = i, c = b(!0), e = l?.store ?? c?.store;
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : N(79));
+  const r = y(p), s = e.useState("floatingRootContext"), n = e.useState("isOpenedByTrigger", r), [d, f] = o.useState(null), {
+    registerTrigger: T,
+    isMountedByThisTrigger: E
+  } = M(r, d, e, {
+    payload: m
+  }), {
+    getButtonProps: R,
+    buttonRef: D
+  } = w({
+    disabled: t,
+    native: a
+  }), I = O(s, {
+    enabled: s != null
+  }), h = S([I]), B = o.useMemo(() => ({
+    disabled: t,
+    open: n
+  }), [t, n]), C = e.useState("triggerProps", E);
+  return P("button", i, {
+    state: B,
+    ref: [D, g, T, f],
+    props: [h.getReferenceProps(), C, {
+      [x]: "",
+      id: r
+    }, u, R],
+    stateAttributesMapping: v
+  });
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "DialogTrigger");
+export {
+  _ as DialogTrigger
+};

package/dist/als-react-ts-ui48.js

@@ -0,0 +1,39 @@
+import * as s from "react";
+import { useDialogRootContext as u } from "./als-react-ts-ui186.js";
+import { useRenderElement as m } from "./als-react-ts-ui166.js";
+import { popupStateMapping as l } from "./als-react-ts-ui188.js";
+import { transitionStatusMapping as f } from "./als-react-ts-ui189.js";
+const S = {
+  ...l,
+  ...f
+}, g = /* @__PURE__ */ s.forwardRef(function(t, r) {
+  const {
+    render: k,
+    className: D,
+    forceRender: a = !1,
+    ...i
+  } = t, {
+    store: e
+  } = u(), o = e.useState("open"), p = e.useState("nested"), c = e.useState("mounted"), n = e.useState("transitionStatus"), d = s.useMemo(() => ({
+    open: o,
+    transitionStatus: n
+  }), [o, n]);
+  return m("div", t, {
+    state: d,
+    ref: [e.context.backdropRef, r],
+    stateAttributesMapping: S,
+    props: [{
+      role: "presentation",
+      hidden: !c,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, i],
+    enabled: a || !p
+  });
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "DialogBackdrop");
+export {
+  g as DialogBackdrop
+};

package/dist/als-react-ts-ui49.js

@@ -0,0 +1,50 @@
+import * as p from "react";
+import { useRenderElement as f } from "./als-react-ts-ui166.js";
+import { popupStateMapping as S } from "./als-react-ts-ui188.js";
+import { transitionStatusMapping as w } from "./als-react-ts-ui189.js";
+import { useDialogRootContext as O } from "./als-react-ts-ui186.js";
+import { useDialogPortalContext as R } from "./als-react-ts-ui192.js";
+import { DialogViewportDataAttributes as u } from "./als-react-ts-ui202.js";
+const M = {
+  ...S,
+  ...w,
+  nested(e) {
+    return e ? {
+      [u.nested]: ""
+    } : null;
+  },
+  nestedDialogOpen(e) {
+    return e ? {
+      [u.nestedDialogOpen]: ""
+    } : null;
+  }
+}, V = /* @__PURE__ */ p.forwardRef(function(o, d) {
+  const {
+    className: h,
+    render: C,
+    children: l,
+    ...m
+  } = o, c = R(), {
+    store: t
+  } = O(), n = t.useState("open"), s = t.useState("nested"), r = t.useState("transitionStatus"), g = t.useState("nestedOpenDialogCount"), i = t.useState("mounted"), a = g > 0, D = p.useMemo(() => ({
+    open: n,
+    nested: s,
+    transitionStatus: r,
+    nestedDialogOpen: a
+  }), [n, s, r, a]);
+  return f("div", o, {
+    enabled: c || i,
+    state: D,
+    ref: [d, t.useStateSetter("viewportElement")],
+    stateAttributesMapping: M,
+    props: [{
+      role: "presentation",
+      hidden: !i,
+      children: l
+    }, m]
+  });
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "DialogViewport");
+export {
+  V as DialogViewport
+};

package/dist/als-react-ts-ui5.js

@@ -0,0 +1,26 @@
+import { ALSAutocompleteSeparator as o, ALSAutocompleteGroupLabel as t, ALSAutocompleteGroup as e, ALSAutocompleteItem as A, ALSAutocompleteRow as p, ALSAutocompleteCollection as l, ALSAutocompleteList as u, ALSAutocompleteEmpty as c, ALSAutocompleteStatus as m, ALSAutocompleteArrow as r, ALSAutocompletePopup as L, ALSAutocompletePositioner as S, ALSAutocompleteBackdrop as a, ALSAutocompletePortal as i, ALSAutocompleteValue as n, ALSAutocompleteClear as s, ALSAutocompleteIcon as I, ALSAutocompleteTrigger as P, ALSAutocompleteInput as g, ALSAutocompleteRoot as w } from "./als-react-ts-ui55.js";
+const G = {
+  Root: w,
+  Input: g,
+  Trigger: P,
+  Icon: I,
+  Clear: s,
+  Value: n,
+  Portal: i,
+  Backdrop: a,
+  Positioner: S,
+  Popup: L,
+  Arrow: r,
+  Status: m,
+  Empty: c,
+  List: u,
+  Collection: l,
+  Row: p,
+  Item: A,
+  Group: e,
+  GroupLabel: t,
+  Separator: o
+};
+export {
+  G as ALSAutocomplete
+};

package/dist/als-react-ts-ui50.js

@@ -0,0 +1,79 @@
+import * as c from "react";
+import { useDialogRootContext as h } from "./als-react-ts-ui186.js";
+import { useRenderElement as M } from "./als-react-ts-ui166.js";
+import { popupStateMapping as y } from "./als-react-ts-ui188.js";
+import { transitionStatusMapping as N } from "./als-react-ts-ui189.js";
+import { DialogPopupCssVars as v } from "./als-react-ts-ui190.js";
+import { DialogPopupDataAttributes as w } from "./als-react-ts-ui191.js";
+import { useDialogPortalContext as A } from "./als-react-ts-ui192.js";
+import { useOpenChangeComplete as K } from "./als-react-ts-ui183.js";
+import { COMPOSITE_KEYS as T } from "./als-react-ts-ui178.js";
+import { jsx as V } from "react/jsx-runtime";
+import { FloatingFocusManager as _ } from "./als-react-ts-ui193.js";
+const j = {
+  ...y,
+  ...N,
+  nestedDialogOpen(n) {
+    return n ? {
+      [w.nestedDialogOpen]: ""
+    } : null;
+  }
+}, k = /* @__PURE__ */ c.forwardRef(function(s, d) {
+  const {
+    className: Y,
+    finalFocus: m,
+    initialFocus: i,
+    render: q,
+    ...f
+  } = s, {
+    store: t
+  } = h(), g = t.useState("descriptionElementId"), S = t.useState("disablePointerDismissal"), D = t.useState("floatingRootContext"), C = t.useState("popupProps"), P = t.useState("modal"), a = t.useState("mounted"), p = t.useState("nested"), r = t.useState("nestedOpenDialogCount"), e = t.useState("open"), x = t.useState("openMethod"), O = t.useState("titleElementId"), u = t.useState("transitionStatus"), b = t.useState("role");
+  A(), K({
+    open: e,
+    ref: t.context.popupRef,
+    onComplete() {
+      e && t.context.onOpenChangeComplete?.(!0);
+    }
+  });
+  function E(o) {
+    return o === "touch" ? t.context.popupRef.current : !0;
+  }
+  const F = i === void 0 ? E : i, l = r > 0, I = c.useMemo(() => ({
+    open: e,
+    nested: p,
+    transitionStatus: u,
+    nestedDialogOpen: l
+  }), [e, p, u, l]), R = M("div", s, {
+    state: I,
+    props: [C, {
+      "aria-labelledby": O ?? void 0,
+      "aria-describedby": g ?? void 0,
+      role: b,
+      tabIndex: -1,
+      hidden: !a,
+      onKeyDown(o) {
+        T.has(o.key) && o.stopPropagation();
+      },
+      style: {
+        [v.nestedDialogs]: r
+      }
+    }, f],
+    ref: [d, t.context.popupRef, t.useStateSetter("popupElement")],
+    stateAttributesMapping: j
+  });
+  return /* @__PURE__ */ V(_, {
+    context: D,
+    openInteractionType: x,
+    disabled: !a,
+    closeOnFocusOut: !S,
+    initialFocus: F,
+    returnFocus: m,
+    modal: P !== !1,
+    restoreFocus: "popup",
+    children: R
+  });
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "DialogPopup");
+export {
+  k as DialogPopup
+};

package/dist/als-react-ts-ui51.js

@@ -0,0 +1,24 @@
+import * as l from "react";
+import { useDialogRootContext as n } from "./als-react-ts-ui186.js";
+import { useRenderElement as a } from "./als-react-ts-ui166.js";
+import { useBaseUiId as m } from "./als-react-ts-ui170.js";
+const d = /* @__PURE__ */ l.forwardRef(function(e, t) {
+  const {
+    render: c,
+    className: f,
+    id: r,
+    ...i
+  } = e, {
+    store: s
+  } = n(), o = m(r);
+  return s.useSyncedValueWithCleanup("titleElementId", o), a("h2", e, {
+    ref: t,
+    props: [{
+      id: o
+    }, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "DialogTitle");
+export {
+  d as DialogTitle
+};

package/dist/als-react-ts-ui52.js

@@ -0,0 +1,24 @@
+import * as n from "react";
+import { useDialogRootContext as p } from "./als-react-ts-ui186.js";
+import { useRenderElement as a } from "./als-react-ts-ui166.js";
+import { useBaseUiId as c } from "./als-react-ts-ui170.js";
+const d = /* @__PURE__ */ n.forwardRef(function(e, r) {
+  const {
+    render: l,
+    className: f,
+    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" && (d.displayName = "DialogDescription");
+export {
+  d as DialogDescription
+};

package/dist/als-react-ts-ui53.js

@@ -0,0 +1,40 @@
+import * as n from "react";
+import { useDialogRootContext as u } from "./als-react-ts-ui186.js";
+import { useRenderElement as d } from "./als-react-ts-ui166.js";
+import { createChangeEventDetails as C } from "./als-react-ts-ui167.js";
+import { useButton as g } from "./als-react-ts-ui179.js";
+import { closePress as v } from "./als-react-ts-ui168.js";
+const D = /* @__PURE__ */ n.forwardRef(function(t, s) {
+  const {
+    render: R,
+    className: N,
+    disabled: e = !1,
+    nativeButton: r = !0,
+    ...a
+  } = t, {
+    store: o
+  } = u(), i = o.useState("open");
+  function l(p) {
+    i && o.setOpen(!1, C(v, p.nativeEvent));
+  }
+  const {
+    getButtonProps: f,
+    buttonRef: m
+  } = g({
+    disabled: e,
+    native: r
+  }), c = n.useMemo(() => ({
+    disabled: e
+  }), [e]);
+  return d("button", t, {
+    state: c,
+    ref: [s, m],
+    props: [{
+      onClick: l
+    }, a, f]
+  });
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "DialogClose");
+export {
+  D as DialogClose
+};

package/dist/als-react-ts-ui54.js

@@ -0,0 +1,30 @@
+import * as s from "react";
+import { inertValue as m } from "./als-react-ts-ui194.js";
+import { useDialogRootContext as d } from "./als-react-ts-ui186.js";
+import { DialogPortalContext as c } from "./als-react-ts-ui192.js";
+import { InternalBackdrop as f } from "./als-react-ts-ui195.js";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { FloatingPortal as p } from "./als-react-ts-ui196.js";
+const P = /* @__PURE__ */ s.forwardRef(function(r, a) {
+  const {
+    keepMounted: t = !1,
+    ...l
+  } = r, {
+    store: o
+  } = d(), e = o.useState("mounted"), i = o.useState("modal");
+  return e || t ? /* @__PURE__ */ n(c.Provider, {
+    value: t,
+    children: /* @__PURE__ */ u(p, {
+      ref: a,
+      ...l,
+      children: [e && i === !0 && /* @__PURE__ */ n(f, {
+        ref: o.context.internalBackdropRef,
+        inert: m(!open)
+      }), r.children]
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (P.displayName = "DialogPortal");
+export {
+  P as DialogPortal
+};