@epilot/zenith-react 0.2.0-next.0 → 0.2.0-next.3

package/dist/components/drawer/drawer.js

@@ -1,17 +1,23 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as S, Close as D, Content as z, Description as F, Overlay as L, Portal as X, Title as A, Trigger as O } from "../../vendor/.bun/@radix-ui_react-dialog@1.1.15_2b23df507bdda662/vendor/@radix-ui/react-dialog/dist/index.js";
-import { mergeClasses as m, SLOT_ATTR as l, shorthands as i } from "@epilot/zenith-runtime/v1";
-import { useAppearanceAttributes as C } from "../appearance-boundary/appearance-boundary.js";
-import { useDensity as Y } from "../density-provider/density-provider.js";
-import { makeZenithStyles as k } from "../../styles/make-styles.js";
-import { leadingSm as E, textSm as P, grayA11 as B, grayA12 as H, fontWeightSemibold as I, leadingLg as W, textLg as j, accentA8 as h, accentSoft as _, accentA11 as Z, spacingGroup2 as b, spacingElement3 as x, spacingElement1 as n, gray2 as G, spacingElement2 as g, grayA1 as u, radius2xl as M } from "../../tokens/index.js";
-const d = k({
+import { Root as L, Close as v, Content as F, Description as X, Overlay as A, Portal as O, Title as Y, Trigger as k } from "../../vendor/.bun/@radix-ui_react-dialog@1.1.15_2b23df507bdda662/vendor/@radix-ui/react-dialog/dist/index.js";
+import { mergeClasses as m, SLOT_ATTR as l, shorthands as e } from "@epilot/zenith-runtime/v1";
+import { useAppearanceAttributes as T } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as E } from "../density-provider/density-provider.js";
+import { makeZenithStyles as I } from "../../styles/make-styles.js";
+import { boxModel as p, nativeControl as x } from "../../styles/host-reset.js";
+import { OVERLAY_Z_INDEX as D } from "../../styles/overlay-layer.js";
+import { leadingSm as P, textSm as _, grayA11 as B, grayA12 as H, fontWeightSemibold as W, leadingLg as j, textLg as Z, accentA8 as C, accentSoft as M, accentA11 as V, spacingLayout1 as g, spacingElement1 as i, gray2 as q, spacingElement2 as y, grayA1 as w, radius2xl as G } from "../../tokens/index.js";
+const d = I({
+  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the
+  // child owns its own element and two atom sets would race for the same properties.
+  nativeTrigger: {
+    ...x
+  },
   overlay: {
     position: "fixed",
-    ...i.inset(0),
-    // v1's z-1300 is the overlay tier; no z-index token exists in this package.
-    zIndex: 1300,
+    ...e.inset(0),
+    zIndex: D,
     backgroundColor: "rgb(0 0 0 / 50%)",
     "&[data-state='open']": {
       animationName: {
@@ -31,27 +37,40 @@ const d = k({
     }
   },
   content: {
-    backgroundColor: G,
+    ...p,
+    backgroundColor: q,
     position: "fixed",
-    // v1's z-1300 is the overlay tier; no z-index token exists in this package.
-    zIndex: 1300,
+    zIndex: D,
     display: "flex",
     flexDirection: "column",
-    ...i.gap(b),
-    ...i.borderRadius(M),
+    ...e.gap(g),
+    ...e.borderRadius(G),
     // v1 shadow-lg; elevation has no token in this package.
-    boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a"
+    boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
+    // Collapses the side slots' slide too: media rules sort after them at equal specificity.
+    "@media (prefers-reduced-motion: reduce)": {
+      animationDuration: "0.01ms",
+      animationIterationCount: "1",
+      "&[data-state='open']": {
+        animationDuration: "0.01ms"
+      },
+      "&[data-state='closed']": {
+        animationDuration: "0.01ms"
+      }
+    }
   },
   contentPadding: {
-    // v1 p-3 is 0.75rem; no spacing token for 0.75rem exists in this package.
-    ...i.padding(x)
+    ...p,
+    // Layout tier, unlike Dialog, AlertDialog and Popover: a drawer holds sections, not one group.
+    ...e.padding(g)
   },
   right: {
-    top: n,
-    bottom: n,
-    right: n,
+    ...p,
+    top: i,
+    bottom: i,
+    right: i,
     height: "calc(100% - 0.5rem)",
-    ...i.borderLeft("1px", "solid", u),
+    ...e.borderLeft("1px", "solid", w),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -82,11 +101,12 @@ const d = k({
     }
   },
   left: {
-    top: n,
-    bottom: n,
-    left: n,
+    ...p,
+    top: i,
+    bottom: i,
+    left: i,
     height: "calc(100% - 0.5rem)",
-    ...i.borderRight("1px", "solid", u),
+    ...e.borderRight("1px", "solid", w),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -117,11 +137,12 @@ const d = k({
     }
   },
   top: {
-    left: n,
-    right: n,
-    top: n,
+    ...p,
+    left: i,
+    right: i,
+    top: i,
     width: "calc(100% - 0.5rem)",
-    ...i.borderBottom("1px", "solid", u),
+    ...e.borderBottom("1px", "solid", w),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -152,11 +173,12 @@ const d = k({
     }
   },
   bottom: {
-    left: n,
-    right: n,
-    bottom: n,
+    ...p,
+    left: i,
+    right: i,
+    bottom: i,
     width: "calc(100% - 0.5rem)",
-    ...i.borderTop("1px", "solid", u),
+    ...e.borderTop("1px", "solid", w),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -191,32 +213,34 @@ const d = k({
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: h
+      outlineColor: C
     }
   },
   closeButton: {
+    ...x,
     position: "absolute",
-    // v1 top-3 is 0.75rem; no spacing token for 0.75rem exists in this package.
-    top: x,
-    right: b,
-    ...i.padding(g),
+    // Inset by the content padding so it lines up with the padded header.
+    top: g,
+    right: g,
+    ...e.padding(y),
     // v1 rounded-full; no full-radius token exists in this package.
     borderRadius: "9999px",
     cursor: "pointer",
-    color: Z,
+    color: V,
     ":hover": {
-      backgroundColor: _
+      backgroundColor: M
     },
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: h
+      outlineColor: C
     },
     ":disabled": {
       pointerEvents: "none"
     },
     "& svg": {
+      display: "block",
       pointerEvents: "none",
       flexShrink: 0,
       width: "1rem",
@@ -227,28 +251,31 @@ const d = k({
     display: "flex",
     flexShrink: 0,
     flexDirection: "column",
-    ...i.gap(g),
+    ...e.gap(y),
     textAlign: "left"
   },
   footer: {
     marginTop: "auto",
     display: "flex",
     flexShrink: 0,
-    ...i.gap(g),
+    ...e.gap(y),
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: j,
-    lineHeight: W,
-    fontWeight: I,
+    ...e.margin(0),
+    fontSize: Z,
+    lineHeight: j,
+    fontWeight: W,
     color: H
   },
   description: {
+    ...e.margin(0),
     color: B,
-    fontSize: P,
-    lineHeight: E
+    fontSize: _,
+    lineHeight: P
   },
   srOnly: {
+    ...p,
     position: "absolute",
     width: "1px",
     height: "1px",
@@ -258,9 +285,9 @@ const d = k({
     clip: "rect(0, 0, 0, 0)",
     whiteSpace: "nowrap"
   }
-}), q = s.forwardRef(
+}), J = s.forwardRef(
   function(t, a) {
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ n(
       "svg",
       {
         ref: a,
@@ -270,7 +297,7 @@ const d = k({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         ...t,
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ n(
           "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",
@@ -280,25 +307,29 @@ const d = k({
       }
     );
   }
-), at = s.forwardRef(
+), nt = s.forwardRef(
   function(t, a) {
-    return /* @__PURE__ */ e(S, { "data-slot": "drawer", ...t });
+    return /* @__PURE__ */ n(L, { "data-slot": "drawer", ...t });
   }
-), ot = s.forwardRef(function({ className: t, ...a }, o) {
-  return /* @__PURE__ */ e(
-    O,
+), it = s.forwardRef(function({ className: t, ...a }, o) {
+  const r = d();
+  return /* @__PURE__ */ n(
+    k,
     {
       ref: o,
       "data-slot": "drawer-trigger",
       [l]: "drawer-trigger",
-      className: t,
+      className: m(
+        !a.asChild && r.nativeTrigger,
+        t
+      ),
       ...a
     }
   );
-}), rt = s.forwardRef(
+}), st = s.forwardRef(
   function(t, a) {
-    return /* @__PURE__ */ e(
-      X,
+    return /* @__PURE__ */ n(
+      O,
       {
         "data-slot": "drawer-portal",
         [l]: "drawer-portal",
@@ -306,10 +337,10 @@ const d = k({
       }
     );
   }
-), et = s.forwardRef(function({ className: t, ...a }, o) {
-  const r = d(), f = C();
-  return /* @__PURE__ */ e(
-    L,
+), ct = s.forwardRef(function({ className: t, ...a }, o) {
+  const r = d(), f = T();
+  return /* @__PURE__ */ n(
+    A,
     {
       ref: o,
       "data-slot": "drawer-overlay",
@@ -319,66 +350,70 @@ const d = k({
       ...a
     }
   );
-}), nt = s.forwardRef(function({
+}), lt = s.forwardRef(function({
   className: t,
   children: a,
   showCloseButton: o = !0,
   closeButtonLabel: r = "Close",
   side: f = "right",
-  flush: v = !1,
-  ...T
-}, N) {
-  const p = d(), w = Y(), R = C();
-  return /* @__PURE__ */ y(
-    z,
+  flush: N = !1,
+  ...R
+}, S) {
+  const u = d(), h = E(), z = T();
+  return /* @__PURE__ */ b(
+    F,
     {
-      ref: N,
+      ref: S,
       "data-slot": "drawer-content",
       [l]: "drawer-content",
-      ...w !== void 0 ? { "data-density": w } : {},
-      ...R,
+      ...h !== void 0 ? { "data-density": h } : {},
+      ...z,
       "data-side": f,
       className: m(
-        p.content,
-        p[f],
-        !v && p.contentPadding,
+        u.content,
+        u[f],
+        !N && u.contentPadding,
         t
       ),
-      ...T,
+      ...R,
       children: [
         a,
-        o && /* @__PURE__ */ y(
-          D,
+        o && /* @__PURE__ */ b(
+          v,
           {
             "data-slot": "drawer-close",
             [l]: "drawer-close",
-            className: p.closeButton,
+            className: u.closeButton,
             children: [
-              /* @__PURE__ */ e(q, {}),
-              /* @__PURE__ */ e("span", { className: p.srOnly, children: r })
+              /* @__PURE__ */ n(J, {}),
+              /* @__PURE__ */ n("span", { className: u.srOnly, children: r })
             ]
           }
         )
       ]
     }
   );
-}), it = s.forwardRef(function({ className: t, children: a, ...o }, r) {
+}), mt = s.forwardRef(function({ className: t, children: a, ...o }, r) {
   const f = d();
-  return /* @__PURE__ */ e(
-    D,
+  return /* @__PURE__ */ n(
+    v,
     {
       ref: r,
       "data-slot": "drawer-close",
       [l]: "drawer-close",
-      className: m(f.close, t),
+      className: m(
+        !o.asChild && f.nativeTrigger,
+        f.close,
+        t
+      ),
       ...o,
       children: a
     }
   );
-}), st = s.forwardRef(
+}), dt = s.forwardRef(
   function({ className: t, ...a }, o) {
     const r = d();
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ n(
       "div",
       {
         ref: o,
@@ -389,10 +424,10 @@ const d = k({
       }
     );
   }
-), ct = s.forwardRef(
+), ft = s.forwardRef(
   function({ className: t, ...a }, o) {
     const r = d();
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ n(
       "div",
       {
         ref: o,
@@ -403,10 +438,10 @@ const d = k({
       }
     );
   }
-), lt = s.forwardRef(function({ className: t, ...a }, o) {
+), pt = s.forwardRef(function({ className: t, ...a }, o) {
   const r = d();
-  return /* @__PURE__ */ e(
-    A,
+  return /* @__PURE__ */ n(
+    Y,
     {
       ref: o,
       "data-slot": "drawer-title",
@@ -415,10 +450,10 @@ const d = k({
       ...a
     }
   );
-}), mt = s.forwardRef(function({ className: t, ...a }, o) {
+}), ut = s.forwardRef(function({ className: t, ...a }, o) {
   const r = d();
-  return /* @__PURE__ */ e(
-    F,
+  return /* @__PURE__ */ n(
+    X,
     {
       ref: o,
       "data-slot": "drawer-description",
@@ -429,15 +464,15 @@ const d = k({
   );
 });
 export {
-  at as Drawer,
-  it as DrawerClose,
-  nt as DrawerContent,
-  mt as DrawerDescription,
-  ct as DrawerFooter,
-  st as DrawerHeader,
-  et as DrawerOverlay,
-  rt as DrawerPortal,
-  lt as DrawerTitle,
-  ot as DrawerTrigger
+  nt as Drawer,
+  mt as DrawerClose,
+  lt as DrawerContent,
+  ut as DrawerDescription,
+  ft as DrawerFooter,
+  dt as DrawerHeader,
+  ct as DrawerOverlay,
+  st as DrawerPortal,
+  pt as DrawerTitle,
+  it as DrawerTrigger
 };
 //# sourceMappingURL=drawer.js.map

package/dist/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\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.gray2,\n    position: \"fixed\",\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup2),\n    ...shorthands.borderRadius(tokens.radius2xl),\n    // v1 shadow-lg; elevation has no token in this package.\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n  },\n  contentPadding: {\n    // v1 p-3 is 0.75rem; no spacing token for 0.75rem exists in this package.\n    ...shorthands.padding(tokens.spacingElement3),\n  },\n  right: {\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderLeft(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\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: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  left: {\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    left: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderRight(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\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: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  top: {\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    top: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderBottom(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\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: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  bottom: {\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderTop(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\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: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\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    // v1 top-3 is 0.75rem; no spacing token for 0.75rem exists in this package.\n    top: tokens.spacingElement3,\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.accentSoft,\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    flexShrink: 0,\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    textAlign: \"left\",\n  },\n  footer: {\n    marginTop: \"auto\",\n    display: \"flex\",\n    flexShrink: 0,\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 DrawerProps = React.ComponentProps<typeof DialogPrimitive.Root>\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(\n  function Drawer(props, _ref) {\n    return <DialogPrimitive.Root data-slot=\"drawer\" {...props} />\n  }\n)\n\nexport type DrawerTriggerProps = React.ComponentProps<\n  typeof DialogPrimitive.Trigger\n>\n\nexport const DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  DrawerTriggerProps\n>(function DrawerTrigger({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"drawer-trigger\"\n      {...{ [SLOT_ATTR]: \"drawer-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerPortalProps = React.ComponentProps<\n  typeof DialogPrimitive.Portal\n>\n\nexport const DrawerPortal = React.forwardRef<HTMLElement, DrawerPortalProps>(\n  function DrawerPortal(props, _ref) {\n    return (\n      <DialogPrimitive.Portal\n        data-slot=\"drawer-portal\"\n        {...{ [SLOT_ATTR]: \"drawer-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerOverlayProps = React.ComponentProps<\n  typeof DialogPrimitive.Overlay\n>\n\nexport const DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  DrawerOverlayProps\n>(function DrawerOverlay({ className, ...props }, ref) {\n  const styles = useStyles()\n  // The overlay is portalled too, so it re-stamps the boundary's appearance like the content (#8).\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"drawer-overlay\"\n      {...{ [SLOT_ATTR]: \"drawer-overlay\" }}\n      {...appearance}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerSide = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport type DrawerContentProps = React.ComponentProps<\n  typeof DialogPrimitive.Content\n> & {\n  showCloseButton?: boolean\n  /**\n   * Accessible name of the built-in close button, read by screen readers. Pass a translated\n   * string for any locale other than English. Defaults to \"Close\".\n   */\n  closeButtonLabel?: string\n  side?: DrawerSide\n  flush?: boolean\n}\n\nexport const DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DrawerContentProps\n>(function DrawerContent(\n  {\n    className,\n    children,\n    showCloseButton = true,\n    closeButtonLabel = \"Close\",\n    side = \"right\",\n    flush = false,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"drawer-content\"\n      {...{ [SLOT_ATTR]: \"drawer-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\n      data-side={side}\n      className={mergeClasses(\n        styles.content,\n        styles[side],\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          data-slot=\"drawer-close\"\n          {...{ [SLOT_ATTR]: \"drawer-close\" }}\n          className={styles.closeButton}\n        >\n          <XIcon />\n          <span className={styles.srOnly}>{closeButtonLabel}</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  )\n})\n\nexport type DrawerCloseProps = React.ComponentProps<\n  typeof DialogPrimitive.Close\n>\n\nexport const DrawerClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DrawerCloseProps\n>(function DrawerClose({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"drawer-close\"\n      {...{ [SLOT_ATTR]: \"drawer-close\" }}\n      className={mergeClasses(styles.close, className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  )\n})\n\nexport type DrawerHeaderProps = React.ComponentProps<\"div\">\n\nexport const DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  function DrawerHeader({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-header\"\n        {...{ [SLOT_ATTR]: \"drawer-header\" }}\n        className={mergeClasses(styles.header, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerFooterProps = React.ComponentProps<\"div\">\n\nexport const DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  function DrawerFooter({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-footer\"\n        {...{ [SLOT_ATTR]: \"drawer-footer\" }}\n        className={mergeClasses(styles.footer, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerTitleProps = React.ComponentProps<\n  typeof DialogPrimitive.Title\n>\n\nexport const DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DrawerTitleProps\n>(function DrawerTitle({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"drawer-title\"\n      {...{ [SLOT_ATTR]: \"drawer-title\" }}\n      className={mergeClasses(styles.title, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerDescriptionProps = React.ComponentProps<\n  typeof DialogPrimitive.Description\n>\n\nexport const DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DrawerDescriptionProps\n>(function DrawerDescription({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"drawer-description\"\n      {...{ [SLOT_ATTR]: \"drawer-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.gray2","tokens.spacingGroup2","tokens.radius2xl","tokens.spacingElement3","tokens.spacingElement1","tokens.grayA1","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.accentSoft","tokens.textLg","tokens.leadingLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","tokens.leadingSm","XIcon","React","props","ref","jsx","Drawer","_ref","DialogPrimitive.Root","DrawerTrigger","className","DialogPrimitive.Trigger","SLOT_ATTR","DrawerPortal","DialogPrimitive.Portal","DrawerOverlay","styles","appearance","useAppearanceAttributes","DialogPrimitive.Overlay","mergeClasses","DrawerContent","children","showCloseButton","closeButtonLabel","side","flush","override","useDensity","jsxs","DialogPrimitive.Content","DialogPrimitive.Close","DrawerClose","DrawerHeader","DrawerFooter","DrawerTitle","DialogPrimitive.Title","DrawerDescription","DialogPrimitive.Description"],"mappings":";;;;;;;;AAWA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,SAAS;AAAA,IACP,UAAU;AAAA,IACV,GAAGC,EAAW,MAAM,CAAC;AAAA;AAAA,IAErB,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,wBAAwB;AAAA,MACtB,eAAe;AAAA,QACb,MAAM,EAAE,SAAS,EAAA;AAAA,QACjB,IAAI,EAAE,SAAS,EAAA;AAAA,MAAE;AAAA,MAEnB,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,IAE3B,0BAA0B;AAAA,MACxB,eAAe;AAAA,QACb,MAAM,EAAE,SAAS,EAAA;AAAA,QACjB,IAAI,EAAE,SAAS,EAAA;AAAA,MAAE;AAAA,MAEnB,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,SAAS;AAAA,IACP,iBAAiBC;AAAAA,IACjB,UAAU;AAAA;AAAA,IAEV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,GAAGD,EAAW,IAAIE,CAAoB;AAAA,IACtC,GAAGF,EAAW,aAAaG,CAAgB;AAAA;AAAA,IAE3C,WAAW;AAAA,EAAA;AAAA,EAEb,gBAAgB;AAAA;AAAA,IAEd,GAAGH,EAAW,QAAQI,CAAsB;AAAA,EAAA;AAAA,EAE9C,OAAO;AAAA,IACL,KAAKC;AAAAA,IACL,QAAQA;AAAAA,IACR,OAAOA;AAAAA,IACP,QAAQ;AAAA,IACR,GAAGL,EAAW,WAAW,OAAO,SAASM,CAAa;AAAA,IACtD,wBAAwB;AAAA,MACtB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,IAE3B,0BAA0B;AAAA,MACxB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,MAAM;AAAA,IACJ,KAAKD;AAAAA,IACL,QAAQA;AAAAA,IACR,MAAMA;AAAAA,IACN,QAAQ;AAAA,IACR,GAAGL,EAAW,YAAY,OAAO,SAASM,CAAa;AAAA,IACvD,wBAAwB;AAAA,MACtB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,IAE3B,0BAA0B;AAAA,MACxB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,KAAK;AAAA,IACH,MAAMD;AAAAA,IACN,OAAOA;AAAAA,IACP,KAAKA;AAAAA,IACL,OAAO;AAAA,IACP,GAAGL,EAAW,aAAa,OAAO,SAASM,CAAa;AAAA,IACxD,wBAAwB;AAAA,MACtB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,IAE3B,0BAA0B;AAAA,MACxB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,QAAQ;AAAA,IACN,MAAMD;AAAAA,IACN,OAAOA;AAAAA,IACP,QAAQA;AAAAA,IACR,OAAO;AAAA,IACP,GAAGL,EAAW,UAAU,OAAO,SAASM,CAAa;AAAA,IACrD,wBAAwB;AAAA,MACtB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,IAE3B,0BAA0B;AAAA,MACxB,eAAe;AAAA,QACb,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,QAEb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,OAAO;AAAA,IACL,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcC;AAAAA,IAAO;AAAA,EACvB;AAAA,EAEF,aAAa;AAAA,IACX,UAAU;AAAA;AAAA,IAEV,KAAKH;AAAAA,IACL,OAAOF;AAAAA,IACP,GAAGF,EAAW,QAAQQ,CAAsB;AAAA;AAAA,IAE5C,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcH;AAAAA,IAAO;AAAA,IAEvB,aAAa;AAAA,MACX,eAAe;AAAA,IAAA;AAAA,IAEjB,SAAS;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,GAAGP,EAAW,IAAIQ,CAAsB;AAAA,IACxC,WAAW;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAGR,EAAW,IAAIQ,CAAsB;AAAA,IACxC,gBAAgB;AAAA,EAAA;AAAA,EAElB,OAAO;AAAA,IACL,UAAUG;AAAAA,IACV,YAAYC;AAAAA,IACZ,YAAYC;AAAAA,IACZ,OAAOC;AAAAA,EAAO;AAAA,EAEhB,aAAa;AAAA,IACX,OAAOC;AAAAA,IACP,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY;AAAA,EAAA;AAEhB,CAAC,GAEKC,IAAQC,EAAM;AAAA,EAClB,SAAeC,GAAOC,GAAK;AACzB,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,OAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACL,GAAGD;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAGN;AACF,GAIaC,KAASJ,EAAM;AAAA,EAC1B,SAAgBC,GAAOI,GAAM;AAC3B,6BAAQC,GAAA,EAAqB,aAAU,UAAU,GAAGL,GAAO;AAAA,EAC7D;AACF,GAMaM,KAAgBP,EAAM,WAGjC,SAAuB,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,GAAK;AACrD,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,aAAU;AAAA,MACJ,CAACQ,CAAS,GAAG;AAAA,MACnB,WAAAF;AAAA,MACC,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAMYU,KAAeX,EAAM;AAAA,EAChC,SAAsBC,GAAOI,GAAM;AACjC,WACE,gBAAAF;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACJ,CAACF,CAAS,GAAG;AAAA,QAClB,GAAGT;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF,GAMaY,KAAgBb,EAAM,WAGjC,SAAuB,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,GAAK;AACrD,QAAMY,IAASnC,EAAA,GAEToC,IAAaC,EAAA;AAEnB,SACE,gBAAAb;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACA,aAAU;AAAA,MACJ,CAACQ,CAAS,GAAG;AAAA,MAClB,GAAGK;AAAA,MACJ,WAAWG,EAAaJ,EAAO,SAASN,CAAS;AAAA,MAChD,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAiBYkB,KAAgBnB,EAAM,WAGjC,SACA;AAAA,EACE,WAAAQ;AAAA,EACA,UAAAY;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,kBAAAC,IAAmB;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGvB;AACL,GACAC,GACA;AACA,QAAMY,IAASnC,EAAA,GAET8C,IAAWC,EAAA,GAIXX,IAAaC,EAAA;AAEnB,SACE,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAA1B;AAAA,MACA,aAAU;AAAA,MACJ,CAACQ,CAAS,GAAG;AAAA,MAClB,GAAIe,MAAa,SAAY,EAAE,gBAAgBA,EAAA,IAAa,CAAA;AAAA,MAC5D,GAAGV;AAAA,MACJ,aAAWQ;AAAA,MACX,WAAWL;AAAA,QACTJ,EAAO;AAAA,QACPA,EAAOS,CAAI;AAAA,QACX,CAACC,KAASV,EAAO;AAAA,QACjBN;AAAA,MAAA;AAAA,MAED,GAAGP;AAAA,MAEH,UAAA;AAAA,QAAAmB;AAAA,QACAC,KACC,gBAAAM;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACJ,CAACnB,CAAS,GAAG;AAAA,YACnB,WAAWI,EAAO;AAAA,YAElB,UAAA;AAAA,cAAA,gBAAAX,EAACJ,GAAA,EAAM;AAAA,cACP,gBAAAI,EAAC,QAAA,EAAK,WAAWW,EAAO,QAAS,UAAAQ,EAAA,CAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAMYQ,KAAc9B,EAAM,WAG/B,SAAqB,EAAE,WAAAQ,GAAW,UAAAY,GAAU,GAAGnB,EAAA,GAASC,GAAK;AAC7D,QAAMY,IAASnC,EAAA;AAEf,SACE,gBAAAwB;AAAA,IAAC0B;AAAAA,IAAA;AAAA,MACC,KAAA3B;AAAA,MACA,aAAU;AAAA,MACJ,CAACQ,CAAS,GAAG;AAAA,MACnB,WAAWQ,EAAaJ,EAAO,OAAON,CAAS;AAAA,MAC9C,GAAGP;AAAA,MAEH,UAAAmB;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAIYW,KAAe/B,EAAM;AAAA,EAChC,SAAsB,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,GAAK;AAClD,UAAMY,IAASnC,EAAA;AAEf,WACE,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,aAAU;AAAA,QACJ,CAACQ,CAAS,GAAG;AAAA,QACnB,WAAWQ,EAAaJ,EAAO,QAAQN,CAAS;AAAA,QAC/C,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF,GAIa+B,KAAehC,EAAM;AAAA,EAChC,SAAsB,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,GAAK;AAClD,UAAMY,IAASnC,EAAA;AAEf,WACE,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,aAAU;AAAA,QACJ,CAACQ,CAAS,GAAG;AAAA,QACnB,WAAWQ,EAAaJ,EAAO,QAAQN,CAAS;AAAA,QAC/C,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF,GAMagC,KAAcjC,EAAM,WAG/B,SAAqB,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,GAAK;AACnD,QAAMY,IAASnC,EAAA;AAEf,SACE,gBAAAwB;AAAA,IAAC+B;AAAAA,IAAA;AAAA,MACC,KAAAhC;AAAA,MACA,aAAU;AAAA,MACJ,CAACQ,CAAS,GAAG;AAAA,MACnB,WAAWQ,EAAaJ,EAAO,OAAON,CAAS;AAAA,MAC9C,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAMYkC,KAAoBnC,EAAM,WAGrC,SAA2B,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,GAAK;AACzD,QAAMY,IAASnC,EAAA;AAEf,SACE,gBAAAwB;AAAA,IAACiC;AAAAA,IAAA;AAAA,MACC,KAAAlC;AAAA,MACA,aAAU;AAAA,MACJ,CAACQ,CAAS,GAAG;AAAA,MACnB,WAAWQ,EAAaJ,EAAO,aAAaN,CAAS;AAAA,MACpD,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the\n  // child owns its own element and two atom sets would race for the same properties.\n  nativeTrigger: {\n    ...nativeControl,\n  },\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    zIndex: OVERLAY_Z_INDEX,\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    ...boxModel,\n    backgroundColor: tokens.gray2,\n    position: \"fixed\",\n    zIndex: OVERLAY_Z_INDEX,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingLayout1),\n    ...shorthands.borderRadius(tokens.radius2xl),\n    // v1 shadow-lg; elevation has no token in this package.\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    // Collapses the side slots' slide too: media rules sort after them at equal specificity.\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  },\n  contentPadding: {\n    ...boxModel,\n    // Layout tier, unlike Dialog, AlertDialog and Popover: a drawer holds sections, not one group.\n    ...shorthands.padding(tokens.spacingLayout1),\n  },\n  right: {\n    ...boxModel,\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderLeft(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\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: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  left: {\n    ...boxModel,\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    left: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderRight(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\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: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  top: {\n    ...boxModel,\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    top: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderBottom(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\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: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  bottom: {\n    ...boxModel,\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderTop(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\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: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  close: {\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  closeButton: {\n    ...nativeControl,\n    position: \"absolute\",\n    // Inset by the content padding so it lines up with the padded header.\n    top: tokens.spacingLayout1,\n    right: tokens.spacingLayout1,\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.accentSoft,\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      display: \"block\",\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  header: {\n    display: \"flex\",\n    flexShrink: 0,\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    textAlign: \"left\",\n  },\n  footer: {\n    marginTop: \"auto\",\n    display: \"flex\",\n    flexShrink: 0,\n    ...shorthands.gap(tokens.spacingElement2),\n    justifyContent: \"flex-end\",\n  },\n  title: {\n    ...shorthands.margin(0),\n    fontSize: tokens.textLg,\n    lineHeight: tokens.leadingLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    ...shorthands.margin(0),\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  srOnly: {\n    ...boxModel,\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 DrawerProps = React.ComponentProps<typeof DialogPrimitive.Root>\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(\n  function Drawer(props, _ref) {\n    return <DialogPrimitive.Root data-slot=\"drawer\" {...props} />\n  }\n)\n\nexport type DrawerTriggerProps = React.ComponentProps<\n  typeof DialogPrimitive.Trigger\n>\n\nexport const DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  DrawerTriggerProps\n>(function DrawerTrigger({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"drawer-trigger\"\n      {...{ [SLOT_ATTR]: \"drawer-trigger\" }}\n      className={mergeClasses(\n        !props.asChild && styles.nativeTrigger,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerPortalProps = React.ComponentProps<\n  typeof DialogPrimitive.Portal\n>\n\nexport const DrawerPortal = React.forwardRef<HTMLElement, DrawerPortalProps>(\n  function DrawerPortal(props, _ref) {\n    return (\n      <DialogPrimitive.Portal\n        data-slot=\"drawer-portal\"\n        {...{ [SLOT_ATTR]: \"drawer-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerOverlayProps = React.ComponentProps<\n  typeof DialogPrimitive.Overlay\n>\n\nexport const DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  DrawerOverlayProps\n>(function DrawerOverlay({ className, ...props }, ref) {\n  const styles = useStyles()\n  // The overlay is portalled too, so it re-stamps the boundary's appearance like the content (#8).\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"drawer-overlay\"\n      {...{ [SLOT_ATTR]: \"drawer-overlay\" }}\n      {...appearance}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerSide = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport type DrawerContentProps = React.ComponentProps<\n  typeof DialogPrimitive.Content\n> & {\n  showCloseButton?: boolean\n  /**\n   * Accessible name of the built-in close button, read by screen readers. Pass a translated\n   * string for any locale other than English. Defaults to \"Close\".\n   */\n  closeButtonLabel?: string\n  side?: DrawerSide\n  flush?: boolean\n}\n\nexport const DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DrawerContentProps\n>(function DrawerContent(\n  {\n    className,\n    children,\n    showCloseButton = true,\n    closeButtonLabel = \"Close\",\n    side = \"right\",\n    flush = false,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"drawer-content\"\n      {...{ [SLOT_ATTR]: \"drawer-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\n      data-side={side}\n      className={mergeClasses(\n        styles.content,\n        styles[side],\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          data-slot=\"drawer-close\"\n          {...{ [SLOT_ATTR]: \"drawer-close\" }}\n          className={styles.closeButton}\n        >\n          <XIcon />\n          <span className={styles.srOnly}>{closeButtonLabel}</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  )\n})\n\nexport type DrawerCloseProps = React.ComponentProps<\n  typeof DialogPrimitive.Close\n>\n\nexport const DrawerClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DrawerCloseProps\n>(function DrawerClose({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"drawer-close\"\n      {...{ [SLOT_ATTR]: \"drawer-close\" }}\n      className={mergeClasses(\n        !props.asChild && styles.nativeTrigger,\n        styles.close,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  )\n})\n\nexport type DrawerHeaderProps = React.ComponentProps<\"div\">\n\nexport const DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  function DrawerHeader({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-header\"\n        {...{ [SLOT_ATTR]: \"drawer-header\" }}\n        className={mergeClasses(styles.header, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerFooterProps = React.ComponentProps<\"div\">\n\nexport const DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  function DrawerFooter({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-footer\"\n        {...{ [SLOT_ATTR]: \"drawer-footer\" }}\n        className={mergeClasses(styles.footer, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerTitleProps = React.ComponentProps<\n  typeof DialogPrimitive.Title\n>\n\nexport const DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DrawerTitleProps\n>(function DrawerTitle({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"drawer-title\"\n      {...{ [SLOT_ATTR]: \"drawer-title\" }}\n      className={mergeClasses(styles.title, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerDescriptionProps = React.ComponentProps<\n  typeof DialogPrimitive.Description\n>\n\nexport const DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DrawerDescriptionProps\n>(function DrawerDescription({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"drawer-description\"\n      {...{ [SLOT_ATTR]: \"drawer-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeZenithStyles","nativeControl","shorthands","OVERLAY_Z_INDEX","boxModel","tokens.gray2","tokens.spacingLayout1","tokens.radius2xl","tokens.spacingElement1","tokens.grayA1","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.accentSoft","tokens.textLg","tokens.leadingLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","tokens.leadingSm","XIcon","React","props","ref","jsx","Drawer","_ref","DialogPrimitive.Root","DrawerTrigger","className","styles","DialogPrimitive.Trigger","SLOT_ATTR","mergeClasses","DrawerPortal","DialogPrimitive.Portal","DrawerOverlay","appearance","useAppearanceAttributes","DialogPrimitive.Overlay","DrawerContent","children","showCloseButton","closeButtonLabel","side","flush","override","useDensity","jsxs","DialogPrimitive.Content","DialogPrimitive.Close","DrawerClose","DrawerHeader","DrawerFooter","DrawerTitle","DialogPrimitive.Title","DrawerDescription","DialogPrimitive.Description"],"mappings":"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"}