@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Loading/index.js

@@ -0,0 +1,144 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Loading.module.scss.js";
+function SpinnerIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+function DotsAnimation({ className }) {
+  return /* @__PURE__ */ jsxs("span", { className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("span", { className: styles.dot }),
+    /* @__PURE__ */ jsx("span", { className: styles.dot }),
+    /* @__PURE__ */ jsx("span", { className: styles.dot })
+  ] });
+}
+function PulseAnimation({ className }) {
+  return /* @__PURE__ */ jsxs("span", { className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("span", { className: styles.pulseRing }),
+    /* @__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 renderAnimation = () => {
+      switch (variant) {
+        case "dots":
+          return /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dots });
+        case "pulse":
+          return /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulse });
+        case "spinner":
+        default:
+          return /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
+      }
+    };
+    const content = /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classes,
+        role: "status",
+        "aria-label": label,
+        "aria-live": "polite",
+        ...htmlProps,
+        children: renderAnimation()
+      }
+    );
+    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",
+  variant = "spinner",
+  label = "Loading...",
+  showLabel = false,
+  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 Loading = Object.assign(LoadingRoot, {
+  Inline: LoadingInline,
+  Screen: LoadingScreen
+});
+export {
+  Loading,
+  LoadingInline,
+  LoadingRoot,
+  LoadingScreen
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Loading.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type LoadingVariant = 'spinner' | 'dots' | 'pulse';\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Visual style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Accessible label for screen readers */\n  label?: string;\n  /** Whether to center the loading indicator in its container */\n  centered?: boolean;\n  /** Whether to fill the parent container */\n  fill?: boolean;\n  /** Whether to show the loading indicator with a backdrop overlay */\n  overlay?: boolean;\n  /** Color variant - uses accent color by default, 'current' inherits text color */\n  color?: 'accent' | 'current' | 'muted';\n}\n\nexport interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the loading indicator */\n  size?: 'sm' | 'md';\n  /** Accessible label */\n  label?: string;\n}\n\nexport interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Loading indicator size */\n  size?: LoadingSize;\n  /** Loading indicator variant */\n  variant?: LoadingVariant;\n  /** Optional label text to display */\n  label?: string;\n  /** Whether to show the label text visually */\n  showLabel?: boolean;\n}\n\n// ============================================\n// Icons/Animations\n// ============================================\n\nfunction SpinnerIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nfunction DotsAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n    </span>\n  );\n}\n\nfunction PulseAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.pulseRing} />\n      <span className={styles.pulseDot} />\n    </span>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nconst LoadingRoot = React.forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRoot(\n    {\n      size = 'md',\n      variant = 'spinner',\n      label = 'Loading...',\n      centered = false,\n      fill = false,\n      overlay = false,\n      color = 'accent',\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.loading,\n      styles[size],\n      styles[variant],\n      styles[`color-${color}`],\n      centered && styles.centered,\n      fill && styles.fill,\n      overlay && styles.overlay,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const renderAnimation = () => {\n      switch (variant) {\n        case 'dots':\n          return <DotsAnimation className={styles.dots} />;\n        case 'pulse':\n          return <PulseAnimation className={styles.pulse} />;\n        case 'spinner':\n        default:\n          return <SpinnerIcon className={styles.spinnerIcon} />;\n      }\n    };\n\n    const content = (\n      <div\n        ref={ref}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n        {...htmlProps}\n      >\n        {renderAnimation()}\n      </div>\n    );\n\n    if (overlay) {\n      return (\n        <div className={styles.overlayBackdrop}>\n          {content}\n        </div>\n      );\n    }\n\n    return content;\n  }\n);\n\n// ============================================\n// Loading.Inline - Inline text loading indicator\n// ============================================\n\nfunction LoadingInline({\n  size = 'sm',\n  label = 'Loading...',\n  className,\n  ...htmlProps\n}: LoadingInlineProps) {\n  const classes = [\n    styles.inline,\n    styles[`inline-${size}`],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      {...htmlProps}\n    >\n      <SpinnerIcon className={styles.inlineSpinner} />\n    </span>\n  );\n}\n\n// ============================================\n// Loading.Screen - Full-screen loading state\n// ============================================\n\nfunction LoadingScreen({\n  size = 'lg',\n  variant = 'spinner',\n  label = 'Loading...',\n  showLabel = false,\n  className,\n  ...htmlProps\n}: LoadingScreenProps) {\n  const classes = [\n    styles.screen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n      {...htmlProps}\n    >\n      <LoadingRoot size={size} variant={variant} label={label} />\n      {showLabel && <span className={styles.screenLabel}>{label}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Loading = Object.assign(LoadingRoot, {\n  Inline: LoadingInline,\n  Screen: LoadingScreen,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  LoadingRoot,\n  LoadingInline,\n  LoadingScreen,\n};\n"],"names":["LoadingRoot"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const markdown = "_markdown_17m4r_1";
+const styles = {
+  markdown
+};
+exports.default = styles;
+exports.markdown = markdown;
+//# sourceMappingURL=Markdown.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,9 @@
+const markdown = "_markdown_17m4r_1";
+const styles = {
+  markdown
+};
+export {
+  styles as default,
+  markdown
+};
+//# sourceMappingURL=Markdown.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import '../../styles/globals.scss';
+export interface MarkdownProps {
+    /** Markdown string to render */
+    content: string;
+    /** Override map for markdown element components */
+    components?: Record<string, React.ComponentType<React.HTMLAttributes<HTMLElement>>>;
+    /** Additional class name */
+    className?: string;
+}
+export declare const Markdown: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,2BAA2B,CAAC;AAMnC,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACpF,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0FD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const positioner = "_positioner_11zck_1";
+const popup = "_popup_11zck_6";
+const item = "_item_11zck_29";
+const itemDanger = "_itemDanger_11zck_66";
+const itemIcon = "_itemIcon_11zck_73";
+const itemLabel = "_itemLabel_11zck_89";
+const itemShortcut = "_itemShortcut_11zck_93";
+const checkIndicator = "_checkIndicator_11zck_99";
+const radioIndicator = "_radioIndicator_11zck_109";
+const radioItem = "_radioItem_11zck_122";
+const separator = "_separator_11zck_127";
+const groupLabel = "_groupLabel_11zck_133";
+const submenuTrigger = "_submenuTrigger_11zck_164";
+const styles = {
+  positioner,
+  popup,
+  item,
+  itemDanger,
+  itemIcon,
+  itemLabel,
+  itemShortcut,
+  checkIndicator,
+  radioIndicator,
+  radioItem,
+  separator,
+  groupLabel,
+  submenuTrigger
+};
+exports.checkIndicator = checkIndicator;
+exports.default = styles;
+exports.groupLabel = groupLabel;
+exports.item = item;
+exports.itemDanger = itemDanger;
+exports.itemIcon = itemIcon;
+exports.itemLabel = itemLabel;
+exports.itemShortcut = itemShortcut;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.radioIndicator = radioIndicator;
+exports.radioItem = radioItem;
+exports.separator = separator;
+exports.submenuTrigger = submenuTrigger;
+//# sourceMappingURL=Menu.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,45 @@
+const positioner = "_positioner_11zck_1";
+const popup = "_popup_11zck_6";
+const item = "_item_11zck_29";
+const itemDanger = "_itemDanger_11zck_66";
+const itemIcon = "_itemIcon_11zck_73";
+const itemLabel = "_itemLabel_11zck_89";
+const itemShortcut = "_itemShortcut_11zck_93";
+const checkIndicator = "_checkIndicator_11zck_99";
+const radioIndicator = "_radioIndicator_11zck_109";
+const radioItem = "_radioItem_11zck_122";
+const separator = "_separator_11zck_127";
+const groupLabel = "_groupLabel_11zck_133";
+const submenuTrigger = "_submenuTrigger_11zck_164";
+const styles = {
+  positioner,
+  popup,
+  item,
+  itemDanger,
+  itemIcon,
+  itemLabel,
+  itemShortcut,
+  checkIndicator,
+  radioIndicator,
+  radioItem,
+  separator,
+  groupLabel,
+  submenuTrigger
+};
+export {
+  checkIndicator,
+  styles as default,
+  groupLabel,
+  item,
+  itemDanger,
+  itemIcon,
+  itemLabel,
+  itemShortcut,
+  popup,
+  positioner,
+  radioIndicator,
+  radioItem,
+  separator,
+  submenuTrigger
+};
+//# sourceMappingURL=Menu.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Menu/index.cjs

@@ -0,0 +1,259 @@
+"use strict";
+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 Menu_module = require("./Menu.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function CheckmarkIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 13l4 4L19 7" })
+    }
+  );
+}
+function DotIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5" })
+    }
+  );
+}
+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 }) {
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { className, children });
+}
+function MenuContent({
+  children,
+  className,
+  side = "bottom",
+  align = "start",
+  sideOffset = 4,
+  ...htmlProps
+}) {
+  const popupClasses = [Menu_module.default.popup, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    menu.Menu.Positioner,
+    {
+      side,
+      align,
+      sideOffset,
+      className: Menu_module.default.positioner,
+      children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { ...htmlProps, className: popupClasses, children })
+    }
+  ) });
+}
+function MenuItem({
+  children,
+  disabled,
+  danger,
+  onSelect,
+  className,
+  icon,
+  shortcut,
+  checked
+}) {
+  const hasChecked = checked !== void 0;
+  const classes = [
+    Menu_module.default.item,
+    danger && Menu_module.default.itemDanger,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    menu.Menu.Item,
+    {
+      disabled,
+      onClick: onSelect,
+      className: classes,
+      children: [
+        hasChecked && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.checkIndicator, children: checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckmarkIcon, {}) : null }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemIcon, children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemLabel, children }),
+        shortcut && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemShortcut, children: shortcut })
+      ]
+    }
+  );
+}
+function MenuCheckboxItem({
+  children,
+  checked: checkedProp,
+  defaultChecked,
+  onCheckedChange,
+  disabled,
+  className
+}) {
+  const isControlled = checkedProp !== void 0;
+  const [internalChecked, setInternalChecked] = React__namespace.useState(defaultChecked ?? false);
+  const visualChecked = isControlled ? checkedProp : internalChecked;
+  const handleCheckedChange = React__namespace.useCallback(
+    (value) => {
+      if (!isControlled) setInternalChecked(value);
+      onCheckedChange == null ? void 0 : onCheckedChange(value);
+    },
+    [isControlled, onCheckedChange]
+  );
+  const classes = [Menu_module.default.item, Menu_module.default.checkboxItem, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    menu.Menu.CheckboxItem,
+    {
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange: handleCheckedChange,
+      disabled,
+      className: classes,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.checkIndicator, children: visualChecked ? /* @__PURE__ */ jsxRuntime.jsx(CheckmarkIcon, {}) : null }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemLabel, children })
+      ]
+    }
+  );
+}
+function MenuRadioGroup({
+  children,
+  value,
+  defaultValue,
+  onValueChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    menu.Menu.RadioGroup,
+    {
+      value,
+      defaultValue,
+      onValueChange,
+      children
+    }
+  );
+}
+function MenuRadioItem({
+  children,
+  value,
+  disabled,
+  className
+}) {
+  const classes = [Menu_module.default.item, Menu_module.default.radioItem, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.RadioItem, { value, disabled, className: classes, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.radioIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(DotIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemLabel, children })
+  ] });
+}
+function MenuGroup({ children, className }) {
+  const classes = [Menu_module.default.group, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Group, { className: classes, children });
+}
+function MenuGroupLabel({ children, className }) {
+  const classes = [Menu_module.default.groupLabel, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.GroupLabel, { className: classes, children });
+}
+function MenuSeparator({ className }) {
+  const classes = [Menu_module.default.separator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Separator, { className: classes });
+}
+function MenuSubmenu({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    menu.Menu.SubmenuRoot,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      children
+    }
+  );
+}
+function MenuSubmenuTrigger({
+  children,
+  disabled,
+  className,
+  icon
+}) {
+  const classes = [Menu_module.default.item, Menu_module.default.submenuTrigger, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.SubmenuTrigger, { disabled, className: classes, children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemIcon, children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemLabel, children })
+  ] });
+}
+const Menu = Object.assign(MenuRoot, {
+  Trigger: MenuTrigger,
+  Content: MenuContent,
+  Item: MenuItem,
+  CheckboxItem: MenuCheckboxItem,
+  RadioGroup: MenuRadioGroup,
+  RadioItem: MenuRadioItem,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Separator: MenuSeparator,
+  Submenu: MenuSubmenu,
+  SubmenuTrigger: MenuSubmenuTrigger
+});
+exports.Menu = Menu;
+exports.MenuCheckboxItem = MenuCheckboxItem;
+exports.MenuContent = MenuContent;
+exports.MenuGroup = MenuGroup;
+exports.MenuGroupLabel = MenuGroupLabel;
+exports.MenuItem = MenuItem;
+exports.MenuRadioGroup = MenuRadioGroup;
+exports.MenuRadioItem = MenuRadioItem;
+exports.MenuRoot = MenuRoot;
+exports.MenuSeparator = MenuSeparator;
+exports.MenuSubmenu = MenuSubmenu;
+exports.MenuSubmenuTrigger = MenuSubmenuTrigger;
+exports.MenuTrigger = MenuTrigger;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Menu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as BaseMenu } from '@base-ui/react/menu';\nimport styles from './Menu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nexport interface MenuTriggerProps {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\nexport interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n}\n\nexport interface MenuItemProps {\n  children: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  onSelect?: () => void;\n  className?: string;\n  icon?: React.ReactNode;\n  shortcut?: string;\n  /** When passed, renders a check indicator. `true` shows a checkmark, `false` reserves space. */\n  checked?: boolean;\n}\n\nexport interface MenuCheckboxItemProps {\n  children: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface MenuRadioGroupProps {\n  children: React.ReactNode;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\nexport interface MenuRadioItemProps {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface MenuGroupProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface MenuGroupLabelProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface MenuSeparatorProps {\n  className?: string;\n}\n\nexport interface MenuSubmenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface MenuSubmenuTriggerProps {\n  children: React.ReactNode;\n  disabled?: boolean;\n  className?: string;\n  icon?: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CheckmarkIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M5 13l4 4L19 7\" />\n    </svg>\n  );\n}\n\nfunction DotIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"5\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction MenuRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n}: MenuProps) {\n  return (\n    <BaseMenu.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BaseMenu.Root>\n  );\n}\n\nfunction MenuTrigger({ children, asChild, className }: MenuTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseMenu.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseMenu.Trigger>\n    );\n  }\n\n  return (\n    <BaseMenu.Trigger className={className}>\n      {children}\n    </BaseMenu.Trigger>\n  );\n}\n\nfunction MenuContent({\n  children,\n  className,\n  side = 'bottom',\n  align = 'start',\n  sideOffset = 4,\n  ...htmlProps\n}: MenuContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseMenu.Portal>\n      <BaseMenu.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className={styles.positioner}\n      >\n        <BaseMenu.Popup {...htmlProps} className={popupClasses}>\n          {children}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  );\n}\n\nfunction MenuItem({\n  children,\n  disabled,\n  danger,\n  onSelect,\n  className,\n  icon,\n  shortcut,\n  checked,\n}: MenuItemProps) {\n  const hasChecked = checked !== undefined;\n  const classes = [\n    styles.item,\n    danger && styles.itemDanger,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <BaseMenu.Item\n      disabled={disabled}\n      onClick={onSelect}\n      className={classes}\n    >\n      {hasChecked && (\n        <span className={styles.checkIndicator}>\n          {checked ? <CheckmarkIcon /> : null}\n        </span>\n      )}\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      <span className={styles.itemLabel}>{children}</span>\n      {shortcut && <span className={styles.itemShortcut}>{shortcut}</span>}\n    </BaseMenu.Item>\n  );\n}\n\nfunction MenuCheckboxItem({\n  children,\n  checked: checkedProp,\n  defaultChecked,\n  onCheckedChange,\n  disabled,\n  className,\n}: MenuCheckboxItemProps) {\n  const isControlled = checkedProp !== undefined;\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);\n  const visualChecked = isControlled ? checkedProp : internalChecked;\n\n  const handleCheckedChange = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) setInternalChecked(value);\n      onCheckedChange?.(value);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const classes = [styles.item, styles.checkboxItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.CheckboxItem\n      checked={checkedProp}\n      defaultChecked={defaultChecked}\n      onCheckedChange={handleCheckedChange}\n      disabled={disabled}\n      className={classes}\n    >\n      <span className={styles.checkIndicator}>\n        {visualChecked ? <CheckmarkIcon /> : null}\n      </span>\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.CheckboxItem>\n  );\n}\n\nfunction MenuRadioGroup({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n}: MenuRadioGroupProps) {\n  return (\n    <BaseMenu.RadioGroup\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n    >\n      {children}\n    </BaseMenu.RadioGroup>\n  );\n}\n\nfunction MenuRadioItem({\n  children,\n  value,\n  disabled,\n  className,\n}: MenuRadioItemProps) {\n  const classes = [styles.item, styles.radioItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.RadioItem value={value} disabled={disabled} className={classes}>\n      <span className={styles.radioIndicator}>\n        <DotIcon />\n      </span>\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.RadioItem>\n  );\n}\n\nfunction MenuGroup({ children, className }: MenuGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseMenu.Group className={classes}>{children}</BaseMenu.Group>;\n}\n\nfunction MenuGroupLabel({ children, className }: MenuGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseMenu.GroupLabel className={classes}>{children}</BaseMenu.GroupLabel>;\n}\n\nfunction MenuSeparator({ className }: MenuSeparatorProps) {\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n  return <BaseMenu.Separator className={classes} />;\n}\n\nfunction MenuSubmenu({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n}: MenuSubmenuProps) {\n  return (\n    <BaseMenu.SubmenuRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange as any}\n    >\n      {children}\n    </BaseMenu.SubmenuRoot>\n  );\n}\n\nfunction MenuSubmenuTrigger({\n  children,\n  disabled,\n  className,\n  icon,\n}: MenuSubmenuTriggerProps) {\n  const classes = [styles.item, styles.submenuTrigger, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.SubmenuTrigger disabled={disabled} className={classes}>\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.SubmenuTrigger>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  CheckboxItem: MenuCheckboxItem,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  Separator: MenuSeparator,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n});\n\n// Re-export individual components\nexport {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuCheckboxItem,\n  MenuRadioGroup,\n  MenuRadioItem,\n  MenuGroup,\n  MenuGroupLabel,\n  MenuSeparator,\n  MenuSubmenu,\n  MenuSubmenuTrigger,\n};\n"],"names":["jsx","BaseMenu","styles","jsxs","React"],"mappings":"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"}