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

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -1,12 +1,13 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import * as d from "react";
-import { Root as S, CheckboxItem as C, ItemIndicator as y, Portal as R, Content as D, Group as I, Item as M, Label as T, RadioGroup as v, RadioItem as k, Separator as N, Sub as q, SubContent as L, SubTrigger as A, Trigger as G } from "../../vendor/@radix-ui/react-dropdown-menu/dist/index.js";
-import { shorthands as g } 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 p } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as z } from "../../styles/make-styles.js";
-import { radiusMd as W, spacingElement2 as m, spacingElement1 as u, radiusXl as X, grayA11 as B, leadingXs as E, textXs as $, grayA3 as P, fontWeightSemibold as j, leadingSm as b, textSm as x, semAccentSoft as f, semErrorSoft as w, errorA8 as Y, errorA11 as _, grayA12 as F, body as H, accentA11 as Z } from "../../tokens/index.js";
-const O = (r) => /* @__PURE__ */ e(
+import { j as o } from "../../vendor/react/jsx-dev-runtime.js";
+import * as l from "react";
+import { Root as k, CheckboxItem as y, ItemIndicator as h, Portal as v, Content as R, Group as S, Item as C, Label as E, RadioGroup as j, RadioItem as I, Separator as M, Sub as T, SubContent as V, SubTrigger as U, Trigger as q } from "../../vendor/@radix-ui/react-dropdown-menu/dist/index.js";
+import { shorthands as f } 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 u } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { useDensity as D } from "../density-provider/density-provider.js";
+import { makeVoltStyles as L } from "../../styles/make-styles.js";
+import { radiusMd as A, spacingElement2 as d, spacingElement1 as c, radiusXl as G, grayA11 as z, leadingXs as W, textXs as X, grayA3 as B, fontWeightSemibold as $, leadingSm as b, textSm as N, semAccentSoft as w, semErrorSoft as g, errorA8 as P, errorA11 as Y, grayA12 as _, body as F, accentA11 as H } from "../../tokens/index.js";
+const Z = (t) => /* @__PURE__ */ o.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14,10 +15,22 @@ const O = (r) => /* @__PURE__ */ e(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...r,
-    children: /* @__PURE__ */ e("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
-  }
-), Q = (r) => /* @__PURE__ */ e(
+    ...t,
+    children: /* @__PURE__ */ o.jsxDEV("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 20,
+      columnNumber: 5
+    }, void 0)
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+    lineNumber: 12,
+    columnNumber: 3
+  },
+  void 0
+), O = (t) => /* @__PURE__ */ o.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -25,10 +38,22 @@ const O = (r) => /* @__PURE__ */ e(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...r,
-    children: /* @__PURE__ */ e("path", { d: "M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z" })
-  }
-), V = (r) => /* @__PURE__ */ e(
+    ...t,
+    children: /* @__PURE__ */ o.jsxDEV("path", { d: "M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z" }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 33,
+      columnNumber: 5
+    }, void 0)
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+    lineNumber: 25,
+    columnNumber: 3
+  },
+  void 0
+), Q = (t) => /* @__PURE__ */ o.jsxDEV(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -36,23 +61,35 @@ const O = (r) => /* @__PURE__ */ e(
     viewBox: "0 -960 960 960",
     width: "8px",
     fill: "currentColor",
-    ...r,
-    children: /* @__PURE__ */ e("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
-  }
-), l = z({
+    ...t,
+    children: /* @__PURE__ */ o.jsxDEV("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 46,
+      columnNumber: 5
+    }, void 0)
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+    lineNumber: 38,
+    columnNumber: 3
+  },
+  void 0
+), p = L({
   trigger: {
-    color: Z
+    color: H
   },
   portal: {
     display: "contents"
   },
   popup: {
-    backgroundColor: H,
-    color: F,
+    backgroundColor: F,
+    color: _,
     minWidth: "10rem",
     overflow: "hidden",
-    ...g.borderRadius(X),
-    ...g.padding(u),
+    ...f.borderRadius(G),
+    ...f.padding(c),
     // v1 shadow-lg
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     outlineStyle: "none",
@@ -70,7 +107,7 @@ const O = (r) => /* @__PURE__ */ e(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateY(-${m}) scale(0.95)`
+          transform: `translateY(-${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateY(0) scale(1)" }
       }
@@ -79,7 +116,7 @@ const O = (r) => /* @__PURE__ */ e(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateX(${m}) scale(0.95)`
+          transform: `translateX(${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateX(0) scale(1)" }
       }
@@ -88,7 +125,7 @@ const O = (r) => /* @__PURE__ */ e(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateX(-${m}) scale(0.95)`
+          transform: `translateX(-${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateX(0) scale(1)" }
       }
@@ -97,7 +134,7 @@ const O = (r) => /* @__PURE__ */ e(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateY(${m}) scale(0.95)`
+          transform: `translateY(${d}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateY(0) scale(1)" }
       }
@@ -117,26 +154,26 @@ const O = (r) => /* @__PURE__ */ e(
     cursor: "pointer",
     userSelect: "none",
     alignItems: "center",
-    ...g.gap(m),
-    ...g.borderRadius(W),
-    paddingLeft: m,
-    paddingRight: m,
+    ...f.gap(d),
+    ...f.borderRadius(A),
+    paddingLeft: d,
+    paddingRight: d,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: x,
+    fontSize: N,
     lineHeight: b,
     outlineStyle: "none",
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
     ":hover": {
-      backgroundColor: f
+      backgroundColor: w
     },
     ":focus-visible": {
-      backgroundColor: f
+      backgroundColor: w
     },
     "&[data-highlighted]": {
-      backgroundColor: f
+      backgroundColor: w
     },
     "&[data-disabled]": {
       pointerEvents: "none",
@@ -153,27 +190,27 @@ const O = (r) => /* @__PURE__ */ e(
     paddingLeft: "2rem"
   },
   itemDestructive: {
-    color: _,
+    color: Y,
     ":hover": {
-      backgroundColor: w
+      backgroundColor: g
     },
     ":focus-visible": {
-      backgroundColor: w,
+      backgroundColor: g,
       outlineWidth: "2px",
       outlineStyle: "solid",
-      outlineColor: Y
+      outlineColor: P
     },
     "&[data-highlighted]": {
-      backgroundColor: w
+      backgroundColor: g
     }
   },
   itemCheckboxRadio: {
     paddingLeft: "2rem",
-    paddingRight: m
+    paddingRight: d
   },
   itemIndicatorWrapper: {
     position: "absolute",
-    left: m,
+    left: d,
     display: "flex",
     height: "0.875rem",
     width: "0.875rem",
@@ -187,7 +224,7 @@ const O = (r) => /* @__PURE__ */ e(
   },
   subTrigger: {
     "&[data-state='open']": {
-      backgroundColor: f
+      backgroundColor: w
     }
   },
   subTriggerChevron: {
@@ -198,230 +235,376 @@ const O = (r) => /* @__PURE__ */ e(
     pointerEvents: "none"
   },
   label: {
-    paddingLeft: m,
-    paddingRight: m,
+    paddingLeft: d,
+    paddingRight: d,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: x,
+    fontSize: N,
     lineHeight: b,
-    fontWeight: j
+    fontWeight: $
   },
   separator: {
-    marginLeft: `calc(-1 * ${u})`,
-    marginRight: `calc(-1 * ${u})`,
-    marginTop: u,
-    marginBottom: u,
+    marginLeft: `calc(-1 * ${c})`,
+    marginRight: `calc(-1 * ${c})`,
+    marginTop: c,
+    marginBottom: c,
     height: "1px",
-    backgroundColor: P
+    backgroundColor: B
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: $,
-    lineHeight: E,
+    fontSize: X,
+    lineHeight: W,
     letterSpacing: "0.1em",
-    color: B
+    color: z
   }
-}), ro = d.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ e(S, { "data-slot": "dropdown-menu", ...o });
+}), ae = l.forwardRef(
+  function(e, r) {
+    return /* @__PURE__ */ o.jsxDEV(k, { "data-slot": "dropdown-menu", ...e }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 241,
+      columnNumber: 12
+    }, this);
   }
-), ao = d.forwardRef(function({ className: o, ...t }, n) {
-  const a = l();
-  return /* @__PURE__ */ e(
-    G,
+), se = l.forwardRef(function({ className: e, ...r }, n) {
+  const i = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    q,
     {
       ref: n,
       "data-slot": "dropdown-menu-trigger",
-      [c]: "dropdown-menu-trigger",
-      className: p(a.trigger, o),
-      ...t
-    }
+      [m]: "dropdown-menu-trigger",
+      className: u(i.trigger, e),
+      ...r
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 256,
+      columnNumber: 5
+    },
+    this
   );
-}), io = d.forwardRef(function({ className: o, ...t }, n) {
-  return /* @__PURE__ */ e(
-    I,
+}), le = l.forwardRef(function({ className: e, ...r }, n) {
+  return /* @__PURE__ */ o.jsxDEV(
+    S,
     {
       ref: n,
       "data-slot": "dropdown-menu-group",
-      [c]: "dropdown-menu-group",
-      className: o,
-      ...t
-    }
+      [m]: "dropdown-menu-group",
+      className: e,
+      ...r
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 275,
+      columnNumber: 5
+    },
+    this
   );
-}), so = d.forwardRef(function(o, t) {
-  return /* @__PURE__ */ e(
-    R,
+}), me = l.forwardRef(function(e, r) {
+  return /* @__PURE__ */ o.jsxDEV(
+    v,
     {
       "data-slot": "dropdown-menu-portal",
-      [c]: "dropdown-menu-portal",
-      ...o
-    }
+      [m]: "dropdown-menu-portal",
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 294,
+      columnNumber: 5
+    },
+    this
   );
-}), co = d.forwardRef(function(o, t) {
-  return /* @__PURE__ */ e(q, { "data-slot": "dropdown-menu-sub", ...o });
-}), mo = d.forwardRef(function({ className: o, ...t }, n) {
-  return /* @__PURE__ */ e(
-    v,
+}), de = l.forwardRef(function(e, r) {
+  return /* @__PURE__ */ o.jsxDEV(T, { "data-slot": "dropdown-menu-sub", ...e }, void 0, !1, {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+    lineNumber: 310,
+    columnNumber: 10
+  }, this);
+}), ue = l.forwardRef(function({ className: e, ...r }, n) {
+  return /* @__PURE__ */ o.jsxDEV(
+    j,
     {
       ref: n,
       "data-slot": "dropdown-menu-radio-group",
-      [c]: "dropdown-menu-radio-group",
-      className: o,
-      ...t
-    }
+      [m]: "dropdown-menu-radio-group",
+      className: e,
+      ...r
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 322,
+      columnNumber: 5
+    },
+    this
   );
-}), po = d.forwardRef(function({ className: o, inset: t, children: n, ...a }, i) {
-  const s = l();
-  return /* @__PURE__ */ h(
-    A,
+}), pe = l.forwardRef(function({ className: e, inset: r, children: n, ...i }, a) {
+  const s = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    U,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dropdown-menu-sub-trigger",
-      [c]: "dropdown-menu-sub-trigger",
-      className: p(
+      [m]: "dropdown-menu-sub-trigger",
+      className: u(
         s.item,
         s.subTrigger,
-        t && s.itemInset,
-        o
+        r && s.itemInset,
+        e
       ),
-      ...a,
+      ...i,
       children: [
         n,
-        /* @__PURE__ */ e(Q, { className: s.subTriggerChevron })
+        /* @__PURE__ */ o.jsxDEV(O, { className: s.subTriggerChevron }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 361,
+          columnNumber: 7
+        }, this)
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 348,
+      columnNumber: 5
+    },
+    this
   );
-}), lo = d.forwardRef(function({ className: o, ...t }, n) {
-  const a = l();
-  return /* @__PURE__ */ e(
-    L,
+}), ce = l.forwardRef(function({ className: e, ...r }, n) {
+  const i = p(), a = D();
+  return /* @__PURE__ */ o.jsxDEV(
+    V,
     {
       ref: n,
       "data-slot": "dropdown-menu-sub-content",
-      [c]: "dropdown-menu-sub-content",
-      className: p(a.popup, o),
-      ...t
-    }
+      [m]: "dropdown-menu-sub-content",
+      ...a !== void 0 ? { "data-density": a } : {},
+      className: u(i.popup, e),
+      ...r
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 382,
+      columnNumber: 5
+    },
+    this
   );
-}), uo = d.forwardRef(function({ className: o, sideOffset: t = 4, container: n, ...a }, i) {
-  const s = l();
-  return /* @__PURE__ */ e(R, { container: n, children: /* @__PURE__ */ e(
-    D,
+}), fe = l.forwardRef(function({ className: e, sideOffset: r = 4, container: n, ...i }, a) {
+  const s = p(), x = D();
+  return /* @__PURE__ */ o.jsxDEV(v, { container: n, children: /* @__PURE__ */ o.jsxDEV(
+    R,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dropdown-menu-content",
-      [c]: "dropdown-menu-content",
-      sideOffset: t,
-      className: p(s.popup, o),
-      ...a
-    }
-  ) });
-}), go = d.forwardRef(function({ className: o, inset: t, destructive: n, ...a }, i) {
-  const s = l();
-  return /* @__PURE__ */ e(
-    M,
+      [m]: "dropdown-menu-content",
+      ...x !== void 0 ? { "data-density": x } : {},
+      sideOffset: r,
+      className: u(s.popup, e),
+      ...i
+    },
+    void 0,
+    !1,
     {
-      ref: i,
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 414,
+      columnNumber: 7
+    },
+    this
+  ) }, void 0, !1, {
+    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+    lineNumber: 413,
+    columnNumber: 5
+  }, this);
+}), we = l.forwardRef(function({ className: e, inset: r, destructive: n, ...i }, a) {
+  const s = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    C,
+    {
+      ref: a,
       "data-slot": "dropdown-menu-item",
-      [c]: "dropdown-menu-item",
-      className: p(
+      [m]: "dropdown-menu-item",
+      className: u(
         s.item,
-        t && s.itemInset,
+        r && s.itemInset,
         n && s.itemDestructive,
-        o
+        e
       ),
-      ...a
-    }
+      ...i
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 441,
+      columnNumber: 5
+    },
+    this
   );
-}), fo = d.forwardRef(function({ className: o, children: t, checked: n, ...a }, i) {
-  const s = l();
-  return /* @__PURE__ */ h(
-    C,
+}), ge = l.forwardRef(function({ className: e, children: r, checked: n, ...i }, a) {
+  const s = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    y,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dropdown-menu-checkbox-item",
-      [c]: "dropdown-menu-checkbox-item",
-      className: p(s.item, s.itemCheckboxRadio, o),
+      [m]: "dropdown-menu-checkbox-item",
+      className: u(s.item, s.itemCheckboxRadio, e),
       checked: n,
-      ...a,
+      ...i,
       children: [
-        /* @__PURE__ */ e("span", { className: s.itemIndicatorWrapper, children: /* @__PURE__ */ e(y, { className: s.itemIndicator, children: /* @__PURE__ */ e(O, {}) }) }),
-        t
+        /* @__PURE__ */ o.jsxDEV("span", { className: s.itemIndicatorWrapper, children: /* @__PURE__ */ o.jsxDEV(h, { className: s.itemIndicator, children: /* @__PURE__ */ o.jsxDEV(Z, {}, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 480,
+          columnNumber: 11
+        }, this) }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 479,
+          columnNumber: 9
+        }, this) }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 478,
+          columnNumber: 7
+        }, this),
+        r
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 470,
+      columnNumber: 5
+    },
+    this
   );
-}), wo = d.forwardRef(function({ className: o, children: t, ...n }, a) {
-  const i = l();
-  return /* @__PURE__ */ h(
-    k,
+}), xe = l.forwardRef(function({ className: e, children: r, ...n }, i) {
+  const a = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    I,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dropdown-menu-radio-item",
-      [c]: "dropdown-menu-radio-item",
-      className: p(i.item, i.itemCheckboxRadio, o),
+      [m]: "dropdown-menu-radio-item",
+      className: u(a.item, a.itemCheckboxRadio, e),
       ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: i.itemIndicatorWrapper, children: /* @__PURE__ */ e(y, { className: i.itemIndicator, children: /* @__PURE__ */ e(V, {}) }) }),
-        t
+        /* @__PURE__ */ o.jsxDEV("span", { className: a.itemIndicatorWrapper, children: /* @__PURE__ */ o.jsxDEV(h, { className: a.itemIndicator, children: /* @__PURE__ */ o.jsxDEV(Q, {}, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 508,
+          columnNumber: 11
+        }, this) }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 507,
+          columnNumber: 9
+        }, this) }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+          lineNumber: 506,
+          columnNumber: 7
+        }, this),
+        r
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 499,
+      columnNumber: 5
+    },
+    this
   );
-}), ho = d.forwardRef(function({ className: o, inset: t, ...n }, a) {
-  const i = l();
-  return /* @__PURE__ */ e(
-    T,
+}), be = l.forwardRef(function({ className: e, inset: r, ...n }, i) {
+  const a = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    E,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dropdown-menu-label",
-      [c]: "dropdown-menu-label",
-      className: p(
-        i.label,
-        t && i.itemInset,
-        o
+      [m]: "dropdown-menu-label",
+      className: u(
+        a.label,
+        r && a.itemInset,
+        e
       ),
       ...n
-    }
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 529,
+      columnNumber: 5
+    },
+    this
   );
-}), bo = d.forwardRef(function({ className: o, ...t }, n) {
-  const a = l();
-  return /* @__PURE__ */ e(
-    N,
+}), Ne = l.forwardRef(function({ className: e, ...r }, n) {
+  const i = p();
+  return /* @__PURE__ */ o.jsxDEV(
+    M,
     {
       ref: n,
       "data-slot": "dropdown-menu-separator",
-      [c]: "dropdown-menu-separator",
-      className: p(a.separator, o),
-      ...t
-    }
+      [m]: "dropdown-menu-separator",
+      className: u(i.separator, e),
+      ...r
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 554,
+      columnNumber: 5
+    },
+    this
   );
-}), xo = d.forwardRef(function({ className: o, ...t }, n) {
-  const a = l();
-  return /* @__PURE__ */ e(
+}), he = l.forwardRef(function({ className: e, ...r }, n) {
+  const i = p();
+  return /* @__PURE__ */ o.jsxDEV(
     "span",
     {
       ref: n,
       "data-slot": "dropdown-menu-shortcut",
-      [c]: "dropdown-menu-shortcut",
-      className: p(a.shortcut, o),
-      ...t
-    }
+      [m]: "dropdown-menu-shortcut",
+      className: u(i.shortcut, e),
+      ...r
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dropdown-menu/dropdown-menu.tsx",
+      lineNumber: 573,
+      columnNumber: 5
+    },
+    this
   );
 });
 export {
-  ro as DropdownMenu,
-  fo as DropdownMenuCheckboxItem,
-  uo as DropdownMenuContent,
-  io as DropdownMenuGroup,
-  go as DropdownMenuItem,
-  ho as DropdownMenuLabel,
-  so as DropdownMenuPortal,
-  mo as DropdownMenuRadioGroup,
-  wo as DropdownMenuRadioItem,
-  bo as DropdownMenuSeparator,
-  xo as DropdownMenuShortcut,
-  co as DropdownMenuSub,
-  lo as DropdownMenuSubContent,
-  po as DropdownMenuSubTrigger,
-  ao as DropdownMenuTrigger
+  ae as DropdownMenu,
+  ge as DropdownMenuCheckboxItem,
+  fe as DropdownMenuContent,
+  le as DropdownMenuGroup,
+  we as DropdownMenuItem,
+  be as DropdownMenuLabel,
+  me as DropdownMenuPortal,
+  ue as DropdownMenuRadioGroup,
+  xe as DropdownMenuRadioItem,
+  Ne as DropdownMenuSeparator,
+  he as DropdownMenuShortcut,
+  de as DropdownMenuSub,
+  ce as DropdownMenuSubContent,
+  pe as DropdownMenuSubTrigger,
+  se as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map