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

package/dist/components/drawer/drawer.js

@@ -1,16 +1,16 @@
-import { j as t } from "../../vendor/react/jsx-dev-runtime.js";
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as y, Close as h, Content as C, Description as k, Overlay as E, Portal as T, Title as j, Trigger as R } from "../../vendor/@radix-ui/react-dialog/dist/index.js";
-import { shorthands as n } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as m } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as c } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { useDensity as S } from "../density-provider/density-provider.js";
-import { makeVoltStyles as V } from "../../styles/make-styles.js";
-import { spacingElement2 as w, grayA1 as u, spacingElement3 as x, radius2xl as U, spacingGroup2 as b, leadingSm as z, textSm as F, grayA11 as L, grayA12 as X, fontWeightSemibold as A, leadingLg as O, textLg as Y, accentA8 as N, semAccentSoft as P, accentA11 as B, spacingElement1 as i, gray2 as H } from "../../tokens/index.js";
-const d = V({
+import { Root as T, Close as D, Content as N, Description as R, Overlay as S, Portal as z, Title as F, Trigger as L } from "../../vendor/@radix-ui/react-dialog/dist/index.js";
+import { shorthands as i } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as c } 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 X } from "../density-provider/density-provider.js";
+import { makeVoltStyles as A } from "../../styles/make-styles.js";
+import { spacingElement2 as g, grayA1 as p, spacingElement3 as h, radius2xl as O, spacingGroup2 as b, leadingSm as Y, textSm as k, grayA11 as E, grayA12 as P, fontWeightSemibold as B, leadingLg as H, textLg as I, accentA8 as x, semAccentSoft as W, accentA11 as j, spacingElement1 as n, gray2 as _ } from "../../tokens/index.js";
+const d = A({
   overlay: {
     position: "fixed",
-    ...n.inset(0),
+    ...i.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%)",
@@ -32,27 +32,27 @@ const d = V({
     }
   },
   content: {
-    backgroundColor: H,
+    backgroundColor: _,
     position: "fixed",
     // v1's z-1300 is the overlay tier; no z-index token exists in this package.
     zIndex: 1300,
     display: "flex",
     flexDirection: "column",
-    ...n.gap(b),
-    ...n.borderRadius(U),
+    ...i.gap(b),
+    ...i.borderRadius(O),
     // v1 shadow-lg; elevation has no token in this package.
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a"
   },
   contentPadding: {
     // v1 p-3 is 0.75rem; no spacing token for 0.75rem exists in this package.
-    ...n.padding(x)
+    ...i.padding(h)
   },
   right: {
-    top: i,
-    bottom: i,
-    right: i,
+    top: n,
+    bottom: n,
+    right: n,
     height: "calc(100% - 0.5rem)",
-    ...n.borderLeft("1px", "solid", u),
+    ...i.borderLeft("1px", "solid", p),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -83,11 +83,11 @@ const d = V({
     }
   },
   left: {
-    top: i,
-    bottom: i,
-    left: i,
+    top: n,
+    bottom: n,
+    left: n,
     height: "calc(100% - 0.5rem)",
-    ...n.borderRight("1px", "solid", u),
+    ...i.borderRight("1px", "solid", p),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -118,11 +118,11 @@ const d = V({
     }
   },
   top: {
-    left: i,
-    right: i,
-    top: i,
+    left: n,
+    right: n,
+    top: n,
     width: "calc(100% - 0.5rem)",
-    ...n.borderBottom("1px", "solid", u),
+    ...i.borderBottom("1px", "solid", p),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -153,11 +153,11 @@ const d = V({
     }
   },
   bottom: {
-    left: i,
-    right: i,
-    bottom: i,
+    left: n,
+    right: n,
+    bottom: n,
     width: "calc(100% - 0.5rem)",
-    ...n.borderTop("1px", "solid", u),
+    ...i.borderTop("1px", "solid", p),
     "&[data-state='open']": {
       animationName: {
         from: {
@@ -192,27 +192,27 @@ const d = V({
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: N
+      outlineColor: x
     }
   },
   closeButton: {
     position: "absolute",
     // v1 top-3 is 0.75rem; no spacing token for 0.75rem exists in this package.
-    top: x,
+    top: h,
     right: b,
-    ...n.padding(w),
+    ...i.padding(g),
     // v1 rounded-full; no full-radius token exists in this package.
     borderRadius: "9999px",
     cursor: "pointer",
-    color: B,
+    color: j,
     ":hover": {
-      backgroundColor: P
+      backgroundColor: W
     },
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: N
+      outlineColor: x
     },
     ":disabled": {
       pointerEvents: "none"
@@ -228,26 +228,26 @@ const d = V({
     display: "flex",
     flexShrink: 0,
     flexDirection: "column",
-    ...n.gap(w),
+    ...i.gap(g),
     textAlign: "left"
   },
   footer: {
     marginTop: "auto",
     display: "flex",
     flexShrink: 0,
-    ...n.gap(w),
+    ...i.gap(g),
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: Y,
-    lineHeight: O,
-    fontWeight: A,
-    color: X
+    fontSize: I,
+    lineHeight: H,
+    fontWeight: B,
+    color: P
   },
   description: {
-    color: L,
-    fontSize: F,
-    lineHeight: z
+    color: E,
+    fontSize: k,
+    lineHeight: Y
   },
   srOnly: {
     position: "absolute",
@@ -259,291 +259,183 @@ const d = V({
     clip: "rect(0, 0, 0, 0)",
     whiteSpace: "nowrap"
   }
-}), I = s.forwardRef(
-  function(e, r) {
-    return /* @__PURE__ */ t.jsxDEV(
+}), G = s.forwardRef(
+  function(t, a) {
+    return /* @__PURE__ */ e(
       "svg",
       {
-        ref: r,
+        ref: a,
         width: "12",
         height: "12",
         viewBox: "0 0 9 9",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        ...e,
-        children: /* @__PURE__ */ t.jsxDEV(
+        ...t,
+        children: /* @__PURE__ */ e(
           "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/drawer/drawer.tsx",
-            lineNumber: 277,
-            columnNumber: 9
-          },
-          this
+          }
         )
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-        lineNumber: 268,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), K = s.forwardRef(
-  function(e, r) {
-    return /* @__PURE__ */ t.jsxDEV(y, { "data-slot": "drawer", ...e }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 290,
-      columnNumber: 12
-    }, this);
+), $ = s.forwardRef(
+  function(t, a) {
+    return /* @__PURE__ */ e(T, { "data-slot": "drawer", ...t });
   }
-), $ = s.forwardRef(function({ className: e, ...r }, a) {
-  return /* @__PURE__ */ t.jsxDEV(
-    R,
+), tt = s.forwardRef(function({ className: t, ...a }, o) {
+  return /* @__PURE__ */ e(
+    L,
     {
-      ref: a,
+      ref: o,
       "data-slot": "drawer-trigger",
-      [m]: "drawer-trigger",
-      className: e,
-      ...r
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 303,
-      columnNumber: 5
-    },
-    this
+      [c]: "drawer-trigger",
+      className: t,
+      ...a
+    }
   );
-}), ee = s.forwardRef(
-  function(e, r) {
-    return /* @__PURE__ */ t.jsxDEV(
-      T,
+}), at = s.forwardRef(
+  function(t, a) {
+    return /* @__PURE__ */ e(
+      z,
       {
         "data-slot": "drawer-portal",
-        [m]: "drawer-portal",
-        ...e
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-        lineNumber: 320,
-        columnNumber: 7
-      },
-      this
+        [c]: "drawer-portal",
+        ...t
+      }
     );
   }
-), re = s.forwardRef(function({ className: e, ...r }, a) {
-  const o = d();
-  return /* @__PURE__ */ t.jsxDEV(
-    E,
+), ot = s.forwardRef(function({ className: t, ...a }, o) {
+  const r = d();
+  return /* @__PURE__ */ e(
+    S,
     {
-      ref: a,
+      ref: o,
       "data-slot": "drawer-overlay",
-      [m]: "drawer-overlay",
-      className: c(o.overlay, e),
-      ...r
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 340,
-      columnNumber: 5
-    },
-    this
+      [c]: "drawer-overlay",
+      className: m(r.overlay, t),
+      ...a
+    }
   );
-}), ae = s.forwardRef(function({
-  className: e,
-  children: r,
-  showCloseButton: a = !0,
-  side: o = "right",
-  flush: p = !1,
-  ...v
-}, D) {
-  const f = d(), g = S();
-  return /* @__PURE__ */ t.jsxDEV(
-    C,
+}), rt = s.forwardRef(function({
+  className: t,
+  children: a,
+  showCloseButton: o = !0,
+  side: r = "right",
+  flush: u = !1,
+  ...C
+}, v) {
+  const f = d(), w = X();
+  return /* @__PURE__ */ y(
+    N,
     {
-      ref: D,
+      ref: v,
       "data-slot": "drawer-content",
-      [m]: "drawer-content",
-      ...g !== void 0 ? { "data-density": g } : {},
-      "data-side": o,
-      className: c(
+      [c]: "drawer-content",
+      ...w !== void 0 ? { "data-density": w } : {},
+      "data-side": r,
+      className: m(
         f.content,
-        f[o],
-        !p && f.contentPadding,
-        e
+        f[r],
+        !u && f.contentPadding,
+        t
       ),
-      ...v,
+      ...C,
       children: [
-        r,
-        a && /* @__PURE__ */ t.jsxDEV(
-          h,
+        a,
+        o && /* @__PURE__ */ y(
+          D,
           {
             "data-slot": "drawer-close",
-            [m]: "drawer-close",
+            [c]: "drawer-close",
             className: f.closeButton,
             children: [
-              /* @__PURE__ */ t.jsxDEV(I, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-                lineNumber: 400,
-                columnNumber: 11
-              }, this),
-              /* @__PURE__ */ t.jsxDEV("span", { className: f.srOnly, children: "Close" }, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-                lineNumber: 401,
-                columnNumber: 11
-              }, this)
+              /* @__PURE__ */ e(G, {}),
+              /* @__PURE__ */ e("span", { className: f.srOnly, children: "Close" })
             ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-            lineNumber: 395,
-            columnNumber: 9
-          },
-          this
+          }
         )
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 379,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), te = s.forwardRef(function({ className: e, children: r, ...a }, o) {
-  const p = d();
-  return /* @__PURE__ */ t.jsxDEV(
-    h,
+}), et = s.forwardRef(function({ className: t, children: a, ...o }, r) {
+  const u = d();
+  return /* @__PURE__ */ e(
+    D,
     {
-      ref: o,
+      ref: r,
       "data-slot": "drawer-close",
-      [m]: "drawer-close",
-      className: c(p.close, e),
-      ...a,
-      children: r
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 419,
-      columnNumber: 5
-    },
-    this
+      [c]: "drawer-close",
+      className: m(u.close, t),
+      ...o,
+      children: a
+    }
   );
-}), oe = s.forwardRef(
-  function({ className: e, ...r }, a) {
-    const o = d();
-    return /* @__PURE__ */ t.jsxDEV(
+}), nt = s.forwardRef(
+  function({ className: t, ...a }, o) {
+    const r = d();
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: a,
+        ref: o,
         "data-slot": "drawer-header",
-        [m]: "drawer-header",
-        className: c(o.header, e),
-        ...r
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-        lineNumber: 438,
-        columnNumber: 7
-      },
-      this
+        [c]: "drawer-header",
+        className: m(r.header, t),
+        ...a
+      }
     );
   }
-), ie = s.forwardRef(
-  function({ className: e, ...r }, a) {
-    const o = d();
-    return /* @__PURE__ */ t.jsxDEV(
+), it = s.forwardRef(
+  function({ className: t, ...a }, o) {
+    const r = d();
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: a,
+        ref: o,
         "data-slot": "drawer-footer",
-        [m]: "drawer-footer",
-        className: c(o.footer, e),
-        ...r
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-        lineNumber: 456,
-        columnNumber: 7
-      },
-      this
+        [c]: "drawer-footer",
+        className: m(r.footer, t),
+        ...a
+      }
     );
   }
-), ne = s.forwardRef(function({ className: e, ...r }, a) {
-  const o = d();
-  return /* @__PURE__ */ t.jsxDEV(
-    j,
+), st = s.forwardRef(function({ className: t, ...a }, o) {
+  const r = d();
+  return /* @__PURE__ */ e(
+    F,
     {
-      ref: a,
+      ref: o,
       "data-slot": "drawer-title",
-      [m]: "drawer-title",
-      className: c(o.title, e),
-      ...r
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 478,
-      columnNumber: 5
-    },
-    this
+      [c]: "drawer-title",
+      className: m(r.title, t),
+      ...a
+    }
   );
-}), se = s.forwardRef(function({ className: e, ...r }, a) {
-  const o = d();
-  return /* @__PURE__ */ t.jsxDEV(
-    k,
+}), lt = s.forwardRef(function({ className: t, ...a }, o) {
+  const r = d();
+  return /* @__PURE__ */ e(
+    R,
     {
-      ref: a,
+      ref: o,
       "data-slot": "drawer-description",
-      [m]: "drawer-description",
-      className: c(o.description, e),
-      ...r
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/drawer/drawer.tsx",
-      lineNumber: 499,
-      columnNumber: 5
-    },
-    this
+      [c]: "drawer-description",
+      className: m(r.description, t),
+      ...a
+    }
   );
 });
 export {
-  K as Drawer,
-  te as DrawerClose,
-  ae as DrawerContent,
-  se as DrawerDescription,
-  ie as DrawerFooter,
-  oe as DrawerHeader,
-  re as DrawerOverlay,
-  ee as DrawerPortal,
-  ne as DrawerTitle,
-  $ as DrawerTrigger
+  $ as Drawer,
+  et as DrawerClose,
+  rt as DrawerContent,
+  lt as DrawerDescription,
+  it as DrawerFooter,
+  nt as DrawerHeader,
+  ot as DrawerOverlay,
+  at as DrawerPortal,
+  st as DrawerTitle,
+  tt as DrawerTrigger
 };
 //# sourceMappingURL=drawer.js.map