@usefragments/ui 1.5.4 → 1.6.0

package/dist/components/Loading/index.js

@@ -32,68 +32,53 @@ function PulseAnimation({ className }) {
     /* @__PURE__ */ jsx("span", { className: styles.pulseDot })
   ] });
 }
-const LoadingRoot = React.forwardRef(
-  function LoadingRoot2({
-    size = "md",
-    variant = "spinner",
-    label = "Loading...",
-    centered = false,
-    fill = false,
-    overlay = false,
-    color = "accent",
-    className,
-    ...htmlProps
-  }, ref) {
-    const classes = [
-      styles.loading,
-      styles[size],
-      styles[variant],
-      styles[`color-${color}`],
-      centered && styles.centered,
-      fill && styles.fill,
-      overlay && styles.overlay,
-      className
-    ].filter(Boolean).join(" ");
-    const animation = variant === "dots" ? /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dots }) : variant === "pulse" ? /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulse }) : /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
-    const content = /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: classes,
-        role: "status",
-        "aria-label": label,
-        "aria-live": "polite",
-        ...htmlProps,
-        children: animation
-      }
-    );
-    if (overlay) {
-      return /* @__PURE__ */ jsx("div", { className: styles.overlayBackdrop, children: content });
-    }
-    return content;
-  }
-);
-function LoadingInline({
-  size = "sm",
+const LoadingRoot = React.forwardRef(function LoadingRoot2({
+  size = "md",
+  variant = "spinner",
   label = "Loading...",
+  centered = false,
+  fill = false,
+  overlay = false,
+  color = "accent",
   className,
   ...htmlProps
-}) {
+}, ref) {
   const classes = [
-    styles.inline,
-    styles[`inline-${size}`],
+    styles.loading,
+    styles[size],
+    styles[variant],
+    styles[`color-${color}`],
+    centered && styles.centered,
+    fill && styles.fill,
+    overlay && styles.overlay,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(
-    "span",
+  const animation = variant === "dots" ? /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dots }) : variant === "pulse" ? /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulse }) : /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
+  const content = /* @__PURE__ */ jsx(
+    "div",
     {
+      ref,
       className: classes,
       role: "status",
       "aria-label": label,
+      "aria-live": "polite",
       ...htmlProps,
-      children: /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.inlineSpinner })
+      children: animation
     }
   );
+  if (overlay) {
+    return /* @__PURE__ */ jsx("div", { className: styles.overlayBackdrop, children: content });
+  }
+  return content;
+});
+function LoadingInline({
+  size = "sm",
+  label = "Loading...",
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.inline, styles[`inline-${size}`], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("span", { className: classes, role: "status", "aria-label": label, ...htmlProps, children: /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.inlineSpinner }) });
 }
 function LoadingScreen({
   size = "lg",
@@ -103,24 +88,11 @@ function LoadingScreen({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    styles.screen,
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classes,
-      role: "status",
-      "aria-label": label,
-      "aria-live": "polite",
-      ...htmlProps,
-      children: [
-        /* @__PURE__ */ jsx(LoadingRoot, { size, variant, label }),
-        showLabel && /* @__PURE__ */ jsx("span", { className: styles.screenLabel, children: label })
-      ]
-    }
-  );
+  const classes = [styles.screen, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { className: classes, role: "status", "aria-label": label, "aria-live": "polite", ...htmlProps, children: [
+    /* @__PURE__ */ jsx(LoadingRoot, { size, variant, label }),
+    showLabel && /* @__PURE__ */ jsx("span", { className: styles.screenLabel, children: label })
+  ] });
 }
 const Loading = Object.assign(LoadingRoot, {
   Inline: LoadingInline,

package/dist/components/Main/Main.module.scss.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1wv9j_1";
-const full = "_full_1wv9j_10";
-const narrow = "_narrow_1wv9j_14";
-const header = "_header_1wv9j_18";
-const description = "_description_1wv9j_19";
-const content = "_content_1wv9j_20";
-const footer = "_footer_1wv9j_21";
+const root = "_root_1gcej_1";
+const full = "_full_1gcej_10";
+const narrow = "_narrow_1gcej_14";
+const header = "_header_1gcej_18";
+const description = "_description_1gcej_19";
+const content = "_content_1gcej_20";
+const footer = "_footer_1gcej_21";
 const styles = {
   root,
   full,

package/dist/components/Main/Main.module.scss.js

@@ -1,10 +1,10 @@
-const root = "_root_1wv9j_1";
-const full = "_full_1wv9j_10";
-const narrow = "_narrow_1wv9j_14";
-const header = "_header_1wv9j_18";
-const description = "_description_1wv9j_19";
-const content = "_content_1wv9j_20";
-const footer = "_footer_1wv9j_21";
+const root = "_root_1gcej_1";
+const full = "_full_1gcej_10";
+const narrow = "_narrow_1gcej_14";
+const header = "_header_1gcej_18";
+const description = "_description_1gcej_19";
+const content = "_content_1gcej_20";
+const footer = "_footer_1gcej_21";
 const styles = {
   root,
   full,

package/dist/components/Markdown/Markdown.module.scss.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const markdown = "_markdown_1396t_1";
+const markdown = "_markdown_10y3w_2";
 const styles = {
   markdown
 };

package/dist/components/Markdown/Markdown.module.scss.js

@@ -1,4 +1,4 @@
-const markdown = "_markdown_1396t_1";
+const markdown = "_markdown_10y3w_2";
 const styles = {
   markdown
 };

package/dist/components/Menu/Menu.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const positioner = "_positioner_v24st_1";
-const popup = "_popup_v24st_7";
-const viewport = "_viewport_v24st_32";
-const item = "_item_v24st_37";
-const itemDanger = "_itemDanger_v24st_78";
-const itemIcon = "_itemIcon_v24st_86";
-const itemLabel = "_itemLabel_v24st_102";
-const itemShortcut = "_itemShortcut_v24st_106";
-const checkIndicator = "_checkIndicator_v24st_112";
-const radioIndicator = "_radioIndicator_v24st_126";
-const radioItem = "_radioItem_v24st_139";
-const separator = "_separator_v24st_144";
-const groupLabel = "_groupLabel_v24st_150";
-const submenuTrigger = "_submenuTrigger_v24st_183";
+const positioner = "_positioner_10vn6_1";
+const popup = "_popup_10vn6_7";
+const viewport = "_viewport_10vn6_49";
+const item = "_item_10vn6_56";
+const itemDanger = "_itemDanger_10vn6_78";
+const itemIcon = "_itemIcon_10vn6_86";
+const checkIndicator = "_checkIndicator_10vn6_87";
+const radioIndicator = "_radioIndicator_10vn6_88";
+const itemLabel = "_itemLabel_10vn6_108";
+const itemShortcut = "_itemShortcut_10vn6_113";
+const radioItem = "_radioItem_10vn6_139";
+const separator = "_separator_10vn6_144";
+const groupLabel = "_groupLabel_10vn6_150";
+const submenuTrigger = "_submenuTrigger_10vn6_164";
 const styles = {
   positioner,
   popup,
@@ -21,10 +21,10 @@ const styles = {
   item,
   itemDanger,
   itemIcon,
-  itemLabel,
-  itemShortcut,
   checkIndicator,
   radioIndicator,
+  itemLabel,
+  itemShortcut,
   radioItem,
   separator,
   groupLabel,

package/dist/components/Menu/Menu.module.scss.js

@@ -1,17 +1,17 @@
-const positioner = "_positioner_v24st_1";
-const popup = "_popup_v24st_7";
-const viewport = "_viewport_v24st_32";
-const item = "_item_v24st_37";
-const itemDanger = "_itemDanger_v24st_78";
-const itemIcon = "_itemIcon_v24st_86";
-const itemLabel = "_itemLabel_v24st_102";
-const itemShortcut = "_itemShortcut_v24st_106";
-const checkIndicator = "_checkIndicator_v24st_112";
-const radioIndicator = "_radioIndicator_v24st_126";
-const radioItem = "_radioItem_v24st_139";
-const separator = "_separator_v24st_144";
-const groupLabel = "_groupLabel_v24st_150";
-const submenuTrigger = "_submenuTrigger_v24st_183";
+const positioner = "_positioner_10vn6_1";
+const popup = "_popup_10vn6_7";
+const viewport = "_viewport_10vn6_49";
+const item = "_item_10vn6_56";
+const itemDanger = "_itemDanger_10vn6_78";
+const itemIcon = "_itemIcon_10vn6_86";
+const checkIndicator = "_checkIndicator_10vn6_87";
+const radioIndicator = "_radioIndicator_10vn6_88";
+const itemLabel = "_itemLabel_10vn6_108";
+const itemShortcut = "_itemShortcut_10vn6_113";
+const radioItem = "_radioItem_10vn6_139";
+const separator = "_separator_10vn6_144";
+const groupLabel = "_groupLabel_10vn6_150";
+const submenuTrigger = "_submenuTrigger_10vn6_164";
 const styles = {
   positioner,
   popup,
@@ -19,10 +19,10 @@ const styles = {
   item,
   itemDanger,
   itemIcon,
-  itemLabel,
-  itemShortcut,
   checkIndicator,
   radioIndicator,
+  itemLabel,
+  itemShortcut,
   radioItem,
   separator,
   groupLabel,

package/dist/components/Menu/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const menu = require("@base-ui/react/menu");
+const popup = require("../../recipes/popup.cjs");
 const Menu_module = require("./Menu.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -54,30 +55,23 @@ function DotIcon() {
     }
   );
 }
-function MenuRoot({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange,
-  modal = true
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    menu.Menu.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      modal,
-      children
-    }
-  );
+function MenuRoot({ children, open, defaultOpen, onOpenChange, modal = true }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Root, { open, defaultOpen, onOpenChange, modal, children });
 }
 function MenuTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
     if (!React__namespace.isValidElement(children)) {
       throw new Error("Menu.Trigger with asChild requires a single valid React element child.");
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { ...htmlProps, className, render: children, children: null });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      menu.Menu.Trigger,
+      {
+        ...htmlProps,
+        className,
+        render: children,
+        children: null
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     menu.Menu.Trigger,
@@ -94,7 +88,7 @@ function MenuContent({
   className,
   side = "bottom",
   align = "start",
-  sideOffset = 4,
+  sideOffset = popup.POPUP_OFFSET_PX,
   ...htmlProps
 }) {
   const popupClasses = [Menu_module.default.popup, className].filter(Boolean).join(" ");
@@ -129,11 +123,7 @@ function MenuItem({
     [htmlProps, onSelect]
   );
   const hasChecked = checked !== void 0;
-  const classes = [
-    Menu_module.default.item,
-    danger && Menu_module.default.itemDanger,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Menu_module.default.item, danger && Menu_module.default.itemDanger, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     menu.Menu.Item,
     {
@@ -186,29 +176,10 @@ function MenuCheckboxItem({
     }
   );
 }
-function MenuRadioGroup({
-  children,
-  value,
-  defaultValue,
-  onValueChange
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    menu.Menu.RadioGroup,
-    {
-      value,
-      defaultValue,
-      onValueChange,
-      children
-    }
-  );
+function MenuRadioGroup({ children, value, defaultValue, onValueChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.RadioGroup, { value, defaultValue, onValueChange, children });
 }
-function MenuRadioItem({
-  children,
-  value,
-  disabled,
-  className,
-  ...htmlProps
-}) {
+function MenuRadioItem({ children, value, disabled, className, ...htmlProps }) {
   const classes = [Menu_module.default.item, Menu_module.default.radioItem, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.RadioItem, { ...htmlProps, value, disabled, className: classes, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.radioIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(DotIcon, {}) }),
@@ -227,21 +198,8 @@ function MenuSeparator({ className, ...htmlProps }) {
   const classes = [Menu_module.default.separator, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Separator, { ...htmlProps, className: classes });
 }
-function MenuSubmenu({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    menu.Menu.SubmenuRoot,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      children
-    }
-  );
+function MenuSubmenu({ children, open, defaultOpen, onOpenChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.SubmenuRoot, { open, defaultOpen, onOpenChange, children });
 }
 function MenuSubmenuTrigger({
   children,

package/dist/components/Menu/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export interface MenuProps {
     children: React.ReactNode;
     open?: boolean;
@@ -10,18 +10,18 @@ type MenuTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
     children: React.ReactNode;
     asChild?: false;
 };
-type MenuTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+type MenuTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
     children: React.ReactElement;
     asChild: true;
 };
 export type MenuTriggerProps = MenuTriggerAsButtonProps | MenuTriggerAsChildProps;
 export interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
     sideOffset?: number;
 }
-export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onSelect'> {
+export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "children" | "onSelect"> {
     children: React.ReactNode;
     disabled?: boolean;
     danger?: boolean;
@@ -31,7 +31,7 @@ export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, '
     /** When passed, renders a check indicator. `true` shows a checkmark, `false` reserves space. */
     checked?: boolean;
 }
-export interface MenuCheckboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onChange'> {
+export interface MenuCheckboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "children" | "onChange"> {
     children: React.ReactNode;
     checked?: boolean;
     defaultChecked?: boolean;
@@ -44,7 +44,7 @@ export interface MenuRadioGroupProps {
     defaultValue?: string;
     onValueChange?: (value: string) => void;
 }
-export interface MenuRadioItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+export interface MenuRadioItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
     children: React.ReactNode;
     value: string;
     disabled?: boolean;
@@ -67,17 +67,17 @@ export interface MenuSubmenuTriggerProps extends React.HTMLAttributes<HTMLElemen
     disabled?: boolean;
     icon?: React.ReactNode;
 }
-declare function MenuRoot({ children, open, defaultOpen, onOpenChange, modal, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuRoot({ children, open, defaultOpen, onOpenChange, modal }: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuTrigger({ children, asChild, className, ...htmlProps }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuContent({ children, className, side, align, sideOffset, ...htmlProps }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuItem({ children, disabled, danger, onSelect, className, icon, shortcut, checked, ...htmlProps }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuCheckboxItem({ children, checked: checkedProp, defaultChecked, onCheckedChange, disabled, className, ...htmlProps }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuRadioGroup({ children, value, defaultValue, onValueChange, }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuRadioGroup({ children, value, defaultValue, onValueChange }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuRadioItem({ children, value, disabled, className, ...htmlProps }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuGroup({ children, className, ...htmlProps }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuGroupLabel({ children, className, ...htmlProps }: MenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuSeparator({ className, ...htmlProps }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuSubmenu({ children, open, defaultOpen, onOpenChange, }: MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSubmenu({ children, open, defaultOpen, onOpenChange }: MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuSubmenuTrigger({ children, disabled, className, icon, ...htmlProps }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare const Menu: typeof MenuRoot & {
     Trigger: typeof MenuTrigger;

package/dist/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Menu/index.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
+import { POPUP_OFFSET_PX } from "../../recipes/popup.js";
 import styles from "./Menu.module.scss.js";
 function CheckmarkIcon() {
   return /* @__PURE__ */ jsx(
@@ -35,30 +36,23 @@ function DotIcon() {
     }
   );
 }
-function MenuRoot({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange,
-  modal = true
-}) {
-  return /* @__PURE__ */ jsx(
-    Menu$1.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      modal,
-      children
-    }
-  );
+function MenuRoot({ children, open, defaultOpen, onOpenChange, modal = true }) {
+  return /* @__PURE__ */ jsx(Menu$1.Root, { open, defaultOpen, onOpenChange, modal, children });
 }
 function MenuTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
     if (!React.isValidElement(children)) {
       throw new Error("Menu.Trigger with asChild requires a single valid React element child.");
     }
-    return /* @__PURE__ */ jsx(Menu$1.Trigger, { ...htmlProps, className, render: children, children: null });
+    return /* @__PURE__ */ jsx(
+      Menu$1.Trigger,
+      {
+        ...htmlProps,
+        className,
+        render: children,
+        children: null
+      }
+    );
   }
   return /* @__PURE__ */ jsx(
     Menu$1.Trigger,
@@ -75,7 +69,7 @@ function MenuContent({
   className,
   side = "bottom",
   align = "start",
-  sideOffset = 4,
+  sideOffset = POPUP_OFFSET_PX,
   ...htmlProps
 }) {
   const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
@@ -110,11 +104,7 @@ function MenuItem({
     [htmlProps, onSelect]
   );
   const hasChecked = checked !== void 0;
-  const classes = [
-    styles.item,
-    danger && styles.itemDanger,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.item, danger && styles.itemDanger, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
     Menu$1.Item,
     {
@@ -167,29 +157,10 @@ function MenuCheckboxItem({
     }
   );
 }
-function MenuRadioGroup({
-  children,
-  value,
-  defaultValue,
-  onValueChange
-}) {
-  return /* @__PURE__ */ jsx(
-    Menu$1.RadioGroup,
-    {
-      value,
-      defaultValue,
-      onValueChange,
-      children
-    }
-  );
+function MenuRadioGroup({ children, value, defaultValue, onValueChange }) {
+  return /* @__PURE__ */ jsx(Menu$1.RadioGroup, { value, defaultValue, onValueChange, children });
 }
-function MenuRadioItem({
-  children,
-  value,
-  disabled,
-  className,
-  ...htmlProps
-}) {
+function MenuRadioItem({ children, value, disabled, className, ...htmlProps }) {
   const classes = [styles.item, styles.radioItem, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(Menu$1.RadioItem, { ...htmlProps, value, disabled, className: classes, children: [
     /* @__PURE__ */ jsx("span", { className: styles.radioIndicator, children: /* @__PURE__ */ jsx(DotIcon, {}) }),
@@ -208,21 +179,8 @@ function MenuSeparator({ className, ...htmlProps }) {
   const classes = [styles.separator, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(Menu$1.Separator, { ...htmlProps, className: classes });
 }
-function MenuSubmenu({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange
-}) {
-  return /* @__PURE__ */ jsx(
-    Menu$1.SubmenuRoot,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      children
-    }
-  );
+function MenuSubmenu({ children, open, defaultOpen, onOpenChange }) {
+  return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, { open, defaultOpen, onOpenChange, children });
 }
 function MenuSubmenuTrigger({
   children,