@rafal.lemieszewski/tide-ui 0.90.0 → 0.90.1

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

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import * as n from "react";
 import * as i from "@radix-ui/react-dropdown-menu";
-import { ChevronLeft as z, ChevronRight as h, Check as g, Circle as w } from "lucide-react";
+import { ChevronLeft as j, Check as g, Circle as w, ChevronRight as h } from "lucide-react";
 import { cn as u } from "../../lib/utils.js";
-import { useIsDesktop as j } from "../../lib/hooks.js";
-import { Drawer as _, DrawerTrigger as P, DrawerContent as B, DrawerClose as y } from "./drawer.js";
+import { useIsDesktop as _ } from "../../lib/hooks.js";
+import { Drawer as P, DrawerTrigger as G, DrawerContent as B, DrawerClose as y } from "./drawer.js";
 import { Icon as x } from "./icon.js";
-const W = i.Root, $ = i.Trigger, ie = i.Group, E = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, children: e, ...a }, s) => /* @__PURE__ */ v(
+const V = i.Root, W = i.Trigger, ce = i.Group, $ = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, children: e, ...a }, s) => /* @__PURE__ */ v(
   i.SubTrigger,
   {
     ref: s,
@@ -22,8 +22,8 @@ const W = i.Root, $ = i.Trigger, ie = i.Group, E = /* @__PURE__ */ n.forwardRef(
     ]
   }
 ));
-E.displayName = i.SubTrigger.displayName;
-const G = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r(
+$.displayName = i.SubTrigger.displayName;
+const E = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r(
   i.SubContent,
   {
     ref: e,
@@ -34,8 +34,8 @@ const G = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE
     ...o
   }
 ));
-G.displayName = i.SubContent.displayName;
-const k = /* @__PURE__ */ n.forwardRef(({ className: t, sideOffset: o = 4, ...e }, a) => /* @__PURE__ */ r(i.Portal, { children: /* @__PURE__ */ r(
+E.displayName = i.SubContent.displayName;
+const D = /* @__PURE__ */ n.forwardRef(({ className: t, sideOffset: o = 4, ...e }, a) => /* @__PURE__ */ r(i.Portal, { children: /* @__PURE__ */ r(
   i.Content,
   {
     ref: a,
@@ -47,8 +47,8 @@ const k = /* @__PURE__ */ n.forwardRef(({ className: t, sideOffset: o = 4, ...e
     ...e
   }
 ) }));
-k.displayName = i.Content.displayName;
-const N = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e, icon: a, children: s, ...l }, c) => /* @__PURE__ */ v(
+D.displayName = i.Content.displayName;
+const C = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e, icon: a, children: s, ...l }, c) => /* @__PURE__ */ v(
   i.Item,
   {
     ref: c,
@@ -65,8 +65,8 @@ const N = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e
     ]
   }
 ));
-N.displayName = i.Item.displayName;
-const V = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e, ...a }, s) => /* @__PURE__ */ v(
+C.displayName = i.Item.displayName;
+const A = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e, ...a }, s) => /* @__PURE__ */ v(
   i.CheckboxItem,
   {
     ref: s,
@@ -83,8 +83,8 @@ const V = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e,
     ]
   }
 ));
-V.displayName = i.CheckboxItem.displayName;
-const A = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, ...e }, a) => /* @__PURE__ */ v(
+A.displayName = i.CheckboxItem.displayName;
+const H = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, ...e }, a) => /* @__PURE__ */ v(
   i.RadioItem,
   {
     ref: a,
@@ -100,8 +100,8 @@ const A = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, ...e }, a)
     ]
   }
 ));
-A.displayName = i.RadioItem.displayName;
-const H = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) => /* @__PURE__ */ r(
+H.displayName = i.RadioItem.displayName;
+const X = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) => /* @__PURE__ */ r(
   i.Label,
   {
     ref: a,
@@ -113,8 +113,8 @@ const H = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) =>
     ...e
   }
 ));
-H.displayName = i.Label.displayName;
-const X = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r(
+X.displayName = i.Label.displayName;
+const q = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r(
   i.Separator,
   {
     ref: e,
@@ -122,8 +122,19 @@ const X = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE
     ...o
   }
 ));
-X.displayName = i.Separator.displayName;
-const D = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e, icon: a, autoClose: s = !0, onSelect: l, children: c, ...m }, d) => {
+q.displayName = i.Separator.displayName;
+const F = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ r(
+  "span",
+  {
+    className: u("text-caption-sm ml-auto tracking-widest text-[var(--color-text-tertiary)]", t),
+    ...o
+  }
+);
+F.displayName = "DropdownMenuShortcut";
+const M = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e, icon: a, autoClose: s = !0, onSelect: l, children: c, ...m }, d) => {
   const b = /* @__PURE__ */ v(
     "div",
     {
@@ -146,8 +157,8 @@ const D = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e
   );
   return s ? /* @__PURE__ */ r(y, { asChild: !0, children: b }) : b;
 });
-D.displayName = "MobileDropdownItem";
-const C = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e, autoClose: a = !1, onCheckedChange: s, ...l }, c) => {
+M.displayName = "MobileDropdownItem";
+const R = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e, autoClose: a = !1, onCheckedChange: s, ...l }, c) => {
   const m = /* @__PURE__ */ v(
     "div",
     {
@@ -169,8 +180,8 @@ const C = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e,
   );
   return a ? /* @__PURE__ */ r(y, { asChild: !0, children: m }) : m;
 });
-C.displayName = "MobileDropdownCheckboxItem";
-const M = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, checked: a, icon: s, autoClose: l = !0, onRadioSelect: c, ...m }, d) => {
+R.displayName = "MobileDropdownCheckboxItem";
+const I = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, checked: a, icon: s, autoClose: l = !0, onRadioSelect: c, ...m }, d) => {
   const b = /* @__PURE__ */ v(
     "div",
     {
@@ -196,8 +207,8 @@ const M = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, c
   );
   return l ? /* @__PURE__ */ r(y, { asChild: !0, children: b }) : b;
 });
-M.displayName = "MobileDropdownRadioItem";
-const R = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) => /* @__PURE__ */ r(
+I.displayName = "MobileDropdownRadioItem";
+const S = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
@@ -209,8 +220,8 @@ const R = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) =>
     ...e
   }
 ));
-R.displayName = "MobileDropdownLabel";
-const I = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r(
+S.displayName = "MobileDropdownLabel";
+const L = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r(
   "div",
   {
     ref: e,
@@ -219,14 +230,14 @@ const I = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => /* @__PURE
     ...o
   }
 ));
-I.displayName = "MobileDropdownSeparator";
-const p = n.createContext({ isDesktop: !0 }), ce = ({ children: t }) => {
-  const o = j(), e = n.useMemo(() => ({ isDesktop: o }), [o]);
-  return o ? /* @__PURE__ */ r(p.Provider, { value: e, children: /* @__PURE__ */ r(W, { children: t }) }) : /* @__PURE__ */ r(p.Provider, { value: e, children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(_, { children: t }) }) });
-}, q = /* @__PURE__ */ n.forwardRef(({ className: t, sideOffset: o = 4, children: e, ...a }, s) => {
+L.displayName = "MobileDropdownSeparator";
+const p = n.createContext({ isDesktop: !0 }), ue = ({ children: t }) => {
+  const o = _(), e = n.useMemo(() => ({ isDesktop: o }), [o]);
+  return o ? /* @__PURE__ */ r(p.Provider, { value: e, children: /* @__PURE__ */ r(V, { children: t }) }) : /* @__PURE__ */ r(p.Provider, { value: e, children: /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(P, { children: t }) }) });
+}, J = /* @__PURE__ */ n.forwardRef(({ className: t, sideOffset: o = 4, children: e, ...a }, s) => {
   const { isDesktop: l } = n.useContext(p);
   return l ? /* @__PURE__ */ r(
-    k,
+    D,
     {
       ref: s,
       sideOffset: o,
@@ -245,17 +256,17 @@ const p = n.createContext({ isDesktop: !0 }), ce = ({ children: t }) => {
       ),
       ...a,
       children: [
-        /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r("div", { className: "space-y-[var(--space-xs)] px-[var(--space-m)] pt-[var(--space-s)] pb-[var(--space-m)]", children: e }) }),
+        /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r("div", { className: "space-y-[var(--space-xs)] px-[var(--space-m)] pt-[var(--space-s)] pb-[var(--space-m)]", children: e }) }),
         /* @__PURE__ */ r("div", { className: "h-[env(safe-area-inset-bottom)] pb-1" })
       ]
     }
   );
 });
-q.displayName = "ResponsiveDropdownMenuContent";
-const F = /* @__PURE__ */ n.forwardRef(({ asChild: t, children: o, ...e }, a) => {
+J.displayName = "ResponsiveDropdownMenuContent";
+const K = /* @__PURE__ */ n.forwardRef(({ asChild: t, children: o, ...e }, a) => {
   const { isDesktop: s } = n.useContext(p);
   if (s)
-    return /* @__PURE__ */ r($, { ref: a, asChild: t, ...e, children: o });
+    return /* @__PURE__ */ r(W, { ref: a, asChild: t, ...e, children: o });
   const l = t ? {} : {
     style: {
       touchAction: "manipulation",
@@ -264,7 +275,7 @@ const F = /* @__PURE__ */ n.forwardRef(({ asChild: t, children: o, ...e }, a) =>
     }
   };
   return /* @__PURE__ */ r(
-    P,
+    G,
     {
       ref: a,
       asChild: t,
@@ -274,8 +285,8 @@ const F = /* @__PURE__ */ n.forwardRef(({ asChild: t, children: o, ...e }, a) =>
     }
   );
 });
-F.displayName = "ResponsiveDropdownMenuTrigger";
-const J = n.createContext({}), S = n.createContext({
+K.displayName = "ResponsiveDropdownMenuTrigger";
+const T = n.createContext({}), k = n.createContext({
   navigationState: { levels: [], currentLevelIndex: 0, isTransitioning: !1 },
   navigateToSubmenu: () => {
   },
@@ -284,7 +295,7 @@ const J = n.createContext({}), S = n.createContext({
   registerMenuLevel: () => {
   },
   isCurrentLevel: () => !1
-}), L = n.createContext({
+}), N = n.createContext({
   submenuContent: null,
   submenuTitle: "",
   setSubmenuContent: () => {
@@ -293,19 +304,19 @@ const J = n.createContext({}), S = n.createContext({
   },
   triggerNavigation: () => {
   }
-}), K = ({ children: t }) => {
+}), O = ({ children: t }) => {
   const [o, e] = n.useState({
     levels: [],
     currentLevelIndex: 0,
     isTransitioning: !1
   }), a = n.useCallback((d, b) => {
     e((f) => {
-      const T = {
+      const z = {
         id: `${b}-${Date.now()}`,
         ...d
       };
       return {
-        levels: [...f.levels, T],
+        levels: [...f.levels, z],
         currentLevelIndex: f.levels.length,
         isTransitioning: !0
       };
@@ -332,9 +343,9 @@ const J = n.createContext({}), S = n.createContext({
     registerMenuLevel: l,
     isCurrentLevel: c
   }), [o, a, s, l, c]);
-  return /* @__PURE__ */ r(S.Provider, { value: m, children: t });
-}, O = ({ children: t }) => {
-  const { navigationState: o, navigateBack: e } = n.useContext(S), { levels: a, currentLevelIndex: s, isTransitioning: l } = o, c = a[s];
+  return /* @__PURE__ */ r(k.Provider, { value: m, children: t });
+}, Q = ({ children: t }) => {
+  const { navigationState: o, navigateBack: e } = n.useContext(k), { levels: a, currentLevelIndex: s, isTransitioning: l } = o, c = a[s];
   return /* @__PURE__ */ v("div", { className: "relative overflow-hidden h-full", children: [
     !(s === 0) && c && /* @__PURE__ */ v("div", { className: "flex items-center px-[var(--space-m)] pt-[var(--space-s)] pb-[var(--space-m)] border-b border-[var(--color-border-primary-subtle)]", children: [
       /* @__PURE__ */ v(
@@ -343,7 +354,7 @@ const J = n.createContext({}), S = n.createContext({
           onClick: e,
           className: "flex items-center text-body-md text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors",
           children: [
-            /* @__PURE__ */ r(z, { className: "h-4 w-4 mr-[var(--space-s)]" }),
+            /* @__PURE__ */ r(j, { className: "h-4 w-4 mr-[var(--space-s)]" }),
             "Back"
           ]
         }
@@ -382,10 +393,10 @@ const J = n.createContext({}), S = n.createContext({
       }
     )
   ] });
-}, Q = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e, icon: a, autoClose: s, onSelect: l, ...c }, m) => {
+}, U = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, destructive: e, icon: a, autoClose: s, onSelect: l, ...c }, m) => {
   const { isDesktop: d } = n.useContext(p);
   return d ? /* @__PURE__ */ r(
-    N,
+    C,
     {
       ref: m,
       className: t,
@@ -396,7 +407,7 @@ const J = n.createContext({}), S = n.createContext({
       ...c
     }
   ) : /* @__PURE__ */ r(
-    D,
+    M,
     {
       className: t,
       inset: o,
@@ -408,8 +419,8 @@ const J = n.createContext({}), S = n.createContext({
     }
   );
 });
-Q.displayName = "ResponsiveDropdownMenuItem";
-const U = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e, autoClose: a, onCheckedChange: s, ...l }, c) => {
+U.displayName = "ResponsiveDropdownMenuItem";
+const Y = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e, autoClose: a, onCheckedChange: s, ...l }, c) => {
   const { isDesktop: m } = n.useContext(p);
   return m ? /* @__PURE__ */ v(
     i.CheckboxItem,
@@ -429,7 +440,7 @@ const U = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e,
       ]
     }
   ) : /* @__PURE__ */ r(
-    C,
+    R,
     {
       className: t,
       checked: e,
@@ -440,8 +451,8 @@ const U = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, checked: e,
     }
   );
 });
-U.displayName = "ResponsiveDropdownMenuCheckboxItem";
-const Y = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, icon: a, autoClose: s, ...l }, c) => {
+Y.displayName = "ResponsiveDropdownMenuCheckboxItem";
+const Z = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, icon: a, autoClose: s, ...l }, c) => {
   const { isDesktop: m } = n.useContext(p);
   return m ? /* @__PURE__ */ v(
     i.RadioItem,
@@ -460,8 +471,8 @@ const Y = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, i
         o
       ]
     }
-  ) : /* @__PURE__ */ r(J.Consumer, { children: ({ radioValue: d, onRadioChange: b }) => /* @__PURE__ */ r(
-    M,
+  ) : /* @__PURE__ */ r(T.Consumer, { children: ({ radioValue: d, onRadioChange: b }) => /* @__PURE__ */ r(
+    I,
     {
       className: t,
       value: e,
@@ -474,8 +485,8 @@ const Y = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, value: e, i
     }
   ) });
 });
-Y.displayName = "ResponsiveDropdownMenuRadioItem";
-const Z = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) => {
+Z.displayName = "ResponsiveDropdownMenuRadioItem";
+const ee = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) => {
   const { isDesktop: s } = n.useContext(p);
   return s ? /* @__PURE__ */ r(
     i.Label,
@@ -489,7 +500,7 @@ const Z = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) =>
       ...e
     }
   ) : /* @__PURE__ */ r(
-    R,
+    S,
     {
       className: t,
       inset: o,
@@ -497,8 +508,8 @@ const Z = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, ...e }, a) =>
     }
   );
 });
-Z.displayName = "ResponsiveDropdownMenuLabel";
-const ee = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => {
+ee.displayName = "ResponsiveDropdownMenuLabel";
+const re = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => {
   const { isDesktop: a } = n.useContext(p);
   return a ? /* @__PURE__ */ r(
     i.Separator,
@@ -508,16 +519,36 @@ const ee = /* @__PURE__ */ n.forwardRef(({ className: t, ...o }, e) => {
       ...o
     }
   ) : /* @__PURE__ */ r(
-    I,
+    L,
     {
       className: t,
       ...o
     }
   );
 });
-ee.displayName = "ResponsiveDropdownMenuSeparator";
-const re = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, icon: e, children: a, ...s }, l) => {
-  const { isDesktop: c } = n.useContext(p), { triggerNavigation: m } = n.useContext(L);
+re.displayName = "ResponsiveDropdownMenuSeparator";
+const be = ({ value: t, onValueChange: o, children: e }) => {
+  const { isDesktop: a } = n.useContext(p);
+  return a ? /* @__PURE__ */ r(i.RadioGroup, { value: t, onValueChange: o, children: e }) : /* @__PURE__ */ r(T.Provider, { value: { radioValue: t, onRadioChange: o }, children: /* @__PURE__ */ r("div", { role: "radiogroup", children: e }) });
+}, me = ({ children: t }) => {
+  const { isDesktop: o } = n.useContext(p), { navigateToSubmenu: e } = n.useContext(k);
+  if (o)
+    return /* @__PURE__ */ r(i.Sub, { children: t });
+  const [a, s] = n.useState(null), [l, c] = n.useState(""), m = n.useId(), d = n.useCallback(() => {
+    a && e({
+      title: l,
+      content: a
+    }, m);
+  }, [a, l, m, e]), b = n.useMemo(() => ({
+    submenuContent: a,
+    submenuTitle: l,
+    setSubmenuContent: s,
+    setSubmenuTitle: c,
+    triggerNavigation: d
+  }), [a, l, d]);
+  return /* @__PURE__ */ r(N.Provider, { value: b, children: /* @__PURE__ */ r("div", { className: "mobile-submenu", children: t }) });
+}, oe = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, icon: e, children: a, ...s }, l) => {
+  const { isDesktop: c } = n.useContext(p), { triggerNavigation: m } = n.useContext(N);
   if (c)
     return /* @__PURE__ */ v(
       i.SubTrigger,
@@ -560,9 +591,9 @@ const re = /* @__PURE__ */ n.forwardRef(({ className: t, inset: o, icon: e, chil
     }
   );
 });
-re.displayName = "ResponsiveDropdownMenuSubTrigger";
-const oe = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, ...e }, a) => {
-  const { isDesktop: s } = n.useContext(p), { setSubmenuContent: l } = n.useContext(L);
+oe.displayName = "ResponsiveDropdownMenuSubTrigger";
+const te = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, ...e }, a) => {
+  const { isDesktop: s } = n.useContext(p), { setSubmenuContent: l } = n.useContext(N);
   return s ? /* @__PURE__ */ r(
     i.SubContent,
     {
@@ -576,25 +607,28 @@ const oe = /* @__PURE__ */ n.forwardRef(({ className: t, children: o, ...e }, a)
     }
   ) : (n.useEffect(() => (l(/* @__PURE__ */ r("div", { className: "space-y-[var(--space-xs)] px-[var(--space-m)] pb-[var(--space-m)]", children: o })), () => l(null)), [o, l]), null);
 });
-oe.displayName = "ResponsiveDropdownMenuSubContent";
+te.displayName = "ResponsiveDropdownMenuSubContent";
 export {
-  ce as DropdownMenu,
-  U as DropdownMenuCheckboxItem,
-  q as DropdownMenuContent,
-  W as DropdownMenuDesktop,
-  V as DropdownMenuDesktopCheckboxItem,
-  k as DropdownMenuDesktopContent,
-  N as DropdownMenuDesktopItem,
-  H as DropdownMenuDesktopLabel,
-  A as DropdownMenuDesktopRadioItem,
-  X as DropdownMenuDesktopSeparator,
-  $ as DropdownMenuDesktopTrigger,
-  ie as DropdownMenuGroup,
-  Q as DropdownMenuItem,
-  Z as DropdownMenuLabel,
-  Y as DropdownMenuRadioItem,
-  ee as DropdownMenuSeparator,
-  oe as DropdownMenuSubContent,
-  re as DropdownMenuSubTrigger,
-  F as DropdownMenuTrigger
+  ue as DropdownMenu,
+  Y as DropdownMenuCheckboxItem,
+  J as DropdownMenuContent,
+  V as DropdownMenuDesktop,
+  A as DropdownMenuDesktopCheckboxItem,
+  D as DropdownMenuDesktopContent,
+  C as DropdownMenuDesktopItem,
+  X as DropdownMenuDesktopLabel,
+  H as DropdownMenuDesktopRadioItem,
+  q as DropdownMenuDesktopSeparator,
+  W as DropdownMenuDesktopTrigger,
+  ce as DropdownMenuGroup,
+  U as DropdownMenuItem,
+  ee as DropdownMenuLabel,
+  be as DropdownMenuRadioGroup,
+  Z as DropdownMenuRadioItem,
+  re as DropdownMenuSeparator,
+  F as DropdownMenuShortcut,
+  me as DropdownMenuSub,
+  te as DropdownMenuSubContent,
+  oe as DropdownMenuSubTrigger,
+  K as DropdownMenuTrigger
 };