@phillips/seldon 1.32.0 → 1.33.0

package/dist/components/Button/Button.d.ts

@@ -37,5 +37,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, isDisabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,37 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import f from "../../node_modules/classnames/index.js";
+import { jsx as c } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
 import { getCommonProps as u } from "../../utils/index.js";
-const d = ({
-  buttonType: t = "primary",
-  size: a = "md",
-  children: m,
-  className: e,
-  isIconLast: n = !1,
-  type: r = "button",
-  isDisabled: l = !1,
-  ...o
-}) => {
-  const { className: s, ...c } = u(o, "Button");
-  return /* @__PURE__ */ i(
-    "button",
-    {
-      ...c,
-      type: r,
-      className: f(
-        `${s}`,
-        `${s}--${a}`,
-        `${s}--${t}`,
-        {
-          [`${s}--icon-last`]: n
-        },
-        e
-      ),
-      disabled: l,
-      ...o,
-      children: m
-    }
-  );
-};
+import { forwardRef as d } from "react";
+const $ = d(
+  ({
+    buttonType: t = "primary",
+    size: a = "md",
+    children: m,
+    className: r,
+    isIconLast: e = !1,
+    type: n = "button",
+    isDisabled: l = !1,
+    ...s
+  }, f) => {
+    const { className: o, ...i } = u(s, "Button");
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        ...i,
+        ref: f,
+        type: n,
+        className: p(
+          `${o}`,
+          `${o}--${a}`,
+          `${o}--${t}`,
+          {
+            [`${o}--icon-last`]: e
+          },
+          r
+        ),
+        disabled: l,
+        ...s,
+        children: m
+      }
+    );
+  }
+);
+$.displayName = "Button";
 export {
-  d as default
+  $ as default
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the drawer is open or not
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when the drawer is closed
+     */
+    onClose?: () => void;
+    /**
+     * The content of the drawer
+     */
+    children?: React.ReactNode;
+}
+/**
+ * ## Overview
+ *
+ * A component for displaying a drawer.
+ *
+ */
+declare const Drawer: ({ className, isOpen, onClose, children, ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default Drawer;

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { getCommonProps as d, noOp as p } from "../../utils/index.js";
+import a from "../../node_modules/classnames/index.js";
+import { Root as f, Portal as C, Overlay as h, Content as N, Title as u, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import _ from "../../assets/close.svg.js";
+import g from "../IconButton/IconButton.js";
+const j = ({ className: l, isOpen: i = !1, onClose: r = p, children: m, ...s }) => {
+  const { className: o, ...n } = d(s, "Drawer");
+  return /* @__PURE__ */ e(
+    f,
+    {
+      open: i,
+      onOpenChange: (c) => {
+        c || r();
+      },
+      children: /* @__PURE__ */ t(C, { children: [
+        /* @__PURE__ */ e(
+          h,
+          {
+            onClick: r,
+            className: a(`${o}__overlay`),
+            "data-testid": "drawer-overlay"
+          }
+        ),
+        /* @__PURE__ */ t(N, { className: a(o, l), id: s.id, ...n, children: [
+          /* @__PURE__ */ e(u, {}),
+          /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
+            g,
+            {
+              onClick: r,
+              className: a(`${o}__close`),
+              "aria-label": "Close",
+              "data-testid": "drawer-close",
+              children: /* @__PURE__ */ e(_, {})
+            }
+          ) }),
+          m
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  j as default
+};

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export { SubscriptionState } from './components/Subscribe/types';
 export { default as Social, type SocialProps } from './components/Social/Social';
 export { default as ViewingsList, type ViewingsListProps } from './components/ViewingsList/ViewingsList';
 export { default as Modal, type ModalProps } from './components/Modal/Modal';
+export { default as Drawer } from './components/Drawer/Drawer';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
 export * from './components/Accordion';

package/dist/index.js

@@ -6,42 +6,44 @@ import { default as I } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as B } from "./components/Footer/Footer.js";
 import { Grid as P } from "./components/Grid/Grid.js";
 import { default as b } from "./components/Header/Header.js";
-import { default as T } from "./components/Navigation/Navigation.js";
+import { default as w } from "./components/Navigation/Navigation.js";
 import { default as A } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as C } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
 import { default as M } from "./components/Navigation/NavigationList/NavigationList.js";
 import { default as y } from "./components/HeroBanner/HeroBanner.js";
-import { default as E } from "./components/Input/Input.js";
-import { default as O } from "./components/Link/Link.js";
-import { LinkVariants as U } from "./components/Link/utils.js";
-import { default as j } from "./components/LinkBlock/LinkBlock.js";
-import { default as D } from "./components/LinkList/LinkList.js";
+import { default as D } from "./components/Input/Input.js";
+import { default as F } from "./components/Link/Link.js";
+import { LinkVariants as R } from "./components/Link/utils.js";
+import { default as Y } from "./components/LinkBlock/LinkBlock.js";
+import { default as q } from "./components/LinkList/LinkList.js";
 import { default as K } from "./components/Row/Row.js";
 import { default as W } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Z } from "./components/GridItem/types.js";
 import { default as $ } from "./components/Search/Search.js";
-import { default as oe } from "./components/Select/Select.js";
-import { default as re } from "./components/SplitPanel/SplitPanel.js";
+import { default as re } from "./components/Select/Select.js";
+import { default as te } from "./components/SplitPanel/SplitPanel.js";
 import { default as fe } from "./components/Subscribe/Subscribe.js";
 import { SubscriptionState as pe } from "./components/Subscribe/types.js";
 import { default as de } from "./components/Social/Social.js";
 import { default as ue } from "./components/ViewingsList/ViewingsList.js";
 import { default as xe } from "./components/Modal/Modal.js";
-import { default as ge } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Le } from "./components/Text/types.js";
-import { default as Ie } from "./components/Text/Text.js";
-import { default as Be } from "./components/Accordion/Accordion.js";
-import { default as Pe } from "./components/Accordion/AccordionItem.js";
-import { default as be } from "./components/UserManagement/UserManagement.js";
-import { SupportedLanguages as Te } from "./types/commonTypes.js";
-import { default as Ae } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as ge } from "./components/Drawer/Drawer.js";
+import { default as Le } from "./components/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Ie } from "./components/Text/types.js";
+import { default as Be } from "./components/Text/Text.js";
+import { default as Pe } from "./components/Accordion/Accordion.js";
+import { default as be } from "./components/Accordion/AccordionItem.js";
+import { default as we } from "./components/UserManagement/UserManagement.js";
+import { SupportedLanguages as Ae } from "./types/commonTypes.js";
+import { default as Ce } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
 export {
-  Be as Accordion,
-  Pe as AccordionItem,
-  Ae as Breadcrumb,
+  Pe as Accordion,
+  be as AccordionItem,
+  Ce as Breadcrumb,
   g as Button,
+  ge as Drawer,
   I as ErrorBoundary,
   B as Footer,
   P as Grid,
@@ -50,13 +52,13 @@ export {
   b as Header,
   y as HeroBanner,
   L as IconButton,
-  E as Input,
-  O as Link,
-  j as LinkBlock,
-  D as LinkList,
-  U as LinkVariants,
+  D as Input,
+  F as Link,
+  Y as LinkBlock,
+  q as LinkList,
+  R as LinkVariants,
   xe as Modal,
-  T as Navigation,
+  w as Navigation,
   A as NavigationItem,
   C as NavigationItemTrigger,
   M as NavigationList,
@@ -64,16 +66,16 @@ export {
   x as Page,
   K as Row,
   $ as Search,
-  oe as Select,
+  re as Select,
   de as Social,
-  re as SplitPanel,
-  ge as StatefulViewingsList,
+  te as SplitPanel,
+  Le as StatefulViewingsList,
   fe as Subscribe,
   pe as SubscriptionState,
-  Te as SupportedLanguages,
-  Ie as Text,
-  Le as TextVariants,
-  be as UserManagement,
+  Ae as SupportedLanguages,
+  Be as Text,
+  Ie as TextVariants,
+  we as UserManagement,
   ue as ViewingsList,
   f as defaultYear,
   m as emailValidation,

package/dist/node_modules/@radix-ui/react-accordion/dist/index.js

@@ -1,12 +1,12 @@
 import s from "react";
-import { createContextScope as W } from "../node_modules/@radix-ui/react-context/dist/index.js";
+import { createContextScope as W } from "../../react-context/dist/index.js";
 import { createCollection as X } from "../../react-collection/dist/index.js";
-import { useComposedRefs as Z } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { composeEventHandlers as $ } from "../node_modules/@radix-ui/primitive/dist/index.js";
-import { useControllableState as M } from "../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
-import { Primitive as V } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useComposedRefs as Z } from "../../react-compose-refs/dist/index.js";
+import { composeEventHandlers as $ } from "../../primitive/dist/index.js";
+import { useControllableState as M } from "../../react-use-controllable-state/dist/index.js";
+import { Primitive as V } from "../../react-primitive/dist/index.js";
 import { createCollapsibleScope as H, Root as oo, Trigger as eo, Content as ro } from "../../react-collapsible/dist/index.js";
-import { useId as to } from "../node_modules/@radix-ui/react-id/dist/index.js";
+import { useId as to } from "../../react-id/dist/index.js";
 import { useDirection as no } from "../../react-direction/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
 var f = "Accordion", co = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [y, io, ao] = X(f), [b, No] = W(f, [

package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js

@@ -1,12 +1,12 @@
 import * as o from "react";
-import { composeEventHandlers as T } from "../node_modules/@radix-ui/primitive/dist/index.js";
-import { createContextScope as S } from "../node_modules/@radix-ui/react-context/dist/index.js";
-import { useControllableState as D } from "../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
-import { useLayoutEffect as L } from "../node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
-import { useComposedRefs as M } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { Primitive as b } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
-import { Presence as k } from "../node_modules/@radix-ui/react-presence/dist/index.js";
-import { useId as F } from "../node_modules/@radix-ui/react-id/dist/index.js";
+import { composeEventHandlers as T } from "../../primitive/dist/index.js";
+import { createContextScope as S } from "../../react-context/dist/index.js";
+import { useControllableState as D } from "../../react-use-controllable-state/dist/index.js";
+import { useLayoutEffect as L } from "../../react-use-layout-effect/dist/index.js";
+import { useComposedRefs as M } from "../../react-compose-refs/dist/index.js";
+import { Primitive as b } from "../../react-primitive/dist/index.js";
+import { Presence as k } from "../../react-presence/dist/index.js";
+import { useId as F } from "../../react-id/dist/index.js";
 import { jsx as c } from "react/jsx-runtime";
 var v = "Collapsible", [B, W] = S(v), [G, g] = B(v), w = o.forwardRef(
   (e, a) => {

package/dist/node_modules/@radix-ui/react-collection/dist/index.js

@@ -1,7 +1,7 @@
 import n from "react";
-import { createContextScope as O } from "../node_modules/@radix-ui/react-context/dist/index.js";
-import { useComposedRefs as S } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { Slot as x } from "../node_modules/@radix-ui/react-slot/dist/index.js";
+import { createContextScope as O } from "../../react-context/dist/index.js";
+import { useComposedRefs as S } from "../../react-compose-refs/dist/index.js";
+import { Slot as x } from "../../react-slot/dist/index.js";
 import { jsx as d } from "react/jsx-runtime";
 function h(s) {
   const f = s + "CollectionProvider", [A, N] = O(f), [_, m] = A(

package/dist/node_modules/@radix-ui/react-context/dist/index.js

@@ -0,0 +1,67 @@
+import * as u from "react";
+import { jsx as C } from "react/jsx-runtime";
+function $(e, c) {
+  const o = u.createContext(c);
+  function a(r) {
+    const { children: t, ...n } = r, s = u.useMemo(() => n, Object.values(n));
+    return /* @__PURE__ */ C(o.Provider, { value: s, children: t });
+  }
+  function i(r) {
+    const t = u.useContext(o);
+    if (t) return t;
+    if (c !== void 0) return c;
+    throw new Error(`\`${r}\` must be used within \`${e}\``);
+  }
+  return a.displayName = e + "Provider", [a, i];
+}
+function w(e, c = []) {
+  let o = [];
+  function a(r, t) {
+    const n = u.createContext(t), s = o.length;
+    o = [...o, t];
+    function m(d) {
+      const { scope: x, children: p, ...f } = d, S = (x == null ? void 0 : x[e][s]) || n, h = u.useMemo(() => f, Object.values(f));
+      return /* @__PURE__ */ C(S.Provider, { value: h, children: p });
+    }
+    function v(d, x) {
+      const p = (x == null ? void 0 : x[e][s]) || n, f = u.useContext(p);
+      if (f) return f;
+      if (t !== void 0) return t;
+      throw new Error(`\`${d}\` must be used within \`${r}\``);
+    }
+    return m.displayName = r + "Provider", [m, v];
+  }
+  const i = () => {
+    const r = o.map((t) => u.createContext(t));
+    return function(n) {
+      const s = (n == null ? void 0 : n[e]) || r;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...n, [e]: s } }),
+        [n, s]
+      );
+    };
+  };
+  return i.scopeName = e, [a, P(i, ...c)];
+}
+function P(...e) {
+  const c = e[0];
+  if (e.length === 1) return c;
+  const o = () => {
+    const a = e.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
+    }));
+    return function(r) {
+      const t = a.reduce((n, { useScope: s, scopeName: m }) => {
+        const d = s(r)[`__scope${m}`];
+        return { ...n, ...d };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: t }), [t]);
+    };
+  };
+  return o.scopeName = c.scopeName, o;
+}
+export {
+  $ as createContext,
+  w as createContextScope
+};

package/dist/node_modules/@radix-ui/react-dialog/dist/index.js

@@ -0,0 +1,260 @@
+import * as s from "react";
+import { composeEventHandlers as p } from "../../primitive/dist/index.js";
+import { useComposedRefs as R } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as H, createContext as V } from "../../react-context/dist/index.js";
+import { useId as C } from "../../react-id/dist/index.js";
+import { useControllableState as q } from "../../react-use-controllable-state/dist/index.js";
+import { DismissableLayer as K } from "../../react-dismissable-layer/dist/index.js";
+import { FocusScope as U } from "../../react-focus-scope/dist/index.js";
+import { Portal as Y } from "../../react-portal/dist/index.js";
+import { Presence as _ } from "../../react-presence/dist/index.js";
+import { Primitive as m } from "../../react-primitive/dist/index.js";
+import { useFocusGuards as Z } from "../../react-focus-guards/dist/index.js";
+import z from "../../../react-remove-scroll/dist/es2015/Combination.js";
+import { hideOthers as J } from "../../../aria-hidden/dist/es2015/index.js";
+import { Slot as Q } from "../../react-slot/dist/index.js";
+import { jsx as i, jsxs as y, Fragment as I } from "react/jsx-runtime";
+var h = "Dialog", [O, Ne] = H(h), [X, u] = O(h), x = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g = !1, v] = q({
+    prop: a,
+    defaultProp: r,
+    onChange: t
+  });
+  return /* @__PURE__ */ i(
+    X,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: C(),
+      titleId: C(),
+      descriptionId: C(),
+      open: g,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v((j) => !j), [v]),
+      modal: c,
+      children: n
+    }
+  );
+};
+x.displayName = h;
+var A = "DialogTrigger", ee = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(A, n), t = R(o, r.triggerRef);
+    return /* @__PURE__ */ i(
+      m.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": P(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+ee.displayName = A;
+var E = "DialogPortal", [te, T] = O(E, {
+  forceMount: void 0
+}), b = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(E, o);
+  return /* @__PURE__ */ i(te, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i(_, { present: n || t.open, children: /* @__PURE__ */ i(Y, { asChild: !0, container: r, children: c }) })) });
+};
+b.displayName = E;
+var D = "DialogOverlay", M = s.forwardRef(
+  (e, o) => {
+    const n = T(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i(_, { present: a || t.open, children: /* @__PURE__ */ i(oe, { ...r, ref: o }) }) : null;
+  }
+);
+M.displayName = D;
+var oe = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i(z, { as: Q, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        m.div,
+        {
+          "data-state": P(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", w = s.forwardRef(
+  (e, o) => {
+    const n = T(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i(_, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i(re, { ...r, ref: o }) : /* @__PURE__ */ i(ne, { ...r, ref: o }) });
+  }
+);
+w.displayName = f;
+var re = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = R(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return J(t);
+    }, []), /* @__PURE__ */ i(
+      F,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
+          var c;
+          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
+          const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && t.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), ne = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i(
+      F,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var d, g;
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), F = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = R(o, d);
+    return Z(), /* @__PURE__ */ y(I, { children: [
+      /* @__PURE__ */ i(
+        U,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i(
+            K,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": P(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ y(I, { children: [
+        /* @__PURE__ */ i(ae, { titleId: l.titleId }),
+        /* @__PURE__ */ i(se, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), N = "DialogTitle", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(N, n);
+    return /* @__PURE__ */ i(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+S.displayName = N;
+var W = "DialogDescription", k = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(W, n);
+    return /* @__PURE__ */ i(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+k.displayName = W;
+var G = "DialogClose", L = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(G, n);
+    return /* @__PURE__ */ i(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+L.displayName = G;
+function P(e) {
+  return e ? "open" : "closed";
+}
+var $ = "DialogTitleWarning", [Pe, B] = V($, {
+  contentName: f,
+  titleName: N,
+  docsSlug: "dialog"
+}), ae = ({ titleId: e }) => {
+  const o = B($), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, ie = "DialogDescriptionWarning", se = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${B(ie).contentName}}.`;
+  return s.useEffect(() => {
+    var t;
+    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, ye = x, Ie = b, Oe = M, xe = w, Ae = S, Te = k, be = L;
+export {
+  be as Close,
+  xe as Content,
+  Te as Description,
+  x as Dialog,
+  L as DialogClose,
+  w as DialogContent,
+  k as DialogDescription,
+  M as DialogOverlay,
+  b as DialogPortal,
+  S as DialogTitle,
+  ee as DialogTrigger,
+  Oe as Overlay,
+  Ie as Portal,
+  ye as Root,
+  Ae as Title,
+  Pe as WarningProvider,
+  Ne as createDialogScope
+};