@epilot/volt-ui-experimental-griffel 0.2.3 → 0.3.0

package/dist/components/dialog/dialog.js

@@ -1,18 +1,29 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import * as n from "react";
-import { Root as D, Close as h, Content as w, Description as b, Overlay as v, Portal as z, Title as R, Trigger as S } from "../../vendor/@radix-ui/react-dialog/dist/index.js";
+import { j as a } from "../../vendor/react/jsx-dev-runtime.js";
+import * as l from "react";
+import { Root as v, Close as h, Content as D, Description as w, Overlay as y, Portal as C, Title as k, Trigger as E } from "../../vendor/@radix-ui/react-dialog/dist/index.js";
 import { shorthands as s } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as l } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as d } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as W } from "../../styles/make-styles.js";
-import { spacingElement2 as f, spacingGroup2 as p, grayA1 as L, radiusXl as N, spacingLayout1 as T, leadingSm as A, textSm as O, grayA11 as F, grayA12 as k, fontWeightSemibold as P, leadingLg as H, textLg as I, accentA8 as x, semAccentSoft as X, accentA11 as j, container5xl as B, container4xl as E, container3xl as _, container2xl as M, containerXl as G, containerLg as Q, containerMd as V, containerSm as Z, body as q } from "../../tokens/index.js";
-const c = W({
+import { SLOT_ATTR as n } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { useDensity as j } from "../density-provider/density-provider.js";
+import { makeVoltStyles as z } from "../../styles/make-styles.js";
+import { spacingElement2 as u, spacingGroup2 as f, grayA1 as R, radiusXl as V, spacingLayout1 as S, leadingSm as U, textSm as W, grayA11 as L, grayA12 as T, fontWeightSemibold as O, leadingLg as A, textLg as F, semFocusRing as x, semAccentSoft as I, accentA11 as P, container5xl as H, container4xl as X, container3xl as B, container2xl as _, containerXl as M, containerLg as G, containerMd as Q, containerSm as Z, body as q } from "../../tokens/index.js";
+const d = z({
   overlay: {
     position: "fixed",
     ...s.inset(0),
     // v1's z-1300 is the overlay tier; no z-index token exists in this package.
     zIndex: 1300,
     backgroundColor: "rgb(0 0 0 / 50%)",
+    "@media (prefers-reduced-motion: reduce)": {
+      animationDuration: "0.01ms",
+      animationIterationCount: "1",
+      "&[data-state='open']": {
+        animationDuration: "0.01ms"
+      },
+      "&[data-state='closed']": {
+        animationDuration: "0.01ms"
+      }
+    },
     "&[data-state='open']": {
       animationName: {
         from: { opacity: 0 },
@@ -41,11 +52,21 @@ const c = W({
     width: "100%",
     maxWidth: "calc(100% - 2rem)",
     transform: "translate(-50%, -50%)",
-    ...s.gap(T),
-    ...s.borderRadius(N),
-    ...s.border("1px", "solid", L),
+    ...s.gap(S),
+    ...s.borderRadius(V),
+    ...s.border("1px", "solid", R),
     // v1 shadow-lg; elevation has no token in this package.
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
+    "@media (prefers-reduced-motion: reduce)": {
+      animationDuration: "0.01ms",
+      animationIterationCount: "1",
+      "&[data-state='open']": {
+        animationDuration: "0.01ms"
+      },
+      "&[data-state='closed']": {
+        animationDuration: "0.01ms"
+      }
+    },
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -75,17 +96,17 @@ const c = W({
       animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
     },
     "&[data-size='sm']": { maxWidth: Z },
-    "&[data-size='md']": { maxWidth: V },
-    "&[data-size='lg']": { maxWidth: Q },
-    "&[data-size='xl']": { maxWidth: G },
-    "&[data-size='2xl']": { maxWidth: M },
-    "&[data-size='3xl']": { maxWidth: _ },
-    "&[data-size='4xl']": { maxWidth: E },
-    "&[data-size='5xl']": { maxWidth: B },
+    "&[data-size='md']": { maxWidth: Q },
+    "&[data-size='lg']": { maxWidth: G },
+    "&[data-size='xl']": { maxWidth: M },
+    "&[data-size='2xl']": { maxWidth: _ },
+    "&[data-size='3xl']": { maxWidth: B },
+    "&[data-size='4xl']": { maxWidth: X },
+    "&[data-size='5xl']": { maxWidth: H },
     "&[data-size='full-width']": { maxWidth: "100%" }
   },
   contentPadding: {
-    ...s.padding(p)
+    ...s.padding(f)
   },
   close: {
     ":focus-visible": {
@@ -97,15 +118,15 @@ const c = W({
   },
   closeButton: {
     position: "absolute",
-    top: p,
-    right: p,
-    ...s.padding(f),
+    top: f,
+    right: f,
+    ...s.padding(u),
     // v1 rounded-full; no full-radius token exists in this package.
     borderRadius: "9999px",
     cursor: "pointer",
-    color: j,
+    color: P,
     ":hover": {
-      backgroundColor: X
+      backgroundColor: I
     },
     ":focus-visible": {
       outlineWidth: "2px",
@@ -126,24 +147,24 @@ const c = W({
   header: {
     display: "flex",
     flexDirection: "column",
-    ...s.gap(f),
+    ...s.gap(u),
     textAlign: "left"
   },
   footer: {
     display: "flex",
-    ...s.gap(f),
+    ...s.gap(u),
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: I,
-    lineHeight: H,
-    fontWeight: P,
-    color: k
+    fontSize: F,
+    lineHeight: A,
+    fontWeight: O,
+    color: T
   },
   description: {
-    color: F,
-    fontSize: O,
-    lineHeight: A
+    color: L,
+    fontSize: W,
+    lineHeight: U
   },
   srOnly: {
     position: "absolute",
@@ -155,181 +176,290 @@ const c = W({
     clip: "rect(0, 0, 0, 0)",
     whiteSpace: "nowrap"
   }
-}), J = n.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ e(
+}), J = l.forwardRef(
+  function(e, o) {
+    return /* @__PURE__ */ a.jsxDEV(
       "svg",
       {
-        ref: t,
+        ref: o,
         width: "12",
         height: "12",
         viewBox: "0 0 9 9",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        ...o,
-        children: /* @__PURE__ */ e(
+        ...e,
+        children: /* @__PURE__ */ a.jsxDEV(
           "path",
           {
             d: "M4.38333 5.31667L1.11667 8.58333C0.994445 8.70556 0.838889 8.76667 0.65 8.76667C0.461111 8.76667 0.305556 8.70556 0.183333 8.58333C0.0611111 8.46111 0 8.30556 0 8.11667C0 7.92778 0.0611111 7.77222 0.183333 7.65L3.45 4.38333L0.183333 1.11667C0.0611111 0.994445 0 0.838889 0 0.65C0 0.461111 0.0611111 0.305556 0.183333 0.183333C0.305556 0.0611111 0.461111 0 0.65 0C0.838889 0 0.994445 0.0611111 1.11667 0.183333L4.38333 3.45L7.65 0.183333C7.77222 0.0611111 7.92778 0 8.11667 0C8.30556 0 8.46111 0.0611111 8.58333 0.183333C8.70556 0.305556 8.76667 0.461111 8.76667 0.65C8.76667 0.838889 8.70556 0.994445 8.58333 1.11667L5.31667 4.38333L8.58333 7.65C8.70556 7.77222 8.76667 7.92778 8.76667 8.11667C8.76667 8.30556 8.70556 8.46111 8.58333 8.58333C8.46111 8.70556 8.30556 8.76667 8.11667 8.76667C7.92778 8.76667 7.77222 8.70556 7.65 8.58333L4.38333 5.31667Z",
             fill: "currentColor"
-          }
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+            lineNumber: 194,
+            columnNumber: 9
+          },
+          this
         )
-      }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+        lineNumber: 185,
+        columnNumber: 7
+      },
+      this
     );
   }
-), io = n.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ e(D, { "data-slot": "dialog", ...o });
+), le = l.forwardRef(
+  function(e, o) {
+    return /* @__PURE__ */ a.jsxDEV(v, { "data-slot": "dialog", ...e }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 207,
+      columnNumber: 12
+    }, this);
   }
-), eo = n.forwardRef(function({ className: o, ...t }, a) {
-  return /* @__PURE__ */ e(
-    S,
+), re = l.forwardRef(function({ className: e, ...o }, i) {
+  return /* @__PURE__ */ a.jsxDEV(
+    E,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dialog-trigger",
-      [l]: "dialog-trigger",
-      className: o,
-      ...t
-    }
+      [n]: "dialog-trigger",
+      className: e,
+      ...o
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 220,
+      columnNumber: 5
+    },
+    this
   );
-}), no = n.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ e(
-      z,
+}), ne = l.forwardRef(
+  function(e, o) {
+    return /* @__PURE__ */ a.jsxDEV(
+      C,
       {
         "data-slot": "dialog-portal",
-        [l]: "dialog-portal",
-        ...o
-      }
+        [n]: "dialog-portal",
+        ...e
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+        lineNumber: 237,
+        columnNumber: 7
+      },
+      this
     );
   }
-), ro = n.forwardRef(function({ className: o, ...t }, a) {
-  const i = c();
-  return /* @__PURE__ */ e(
-    v,
+), se = l.forwardRef(function({ className: e, ...o }, i) {
+  const t = d();
+  return /* @__PURE__ */ a.jsxDEV(
+    y,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dialog-overlay",
-      [l]: "dialog-overlay",
-      className: d(i.overlay, o),
-      ...t
-    }
+      [n]: "dialog-overlay",
+      className: m(t.overlay, e),
+      ...o
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 257,
+      columnNumber: 5
+    },
+    this
   );
-}), lo = n.forwardRef(function({
-  className: o,
-  children: t,
-  showCloseButton: a = !0,
-  flush: i = !1,
-  size: m = "lg",
-  ...y
-}, C) {
-  const g = c();
-  return /* @__PURE__ */ u(
-    w,
+}), me = l.forwardRef(function({
+  className: e,
+  children: o,
+  showCloseButton: i = !0,
+  flush: t = !1,
+  size: g = "lg",
+  ...N
+}, b) {
+  const c = d(), p = j();
+  return /* @__PURE__ */ a.jsxDEV(
+    D,
     {
-      ref: C,
+      ref: b,
       "data-slot": "dialog-content",
-      [l]: "dialog-content",
-      "data-size": m,
-      className: d(
-        g.content,
-        !i && g.contentPadding,
-        o
+      [n]: "dialog-content",
+      ...p !== void 0 ? { "data-density": p } : {},
+      "data-size": g,
+      className: m(
+        c.content,
+        !t && c.contentPadding,
+        e
       ),
-      ...y,
+      ...N,
       children: [
-        t,
-        a && /* @__PURE__ */ u(
+        o,
+        i && /* @__PURE__ */ a.jsxDEV(
           h,
           {
             "data-slot": "dialog-close",
-            [l]: "dialog-close",
-            className: g.closeButton,
+            [n]: "dialog-close",
+            className: c.closeButton,
             children: [
-              /* @__PURE__ */ e(J, {}),
-              /* @__PURE__ */ e("span", { className: g.srOnly, children: "Close" })
+              /* @__PURE__ */ a.jsxDEV(J, {}, void 0, !1, {
+                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+                lineNumber: 327,
+                columnNumber: 11
+              }, this),
+              /* @__PURE__ */ a.jsxDEV("span", { className: c.srOnly, children: "Close" }, void 0, !1, {
+                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+                lineNumber: 328,
+                columnNumber: 11
+              }, this)
             ]
-          }
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+            lineNumber: 322,
+            columnNumber: 9
+          },
+          this
         )
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 307,
+      columnNumber: 5
+    },
+    this
   );
-}), so = n.forwardRef(function({ className: o, children: t, ...a }, i) {
-  const m = c();
-  return /* @__PURE__ */ e(
+}), de = l.forwardRef(function({ className: e, children: o, ...i }, t) {
+  const g = d();
+  return /* @__PURE__ */ a.jsxDEV(
     h,
     {
-      ref: i,
+      ref: t,
       "data-slot": "dialog-close",
-      [l]: "dialog-close",
-      className: d(m.close, o),
-      ...a,
-      children: t
-    }
+      [n]: "dialog-close",
+      className: m(g.close, e),
+      ...i,
+      children: o
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 346,
+      columnNumber: 5
+    },
+    this
   );
-}), co = n.forwardRef(
-  function({ className: o, ...t }, a) {
-    const i = c();
-    return /* @__PURE__ */ e(
+}), ce = l.forwardRef(
+  function({ className: e, ...o }, i) {
+    const t = d();
+    return /* @__PURE__ */ a.jsxDEV(
       "div",
       {
-        ref: a,
+        ref: i,
         "data-slot": "dialog-header",
-        [l]: "dialog-header",
-        className: d(i.header, o),
-        ...t
-      }
+        [n]: "dialog-header",
+        className: m(t.header, e),
+        ...o
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+        lineNumber: 365,
+        columnNumber: 7
+      },
+      this
     );
   }
-), go = n.forwardRef(
-  function({ className: o, ...t }, a) {
-    const i = c();
-    return /* @__PURE__ */ e(
+), ge = l.forwardRef(
+  function({ className: e, ...o }, i) {
+    const t = d();
+    return /* @__PURE__ */ a.jsxDEV(
       "div",
       {
-        ref: a,
+        ref: i,
         "data-slot": "dialog-footer",
-        [l]: "dialog-footer",
-        className: d(i.footer, o),
-        ...t
-      }
+        [n]: "dialog-footer",
+        className: m(t.footer, e),
+        ...o
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+        lineNumber: 383,
+        columnNumber: 7
+      },
+      this
     );
   }
-), mo = n.forwardRef(function({ className: o, ...t }, a) {
-  const i = c();
-  return /* @__PURE__ */ e(
-    R,
+), ue = l.forwardRef(function({ className: e, ...o }, i) {
+  const t = d();
+  return /* @__PURE__ */ a.jsxDEV(
+    k,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dialog-title",
-      [l]: "dialog-title",
-      className: d(i.title, o),
-      ...t
-    }
+      [n]: "dialog-title",
+      className: m(t.title, e),
+      ...o
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 405,
+      columnNumber: 5
+    },
+    this
   );
-}), fo = n.forwardRef(function({ className: o, ...t }, a) {
-  const i = c();
-  return /* @__PURE__ */ e(
-    b,
+}), fe = l.forwardRef(function({ className: e, ...o }, i) {
+  const t = d();
+  return /* @__PURE__ */ a.jsxDEV(
+    w,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dialog-description",
-      [l]: "dialog-description",
-      className: d(i.description, o),
-      ...t
-    }
+      [n]: "dialog-description",
+      className: m(t.description, e),
+      ...o
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
+      lineNumber: 426,
+      columnNumber: 5
+    },
+    this
   );
 });
 export {
-  io as Dialog,
-  so as DialogClose,
-  lo as DialogContent,
-  fo as DialogDescription,
-  go as DialogFooter,
-  co as DialogHeader,
-  ro as DialogOverlay,
-  no as DialogPortal,
-  mo as DialogTitle,
-  eo as DialogTrigger
+  le as Dialog,
+  de as DialogClose,
+  me as DialogContent,
+  fe as DialogDescription,
+  ge as DialogFooter,
+  ce as DialogHeader,
+  se as DialogOverlay,
+  ne as DialogPortal,
+  ue as DialogTitle,
+  re as DialogTrigger
 };
 //# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    backgroundColor: \"rgb(0 0 0 / 50%)\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0 },\n        to: { opacity: 1 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1 },\n        to: { opacity: 0 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  content: {\n    backgroundColor: tokens.body,\n    position: \"fixed\",\n    top: \"50%\",\n    left: \"50%\",\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    display: \"grid\",\n    width: \"100%\",\n    maxWidth: \"calc(100% - 2rem)\",\n    transform: \"translate(-50%, -50%)\",\n    ...shorthands.gap(tokens.spacingLayout1),\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA1),\n    // v1 shadow-lg; elevation has no token in this package.\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translate(-50%, -50%) scale(0.95)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translate(-50%, -50%) scale(1)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translate(-50%, -50%) scale(1)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translate(-50%, -50%) scale(0.95)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n    \"&[data-size='sm']\": { maxWidth: tokens.containerSm },\n    \"&[data-size='md']\": { maxWidth: tokens.containerMd },\n    \"&[data-size='lg']\": { maxWidth: tokens.containerLg },\n    \"&[data-size='xl']\": { maxWidth: tokens.containerXl },\n    \"&[data-size='2xl']\": { maxWidth: tokens.container2xl },\n    \"&[data-size='3xl']\": { maxWidth: tokens.container3xl },\n    \"&[data-size='4xl']\": { maxWidth: tokens.container4xl },\n    \"&[data-size='5xl']\": { maxWidth: tokens.container5xl },\n    \"&[data-size='full-width']\": { maxWidth: \"100%\" },\n  },\n  contentPadding: {\n    ...shorthands.padding(tokens.spacingGroup2),\n  },\n  close: {\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  closeButton: {\n    position: \"absolute\",\n    top: tokens.spacingGroup2,\n    right: tokens.spacingGroup2,\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 rounded-full; no full-radius token exists in this package.\n    borderRadius: \"9999px\",\n    cursor: \"pointer\",\n    color: tokens.accentA11,\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n    \":disabled\": {\n      pointerEvents: \"none\",\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  header: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    textAlign: \"left\",\n  },\n  footer: {\n    display: \"flex\",\n    ...shorthands.gap(tokens.spacingElement2),\n    justifyContent: \"flex-end\",\n  },\n  title: {\n    fontSize: tokens.textLg,\n    lineHeight: tokens.leadingLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  srOnly: {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    padding: 0,\n    margin: \"-1px\",\n    overflow: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n  },\n})\n\nconst XIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  function XIcon(props, ref) {\n    return (\n      <svg\n        ref={ref}\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 9 9\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M4.38333 5.31667L1.11667 8.58333C0.994445 8.70556 0.838889 8.76667 0.65 8.76667C0.461111 8.76667 0.305556 8.70556 0.183333 8.58333C0.0611111 8.46111 0 8.30556 0 8.11667C0 7.92778 0.0611111 7.77222 0.183333 7.65L3.45 4.38333L0.183333 1.11667C0.0611111 0.994445 0 0.838889 0 0.65C0 0.461111 0.0611111 0.305556 0.183333 0.183333C0.305556 0.0611111 0.461111 0 0.65 0C0.838889 0 0.994445 0.0611111 1.11667 0.183333L4.38333 3.45L7.65 0.183333C7.77222 0.0611111 7.92778 0 8.11667 0C8.30556 0 8.46111 0.0611111 8.58333 0.183333C8.70556 0.305556 8.76667 0.461111 8.76667 0.65C8.76667 0.838889 8.70556 0.994445 8.58333 1.11667L5.31667 4.38333L8.58333 7.65C8.70556 7.77222 8.76667 7.92778 8.76667 8.11667C8.76667 8.30556 8.70556 8.46111 8.58333 8.58333C8.46111 8.70556 8.30556 8.76667 8.11667 8.76667C7.92778 8.76667 7.77222 8.70556 7.65 8.58333L4.38333 5.31667Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    )\n  }\n)\n\nexport type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>\n\nexport const Dialog = React.forwardRef<HTMLElement, DialogProps>(\n  function Dialog(props, _ref) {\n    return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n  }\n)\n\nexport type DialogTriggerProps = React.ComponentProps<\n  typeof DialogPrimitive.Trigger\n>\n\nexport const DialogTrigger = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  DialogTriggerProps\n>(function DialogTrigger({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"dialog-trigger\"\n      {...{ [SLOT_ATTR]: \"dialog-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DialogPortalProps = React.ComponentProps<\n  typeof DialogPrimitive.Portal\n>\n\nexport const DialogPortal = React.forwardRef<HTMLElement, DialogPortalProps>(\n  function DialogPortal(props, _ref) {\n    return (\n      <DialogPrimitive.Portal\n        data-slot=\"dialog-portal\"\n        {...{ [SLOT_ATTR]: \"dialog-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DialogOverlayProps = React.ComponentProps<\n  typeof DialogPrimitive.Overlay\n>\n\nexport const DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  DialogOverlayProps\n>(function DialogOverlay({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"dialog-overlay\"\n      {...{ [SLOT_ATTR]: \"dialog-overlay\" }}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DialogContentSize =\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"5xl\"\n  | \"full-width\"\n\nexport type DialogContentProps = React.ComponentProps<\n  typeof DialogPrimitive.Content\n> & {\n  showCloseButton?: boolean\n  size?: DialogContentSize\n  flush?: boolean\n}\n\nexport const DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(function DialogContent(\n  {\n    className,\n    children,\n    showCloseButton = true,\n    flush = false,\n    size = \"lg\",\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"dialog-content\"\n      {...{ [SLOT_ATTR]: \"dialog-content\" }}\n      data-size={size}\n      className={mergeClasses(\n        styles.content,\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          data-slot=\"dialog-close\"\n          {...{ [SLOT_ATTR]: \"dialog-close\" }}\n          className={styles.closeButton}\n        >\n          <XIcon />\n          <span className={styles.srOnly}>Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  )\n})\n\nexport type DialogCloseProps = React.ComponentProps<\n  typeof DialogPrimitive.Close\n>\n\nexport const DialogClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DialogCloseProps\n>(function DialogClose({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"dialog-close\"\n      {...{ [SLOT_ATTR]: \"dialog-close\" }}\n      className={mergeClasses(styles.close, className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  )\n})\n\nexport type DialogHeaderProps = React.ComponentProps<\"div\">\n\nexport const DialogHeader = React.forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dialog-header\"\n        {...{ [SLOT_ATTR]: \"dialog-header\" }}\n        className={mergeClasses(styles.header, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DialogFooterProps = React.ComponentProps<\"div\">\n\nexport const DialogFooter = React.forwardRef<HTMLDivElement, DialogFooterProps>(\n  function DialogFooter({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dialog-footer\"\n        {...{ [SLOT_ATTR]: \"dialog-footer\" }}\n        className={mergeClasses(styles.footer, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DialogTitleProps = React.ComponentProps<\n  typeof DialogPrimitive.Title\n>\n\nexport const DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DialogTitleProps\n>(function DialogTitle({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"dialog-title\"\n      {...{ [SLOT_ATTR]: \"dialog-title\" }}\n      className={mergeClasses(styles.title, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DialogDescriptionProps = React.ComponentProps<\n  typeof DialogPrimitive.Description\n>\n\nexport const DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DialogDescriptionProps\n>(function DialogDescription({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"dialog-description\"\n      {...{ [SLOT_ATTR]: \"dialog-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.body","tokens.spacingLayout1","tokens.radiusXl","tokens.grayA1","tokens.containerSm","tokens.containerMd","tokens.containerLg","tokens.containerXl","tokens.container2xl","tokens.container3xl","tokens.container4xl","tokens.container5xl","tokens.spacingGroup2","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.semAccentSoft","tokens.textLg","tokens.leadingLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","tokens.leadingSm","XIcon","React","props","ref","jsx","Dialog","_ref","DialogPrimitive.Root","DialogTrigger","className","DialogPrimitive.Trigger","SLOT_ATTR","DialogPortal","DialogPrimitive.Portal","DialogOverlay","styles","DialogPrimitive.Overlay","mergeClasses","DialogContent","children","showCloseButton","flush","size","jsxs","DialogPrimitive.Content","DialogPrimitive.Close","DialogClose","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"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"}
+{"version":3,"file":"dialog.js","sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    backgroundColor: \"rgb(0 0 0 / 50%)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      animationDuration: \"0.01ms\",\n      animationIterationCount: \"1\",\n      \"&[data-state='open']\": {\n        animationDuration: \"0.01ms\",\n      },\n      \"&[data-state='closed']\": {\n        animationDuration: \"0.01ms\",\n      },\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0 },\n        to: { opacity: 1 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1 },\n        to: { opacity: 0 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  content: {\n    backgroundColor: tokens.body,\n    position: \"fixed\",\n    top: \"50%\",\n    left: \"50%\",\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    display: \"grid\",\n    width: \"100%\",\n    maxWidth: \"calc(100% - 2rem)\",\n    transform: \"translate(-50%, -50%)\",\n    ...shorthands.gap(tokens.spacingLayout1),\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA1),\n    // v1 shadow-lg; elevation has no token in this package.\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      animationDuration: \"0.01ms\",\n      animationIterationCount: \"1\",\n      \"&[data-state='open']\": {\n        animationDuration: \"0.01ms\",\n      },\n      \"&[data-state='closed']\": {\n        animationDuration: \"0.01ms\",\n      },\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translate(-50%, -50%) scale(0.95)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translate(-50%, -50%) scale(1)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translate(-50%, -50%) scale(1)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translate(-50%, -50%) scale(0.95)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n    \"&[data-size='sm']\": { maxWidth: tokens.containerSm },\n    \"&[data-size='md']\": { maxWidth: tokens.containerMd },\n    \"&[data-size='lg']\": { maxWidth: tokens.containerLg },\n    \"&[data-size='xl']\": { maxWidth: tokens.containerXl },\n    \"&[data-size='2xl']\": { maxWidth: tokens.container2xl },\n    \"&[data-size='3xl']\": { maxWidth: tokens.container3xl },\n    \"&[data-size='4xl']\": { maxWidth: tokens.container4xl },\n    \"&[data-size='5xl']\": { maxWidth: tokens.container5xl },\n    \"&[data-size='full-width']\": { maxWidth: \"100%\" },\n  },\n  contentPadding: {\n    ...shorthands.padding(tokens.spacingGroup2),\n  },\n  close: {\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.semFocusRing,\n    },\n  },\n  closeButton: {\n    position: \"absolute\",\n    top: tokens.spacingGroup2,\n    right: tokens.spacingGroup2,\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 rounded-full; no full-radius token exists in this package.\n    borderRadius: \"9999px\",\n    cursor: \"pointer\",\n    color: tokens.accentA11,\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.semFocusRing,\n    },\n    \":disabled\": {\n      pointerEvents: \"none\",\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  header: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    textAlign: \"left\",\n  },\n  footer: {\n    display: \"flex\",\n    ...shorthands.gap(tokens.spacingElement2),\n    justifyContent: \"flex-end\",\n  },\n  title: {\n    fontSize: tokens.textLg,\n    lineHeight: tokens.leadingLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  srOnly: {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    padding: 0,\n    margin: \"-1px\",\n    overflow: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n  },\n})\n\nconst XIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  function XIcon(props, ref) {\n    return (\n      <svg\n        ref={ref}\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 9 9\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M4.38333 5.31667L1.11667 8.58333C0.994445 8.70556 0.838889 8.76667 0.65 8.76667C0.461111 8.76667 0.305556 8.70556 0.183333 8.58333C0.0611111 8.46111 0 8.30556 0 8.11667C0 7.92778 0.0611111 7.77222 0.183333 7.65L3.45 4.38333L0.183333 1.11667C0.0611111 0.994445 0 0.838889 0 0.65C0 0.461111 0.0611111 0.305556 0.183333 0.183333C0.305556 0.0611111 0.461111 0 0.65 0C0.838889 0 0.994445 0.0611111 1.11667 0.183333L4.38333 3.45L7.65 0.183333C7.77222 0.0611111 7.92778 0 8.11667 0C8.30556 0 8.46111 0.0611111 8.58333 0.183333C8.70556 0.305556 8.76667 0.461111 8.76667 0.65C8.76667 0.838889 8.70556 0.994445 8.58333 1.11667L5.31667 4.38333L8.58333 7.65C8.70556 7.77222 8.76667 7.92778 8.76667 8.11667C8.76667 8.30556 8.70556 8.46111 8.58333 8.58333C8.46111 8.70556 8.30556 8.76667 8.11667 8.76667C7.92778 8.76667 7.77222 8.70556 7.65 8.58333L4.38333 5.31667Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    )\n  }\n)\n\nexport type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>\n\nexport const Dialog = React.forwardRef<HTMLElement, DialogProps>(\n  function Dialog(props, _ref) {\n    return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n  }\n)\n\nexport type DialogTriggerProps = React.ComponentProps<\n  typeof DialogPrimitive.Trigger\n>\n\nexport const DialogTrigger = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  DialogTriggerProps\n>(function DialogTrigger({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"dialog-trigger\"\n      {...{ [SLOT_ATTR]: \"dialog-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DialogPortalProps = React.ComponentProps<\n  typeof DialogPrimitive.Portal\n>\n\nexport const DialogPortal = React.forwardRef<HTMLElement, DialogPortalProps>(\n  function DialogPortal(props, _ref) {\n    return (\n      <DialogPrimitive.Portal\n        data-slot=\"dialog-portal\"\n        {...{ [SLOT_ATTR]: \"dialog-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DialogOverlayProps = React.ComponentProps<\n  typeof DialogPrimitive.Overlay\n>\n\nexport const DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  DialogOverlayProps\n>(function DialogOverlay({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"dialog-overlay\"\n      {...{ [SLOT_ATTR]: \"dialog-overlay\" }}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DialogContentSize =\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"5xl\"\n  | \"full-width\"\n\nexport type DialogContentProps = React.ComponentProps<\n  typeof DialogPrimitive.Content\n> & {\n  showCloseButton?: boolean\n  size?: DialogContentSize\n  flush?: boolean\n}\n\nexport const DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(function DialogContent(\n  {\n    className,\n    children,\n    showCloseButton = true,\n    flush = false,\n    size = \"lg\",\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary: stamp only an explicit override, never a\n  // default, so an ambient shell density (already reaching this portal via ordinary DOM\n  // inheritance) isn't masked.\n  const override = useDensity()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"dialog-content\"\n      {...{ [SLOT_ATTR]: \"dialog-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      data-size={size}\n      className={mergeClasses(\n        styles.content,\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          data-slot=\"dialog-close\"\n          {...{ [SLOT_ATTR]: \"dialog-close\" }}\n          className={styles.closeButton}\n        >\n          <XIcon />\n          <span className={styles.srOnly}>Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  )\n})\n\nexport type DialogCloseProps = React.ComponentProps<\n  typeof DialogPrimitive.Close\n>\n\nexport const DialogClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DialogCloseProps\n>(function DialogClose({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"dialog-close\"\n      {...{ [SLOT_ATTR]: \"dialog-close\" }}\n      className={mergeClasses(styles.close, className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  )\n})\n\nexport type DialogHeaderProps = React.ComponentProps<\"div\">\n\nexport const DialogHeader = React.forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dialog-header\"\n        {...{ [SLOT_ATTR]: \"dialog-header\" }}\n        className={mergeClasses(styles.header, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DialogFooterProps = React.ComponentProps<\"div\">\n\nexport const DialogFooter = React.forwardRef<HTMLDivElement, DialogFooterProps>(\n  function DialogFooter({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dialog-footer\"\n        {...{ [SLOT_ATTR]: \"dialog-footer\" }}\n        className={mergeClasses(styles.footer, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DialogTitleProps = React.ComponentProps<\n  typeof DialogPrimitive.Title\n>\n\nexport const DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DialogTitleProps\n>(function DialogTitle({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"dialog-title\"\n      {...{ [SLOT_ATTR]: \"dialog-title\" }}\n      className={mergeClasses(styles.title, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DialogDescriptionProps = React.ComponentProps<\n  typeof DialogPrimitive.Description\n>\n\nexport const DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DialogDescriptionProps\n>(function DialogDescription({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"dialog-description\"\n      {...{ [SLOT_ATTR]: \"dialog-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.body","tokens.spacingLayout1","tokens.radiusXl","tokens.grayA1","tokens.containerSm","tokens.containerMd","tokens.containerLg","tokens.containerXl","tokens.container2xl","tokens.container3xl","tokens.container4xl","tokens.container5xl","tokens.spacingGroup2","tokens.semFocusRing","tokens.spacingElement2","tokens.accentA11","tokens.semAccentSoft","tokens.textLg","tokens.leadingLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","tokens.leadingSm","XIcon","React","props","ref","jsxDEV","Dialog","_ref","DialogPrimitive.Root","DialogTrigger","className","DialogPrimitive.Trigger","SLOT_ATTR","DialogPortal","DialogPrimitive.Portal","DialogOverlay","styles","DialogPrimitive.Overlay","mergeClasses","DialogContent","children","showCloseButton","flush","size","override","useDensity","DialogPrimitive.Content","DialogPrimitive.Close","DialogClose","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"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"}