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

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

@@ -1,13 +1,13 @@
-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(
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as D, CheckboxItem as I, ItemIndicator as R, Portal as S, Content as M, Group as T, Item as v, Label as k, RadioGroup as N, RadioItem as q, Separator as L, Sub as A, SubContent as G, SubTrigger as z, Trigger as W } 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 { useDensity as C } from "../density-provider/density-provider.js";
+import { makeVoltStyles as X } from "../../styles/make-styles.js";
+import { radiusMd as B, spacingElement2 as m, spacingElement1 as u, radiusXl as E, grayA11 as $, leadingXs as P, textXs as j, grayA3 as Y, fontWeightSemibold as _, leadingSm as x, textSm as y, semAccentSoft as f, semErrorSoft as w, errorA8 as F, errorA11 as H, grayA12 as Z, body as O, accentA11 as Q } from "../../tokens/index.js";
+const V = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15,22 +15,10 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...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(
+    ...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" })
+  }
+), J = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -38,22 +26,10 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...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(
+    ...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" })
+  }
+), K = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -61,35 +37,23 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "8px",
     fill: "currentColor",
-    ...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({
+    ...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 = X({
   trigger: {
-    color: H
+    color: Q
   },
   portal: {
     display: "contents"
   },
   popup: {
-    backgroundColor: F,
-    color: _,
+    backgroundColor: O,
+    color: Z,
     minWidth: "10rem",
     overflow: "hidden",
-    ...f.borderRadius(G),
-    ...f.padding(c),
+    ...g.borderRadius(E),
+    ...g.padding(u),
     // v1 shadow-lg
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     outlineStyle: "none",
@@ -107,7 +71,7 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateY(-${d}) scale(0.95)`
+          transform: `translateY(-${m}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateY(0) scale(1)" }
       }
@@ -116,7 +80,7 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateX(${d}) scale(0.95)`
+          transform: `translateX(${m}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateX(0) scale(1)" }
       }
@@ -125,7 +89,7 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateX(-${d}) scale(0.95)`
+          transform: `translateX(-${m}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateX(0) scale(1)" }
       }
@@ -134,7 +98,7 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
       animationName: {
         from: {
           opacity: 0,
-          transform: `translateY(${d}) scale(0.95)`
+          transform: `translateY(${m}) scale(0.95)`
         },
         to: { opacity: 1, transform: "translateY(0) scale(1)" }
       }
@@ -154,26 +118,26 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
     cursor: "pointer",
     userSelect: "none",
     alignItems: "center",
-    ...f.gap(d),
-    ...f.borderRadius(A),
-    paddingLeft: d,
-    paddingRight: d,
+    ...g.gap(m),
+    ...g.borderRadius(B),
+    paddingLeft: m,
+    paddingRight: m,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: N,
-    lineHeight: b,
+    fontSize: y,
+    lineHeight: x,
     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: w
+      backgroundColor: f
     },
     ":focus-visible": {
-      backgroundColor: w
+      backgroundColor: f
     },
     "&[data-highlighted]": {
-      backgroundColor: w
+      backgroundColor: f
     },
     "&[data-disabled]": {
       pointerEvents: "none",
@@ -190,27 +154,27 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
     paddingLeft: "2rem"
   },
   itemDestructive: {
-    color: Y,
+    color: H,
     ":hover": {
-      backgroundColor: g
+      backgroundColor: w
     },
     ":focus-visible": {
-      backgroundColor: g,
+      backgroundColor: w,
       outlineWidth: "2px",
       outlineStyle: "solid",
-      outlineColor: P
+      outlineColor: F
     },
     "&[data-highlighted]": {
-      backgroundColor: g
+      backgroundColor: w
     }
   },
   itemCheckboxRadio: {
     paddingLeft: "2rem",
-    paddingRight: d
+    paddingRight: m
   },
   itemIndicatorWrapper: {
     position: "absolute",
-    left: d,
+    left: m,
     display: "flex",
     height: "0.875rem",
     width: "0.875rem",
@@ -224,7 +188,7 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
   },
   subTrigger: {
     "&[data-state='open']": {
-      backgroundColor: w
+      backgroundColor: f
     }
   },
   subTriggerChevron: {
@@ -235,376 +199,232 @@ const Z = (t) => /* @__PURE__ */ o.jsxDEV(
     pointerEvents: "none"
   },
   label: {
-    paddingLeft: d,
-    paddingRight: d,
+    paddingLeft: m,
+    paddingRight: m,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: N,
-    lineHeight: b,
-    fontWeight: $
+    fontSize: y,
+    lineHeight: x,
+    fontWeight: _
   },
   separator: {
-    marginLeft: `calc(-1 * ${c})`,
-    marginRight: `calc(-1 * ${c})`,
-    marginTop: c,
-    marginBottom: c,
+    marginLeft: `calc(-1 * ${u})`,
+    marginRight: `calc(-1 * ${u})`,
+    marginTop: u,
+    marginBottom: u,
     height: "1px",
-    backgroundColor: B
+    backgroundColor: Y
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: X,
-    lineHeight: W,
+    fontSize: j,
+    lineHeight: P,
     letterSpacing: "0.1em",
-    color: z
+    color: $
   }
-}), 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);
+}), so = s.forwardRef(
+  function(o, t) {
+    return /* @__PURE__ */ e(D, { "data-slot": "dropdown-menu", ...o });
   }
-), se = l.forwardRef(function({ className: e, ...r }, n) {
-  const i = p();
-  return /* @__PURE__ */ o.jsxDEV(
-    q,
+), co = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
+  return /* @__PURE__ */ e(
+    W,
     {
       ref: n,
       "data-slot": "dropdown-menu-trigger",
-      [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
+      [c]: "dropdown-menu-trigger",
+      className: p(a.trigger, o),
+      ...t
+    }
   );
-}), le = l.forwardRef(function({ className: e, ...r }, n) {
-  return /* @__PURE__ */ o.jsxDEV(
-    S,
+}), mo = s.forwardRef(function({ className: o, ...t }, n) {
+  return /* @__PURE__ */ e(
+    T,
     {
       ref: n,
       "data-slot": "dropdown-menu-group",
-      [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
+      [c]: "dropdown-menu-group",
+      className: o,
+      ...t
+    }
   );
-}), me = l.forwardRef(function(e, r) {
-  return /* @__PURE__ */ o.jsxDEV(
-    v,
+}), po = s.forwardRef(function(o, t) {
+  return /* @__PURE__ */ e(
+    S,
     {
       "data-slot": "dropdown-menu-portal",
-      [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
+      [c]: "dropdown-menu-portal",
+      ...o
+    }
   );
-}), 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,
+}), lo = s.forwardRef(function(o, t) {
+  return /* @__PURE__ */ e(A, { "data-slot": "dropdown-menu-sub", ...o });
+}), uo = s.forwardRef(function({ className: o, ...t }, n) {
+  return /* @__PURE__ */ e(
+    N,
     {
       ref: n,
       "data-slot": "dropdown-menu-radio-group",
-      [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
+      [c]: "dropdown-menu-radio-group",
+      className: o,
+      ...t
+    }
   );
-}), pe = l.forwardRef(function({ className: e, inset: r, children: n, ...i }, a) {
-  const s = p();
-  return /* @__PURE__ */ o.jsxDEV(
-    U,
+}), go = s.forwardRef(function({ className: o, inset: t, children: n, ...a }, i) {
+  const d = l();
+  return /* @__PURE__ */ h(
+    z,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dropdown-menu-sub-trigger",
-      [m]: "dropdown-menu-sub-trigger",
-      className: u(
-        s.item,
-        s.subTrigger,
-        r && s.itemInset,
-        e
+      [c]: "dropdown-menu-sub-trigger",
+      className: p(
+        d.item,
+        d.subTrigger,
+        t && d.itemInset,
+        o
       ),
-      ...i,
+      ...a,
       children: [
         n,
-        /* @__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)
+        /* @__PURE__ */ e(J, { className: d.subTriggerChevron })
       ]
-    },
-    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
+    }
   );
-}), ce = l.forwardRef(function({ className: e, ...r }, n) {
-  const i = p(), a = D();
-  return /* @__PURE__ */ o.jsxDEV(
-    V,
+}), fo = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = l(), i = C();
+  return /* @__PURE__ */ e(
+    G,
     {
       ref: n,
       "data-slot": "dropdown-menu-sub-content",
-      [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
+      [c]: "dropdown-menu-sub-content",
+      ...i !== void 0 ? { "data-density": i } : {},
+      className: p(a.popup, o),
+      ...t
+    }
   );
-}), 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,
+}), wo = s.forwardRef(function({ className: o, sideOffset: t = 4, container: n, ...a }, i) {
+  const d = l(), b = C();
+  return /* @__PURE__ */ e(S, { container: n, children: /* @__PURE__ */ e(
+    M,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dropdown-menu-content",
-      [m]: "dropdown-menu-content",
-      ...x !== void 0 ? { "data-density": x } : {},
-      sideOffset: r,
-      className: u(s.popup, e),
-      ...i
-    },
-    void 0,
-    !1,
-    {
-      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,
+      [c]: "dropdown-menu-content",
+      ...b !== void 0 ? { "data-density": b } : {},
+      sideOffset: t,
+      className: p(d.popup, o),
+      ...a
+    }
+  ) });
+}), ho = s.forwardRef(function({ className: o, inset: t, destructive: n, ...a }, i) {
+  const d = l();
+  return /* @__PURE__ */ e(
+    v,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dropdown-menu-item",
-      [m]: "dropdown-menu-item",
-      className: u(
-        s.item,
-        r && s.itemInset,
-        n && s.itemDestructive,
-        e
+      [c]: "dropdown-menu-item",
+      className: p(
+        d.item,
+        t && d.itemInset,
+        n && d.itemDestructive,
+        o
       ),
-      ...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
+      ...a
+    }
   );
-}), ge = l.forwardRef(function({ className: e, children: r, checked: n, ...i }, a) {
-  const s = p();
-  return /* @__PURE__ */ o.jsxDEV(
-    y,
+}), bo = s.forwardRef(function({ className: o, children: t, checked: n, ...a }, i) {
+  const d = l();
+  return /* @__PURE__ */ h(
+    I,
     {
-      ref: a,
+      ref: i,
       "data-slot": "dropdown-menu-checkbox-item",
-      [m]: "dropdown-menu-checkbox-item",
-      className: u(s.item, s.itemCheckboxRadio, e),
+      [c]: "dropdown-menu-checkbox-item",
+      className: p(d.item, d.itemCheckboxRadio, o),
       checked: n,
-      ...i,
+      ...a,
       children: [
-        /* @__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
+        /* @__PURE__ */ e("span", { className: d.itemIndicatorWrapper, children: /* @__PURE__ */ e(R, { className: d.itemIndicator, children: /* @__PURE__ */ e(V, {}) }) }),
+        t
       ]
-    },
-    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
+    }
   );
-}), xe = l.forwardRef(function({ className: e, children: r, ...n }, i) {
-  const a = p();
-  return /* @__PURE__ */ o.jsxDEV(
-    I,
+}), xo = s.forwardRef(function({ className: o, children: t, ...n }, a) {
+  const i = l();
+  return /* @__PURE__ */ h(
+    q,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dropdown-menu-radio-item",
-      [m]: "dropdown-menu-radio-item",
-      className: u(a.item, a.itemCheckboxRadio, e),
+      [c]: "dropdown-menu-radio-item",
+      className: p(i.item, i.itemCheckboxRadio, o),
       ...n,
       children: [
-        /* @__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
+        /* @__PURE__ */ e("span", { className: i.itemIndicatorWrapper, children: /* @__PURE__ */ e(R, { className: i.itemIndicator, children: /* @__PURE__ */ e(K, {}) }) }),
+        t
       ]
-    },
-    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
+    }
   );
-}), be = l.forwardRef(function({ className: e, inset: r, ...n }, i) {
-  const a = p();
-  return /* @__PURE__ */ o.jsxDEV(
-    E,
+}), yo = s.forwardRef(function({ className: o, inset: t, ...n }, a) {
+  const i = l();
+  return /* @__PURE__ */ e(
+    k,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dropdown-menu-label",
-      [m]: "dropdown-menu-label",
-      className: u(
-        a.label,
-        r && a.itemInset,
-        e
+      [c]: "dropdown-menu-label",
+      className: p(
+        i.label,
+        t && i.itemInset,
+        o
       ),
       ...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
+    }
   );
-}), Ne = l.forwardRef(function({ className: e, ...r }, n) {
-  const i = p();
-  return /* @__PURE__ */ o.jsxDEV(
-    M,
+}), Ro = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
+  return /* @__PURE__ */ e(
+    L,
     {
       ref: n,
       "data-slot": "dropdown-menu-separator",
-      [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
+      [c]: "dropdown-menu-separator",
+      className: p(a.separator, o),
+      ...t
+    }
   );
-}), he = l.forwardRef(function({ className: e, ...r }, n) {
-  const i = p();
-  return /* @__PURE__ */ o.jsxDEV(
+}), So = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
+  return /* @__PURE__ */ e(
     "span",
     {
       ref: n,
       "data-slot": "dropdown-menu-shortcut",
-      [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
+      [c]: "dropdown-menu-shortcut",
+      className: p(a.shortcut, o),
+      ...t
+    }
   );
 });
 export {
-  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
+  so as DropdownMenu,
+  bo as DropdownMenuCheckboxItem,
+  wo as DropdownMenuContent,
+  mo as DropdownMenuGroup,
+  ho as DropdownMenuItem,
+  yo as DropdownMenuLabel,
+  po as DropdownMenuPortal,
+  uo as DropdownMenuRadioGroup,
+  xo as DropdownMenuRadioItem,
+  Ro as DropdownMenuSeparator,
+  So as DropdownMenuShortcut,
+  lo as DropdownMenuSub,
+  fo as DropdownMenuSubContent,
+  go as DropdownMenuSubTrigger,
+  co as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map