@cdx-ui/components 0.0.1-beta.18 → 0.0.1-beta.180

package/lib/commonjs/components/Menu/index.js

@@ -0,0 +1,509 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _icons = require("@cdx-ui/icons");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _positionToDataIcon = require("../../utils/positionToDataIcon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'MENU';
+const MENU_MAX_HEIGHT = 240;
+const MENU_POPUP_MIN_WIDTH = 192;
+const MENU_SCROLL_STYLE = {
+  flexGrow: 0
+};
+const useMenuStyleContext = () => {
+  const ctx = (0, _utils.useStyleContext)(SCOPE);
+  return {
+    size: ctx?.size ?? 'default',
+    color: ctx?.color ?? 'neutral'
+  };
+};
+const useMenuItemStyleValue = (sizeProp, color) => {
+  const {
+    size: contextSize
+  } = useMenuStyleContext();
+  const parent = (0, _utils.useParentContext)();
+  const size = sizeProp ?? contextSize ?? 'default';
+  const contextValue = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      size,
+      color
+    }
+  }), [parent, size, color]);
+  return {
+    contextValue,
+    size
+  };
+};
+
+// =============================================================================
+// OVERLAY ROOT
+// =============================================================================
+
+const MenuOverlayRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuOverlayRoot, {
+  ref: ref,
+  className: className,
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-root'
+  })),
+  children: children
+}));
+MenuOverlayRoot.displayName = 'Menu';
+
+// =============================================================================
+// TRIGGER
+// =============================================================================
+
+const MenuTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuTrigger, {
+  ref: ref,
+  className: className,
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-trigger'
+  })),
+  children: children
+}));
+MenuTrigger.displayName = 'Menu.Trigger';
+
+// =============================================================================
+// POPUP
+// =============================================================================
+
+const MenuPopup = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuPopup, {
+  ref: ref,
+  className: (0, _utils.cn)(_reactNative.Platform.select({
+    web: 'w-max max-w-full',
+    default: 'self-start'
+  }), className),
+  style: [{
+    minWidth: MENU_POPUP_MIN_WIDTH
+  }, style],
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-popup'
+  })),
+  children: children
+}));
+MenuPopup.displayName = 'Menu.Popup';
+
+// =============================================================================
+// CONTENT (menu list surface)
+// =============================================================================
+
+const MenuContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  scrollable = false,
+  asSurface = false,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const popup = (0, _primitives.useOptionalMenuPopupContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      size: 'default'
+    }
+  }), [parent]);
+  const shouldScroll = scrollable || popup !== null;
+  const constrainedStyle = popup === null ? undefined : {
+    flexShrink: 1,
+    maxHeight: popup.availableHeight === undefined ? undefined : Math.min(MENU_MAX_HEIGHT, popup.availableHeight),
+    maxWidth: popup.availableWidth
+  };
+  const computedClassName = (0, _utils.cn)((0, _styles.menuRootVariants)({
+    scrollable: shouldScroll
+  }), className);
+  // Embedded surfaces inherit the parent collection's slot identity.
+  const contentDataAttributes = asSurface ? (0, _primitives.mergeDataAttributes)((0, _primitives.dataAttributes)({
+    slot: 'menu-content'
+  }), props) : (0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-content'
+  }));
+  const content = shouldScroll ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    className: "shrink",
+    style: [MENU_SCROLL_STYLE, constrainedStyle],
+    scrollEventThrottle: 16,
+    nestedScrollEnabled: true,
+    children: children
+  }) : children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuRoot, {
+      ref: ref,
+      scrollable: shouldScroll,
+      asSurface: asSurface,
+      className: computedClassName,
+      style: [style, constrainedStyle],
+      ...props,
+      ...contentDataAttributes,
+      children: content
+    })
+  });
+});
+MenuContent.displayName = 'Menu.Content';
+
+// =============================================================================
+// ITEM
+// =============================================================================
+
+const MenuItem = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  color = 'neutral',
+  inset = false,
+  size: sizeProp,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    contextValue,
+    size
+  } = useMenuItemStyleValue(sizeProp, color);
+  const computedClassName = (0, _utils.cn)((0, _styles.menuItemVariants)({
+    color,
+    inset,
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuItem, {
+      ref: ref,
+      asChild: asChild,
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'menu-item'
+      })),
+      children: children
+    })
+  });
+});
+MenuItem.displayName = 'Menu.Item';
+const MenuCheckboxItem = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  color = 'neutral',
+  inset = false,
+  size: sizeProp,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    contextValue,
+    size
+  } = useMenuItemStyleValue(sizeProp, color);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuCheckboxItem, {
+      ref: ref,
+      asChild: asChild,
+      className: (0, _utils.cn)((0, _styles.menuItemVariants)({
+        color,
+        inset,
+        size
+      }), className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'menu-checkbox-item'
+      })),
+      children: children
+    })
+  });
+});
+MenuCheckboxItem.displayName = 'Menu.CheckboxItem';
+const MenuRadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuRadioGroup, {
+  ref: ref,
+  asChild: asChild,
+  className: className,
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-radio-group'
+  })),
+  children: children
+}));
+MenuRadioGroup.displayName = 'Menu.RadioGroup';
+const MenuRadioItem = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  color = 'neutral',
+  inset = false,
+  size: sizeProp,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    contextValue,
+    size
+  } = useMenuItemStyleValue(sizeProp, color);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MenuRadioItem, {
+      ref: ref,
+      asChild: asChild,
+      className: (0, _utils.cn)((0, _styles.menuItemVariants)({
+        color,
+        inset,
+        size
+      }), className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'menu-radio-item'
+      })),
+      children: children
+    })
+  });
+});
+MenuRadioItem.displayName = 'Menu.RadioItem';
+
+// =============================================================================
+// ITEM SLOTS
+// =============================================================================
+
+const MenuItemLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  children,
+  isChecked: checkedProp,
+  size,
+  ...props
+}, ref) => {
+  const {
+    color
+  } = useMenuStyleContext();
+  const menuItemCtx = (0, _primitives.useOptionalMenuItemContext)();
+  const checked = checkedProp ?? menuItemCtx?.checked ?? false;
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.menuItemLabelVariants)({
+      size,
+      color
+    }), checked ? 'font-medium' : undefined, className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)((0, _primitives.dataAttributes)({
+      slot: 'menu-item-label',
+      state: checked ? 'checked' : 'unchecked'
+    }), props),
+    children: children
+  });
+});
+MenuItemLabel.displayName = 'Menu.ItemLabel';
+const MenuItemIcon = ({
+  asChild,
+  as,
+  position = 'leading',
+  className,
+  style,
+  children,
+  ...props
+}) => {
+  const {
+    color
+  } = useMenuStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.menuItemIconVariants)({
+    color
+  }), className);
+  const slotData = (0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-item-icon'
+  }), (0, _positionToDataIcon.positionToDataIcon)(position));
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Slot, {
+      className: computedClassName,
+      style: style,
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      ...props,
+      ...slotData,
+      children: children
+    });
+  }
+  if (!as) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    accessibilityElementsHidden: true,
+    "aria-hidden": true,
+    ...props,
+    ...slotData
+  });
+};
+MenuItemIcon.displayName = 'Menu.ItemIcon';
+const MenuItemShortcut = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.menuItemShortcutVariants)(), className),
+    style: style,
+    accessibilityElementsHidden: true,
+    "aria-hidden": true,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'menu-item-shortcut'
+    })),
+    children: children
+  });
+});
+MenuItemShortcut.displayName = 'Menu.ItemShortcut';
+const MenuItemIndicator = ({
+  asChild,
+  as = _icons.Check,
+  isChecked: checkedProp,
+  position = 'trailing',
+  className,
+  style,
+  children,
+  ...props
+}) => {
+  const menuItemContext = (0, _primitives.useOptionalMenuItemContext)();
+  const checked = checkedProp ?? menuItemContext?.checked ?? false;
+  if (!checked) {
+    return null;
+  }
+  const computedClassName = (0, _utils.cn)((0, _styles.menuItemIndicatorVariants)(), className);
+  const slotData = (0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'menu-item-indicator'
+  }), (0, _positionToDataIcon.positionToDataIcon)(position));
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Slot, {
+      className: computedClassName,
+      style: style,
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      ...props,
+      ...slotData,
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    accessibilityElementsHidden: true,
+    "aria-hidden": true,
+    ...props,
+    ...slotData
+  });
+};
+MenuItemIndicator.displayName = 'Menu.ItemIndicator';
+
+// =============================================================================
+// NON-INTERACTIVE SLOTS
+// =============================================================================
+
+const MenuSectionLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.menuSectionLabelVariants)(), className),
+    style: style,
+    accessibilityRole: "header",
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'menu-section-label'
+    })),
+    children: children
+  });
+});
+MenuSectionLabel.displayName = 'Menu.SectionLabel';
+const MenuSeparator = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.menuSeparatorVariants)(), className),
+    style: style,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    "aria-hidden": true,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'menu-separator'
+    })),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _styles.menuSeparatorLineVariants)()
+    })
+  });
+});
+MenuSeparator.displayName = 'Menu.Separator';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const Menu = exports.Menu = Object.assign(MenuOverlayRoot, {
+  Trigger: MenuTrigger,
+  Popup: MenuPopup,
+  Content: MenuContent,
+  Item: MenuItem,
+  CheckboxItem: MenuCheckboxItem,
+  RadioGroup: MenuRadioGroup,
+  RadioItem: MenuRadioItem,
+  ItemLabel: MenuItemLabel,
+  ItemIcon: MenuItemIcon,
+  ItemShortcut: MenuItemShortcut,
+  ItemIndicator: MenuItemIndicator,
+  SectionLabel: MenuSectionLabel,
+  Separator: MenuSeparator
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_positionToDataIcon","_styles","_jsxRuntime","SCOPE","MENU_MAX_HEIGHT","MENU_POPUP_MIN_WIDTH","MENU_SCROLL_STYLE","flexGrow","useMenuStyleContext","ctx","useStyleContext","size","color","useMenuItemStyleValue","sizeProp","contextSize","parent","useParentContext","contextValue","useMemo","MenuOverlayRoot","forwardRef","className","style","children","props","ref","jsx","mergeDataAttributes","dataAttributes","slot","displayName","MenuTrigger","MenuPopup","cn","Platform","select","web","default","minWidth","MenuContent","scrollable","asSurface","popup","useOptionalMenuPopupContext","shouldScroll","constrainedStyle","undefined","flexShrink","maxHeight","availableHeight","Math","min","maxWidth","availableWidth","computedClassName","menuRootVariants","contentDataAttributes","content","ScrollView","scrollEventThrottle","nestedScrollEnabled","ParentContext","Provider","value","MenuRoot","MenuItem","asChild","inset","menuItemVariants","MenuCheckboxItem","MenuRadioGroup","MenuRadioItem","MenuItemLabel","isChecked","checkedProp","menuItemCtx","useOptionalMenuItemContext","checked","Comp","Slot","Text","menuItemLabelVariants","state","MenuItemIcon","as","position","menuItemIconVariants","slotData","positionToDataIcon","accessibilityElementsHidden","Icon","MenuItemShortcut","menuItemShortcutVariants","MenuItemIndicator","Check","menuItemContext","menuItemIndicatorVariants","MenuSectionLabel","menuSectionLabelVariants","accessibilityRole","MenuSeparator","View","menuSeparatorVariants","importantForAccessibility","menuSeparatorLineVariants","Menu","exports","Object","assign","Trigger","Popup","Content","Item","CheckboxItem","RadioGroup","RadioItem","ItemLabel","ItemIcon","ItemShortcut","ItemIndicator","SectionLabel","Separator"],"sourceRoot":"../../../../src","sources":["components/Menu/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Menu/styles.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuSeparatorVariants = exports.menuSeparatorLineVariants = exports.menuSectionLabelVariants = exports.menuRootVariants = exports.menuItemVariants = exports.menuItemShortcutVariants = exports.menuItemLabelVariants = exports.menuItemIndicatorVariants = exports.menuItemIconVariants = void 0;
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const menuRootVariants = exports.menuRootVariants = (0, _utils.cva)(['bg-surface-primary', 'border border-stroke-secondary', 'overflow-hidden', 'rounded-xl', 'p-1', 'shadow-lg', 'web:outline-none'], {
+  variants: {
+    scrollable: {
+      true: 'max-h-60 shrink',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    scrollable: false
+  }
+});
+const menuItemVariants = exports.menuItemVariants = (0, _utils.cva)(['flex-row items-center gap-2', 'min-h-9', 'rounded-lg', _constants.TRANSITION_COLORS, 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', _constants.DISABLED_CURSOR, 'data-[state=checked]:bg-surface-action-tint data-[state=checked]:font-medium', _reactNative.Platform.select({
+  default: 'data-[active=true]:bg-surface-action-tint-active',
+  web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active data-[highlighted=true]:bg-surface-action-tint-hover'
+})], {
+  variants: {
+    color: {
+      neutral: 'text-content-primary',
+      danger: 'text-content-danger data-[hover=true]:bg-surface-danger-tint-hover data-[highlighted=true]:bg-surface-danger-tint-hover'
+    },
+    inset: {
+      true: '',
+      false: ''
+    },
+    size: {
+      default: 'px-3 py-2',
+      small: 'px-2.5 py-1.5'
+    }
+  },
+  compoundVariants: [{
+    inset: true,
+    size: 'default',
+    class: 'ps-8 pe-3 py-2'
+  }, {
+    inset: true,
+    size: 'small',
+    class: 'ps-8 pe-2.5 py-1.5'
+  }, {
+    inset: false,
+    size: 'default',
+    class: 'px-3 py-2'
+  }, {
+    inset: false,
+    size: 'small',
+    class: 'px-2.5 py-1.5'
+  }],
+  defaultVariants: {
+    color: 'neutral',
+    inset: false,
+    size: 'default'
+  }
+});
+const menuItemLabelVariants = exports.menuItemLabelVariants = (0, _utils.cva)(['text-start', _reactNative.Platform.select({
+  default: 'shrink-0',
+  web: 'min-w-0 flex-1'
+})], {
+  variants: {
+    size: {
+      default: 'text-[0.875rem]',
+      small: 'text-[0.75rem]'
+    },
+    color: {
+      neutral: 'text-content-primary',
+      danger: 'text-content-danger'
+    }
+  },
+  defaultVariants: {
+    size: 'default',
+    color: 'neutral'
+  }
+});
+const menuItemIconVariants = exports.menuItemIconVariants = (0, _utils.cva)(['shrink-0', 'size-5'], {
+  variants: {
+    color: {
+      neutral: 'text-content-secondary',
+      danger: 'text-content-danger'
+    }
+  },
+  defaultVariants: {
+    color: 'neutral'
+  }
+});
+const menuItemShortcutVariants = exports.menuItemShortcutVariants = (0, _utils.cva)(['shrink-0 text-content-tertiary', 'text-[0.75rem]', 'ms-auto']);
+const menuItemIndicatorVariants = exports.menuItemIndicatorVariants = (0, _utils.cva)(['shrink-0 data-[icon=inline-end]:ms-auto', 'text-content-action', 'size-5']);
+const menuSectionLabelVariants = exports.menuSectionLabelVariants = (0, _utils.cva)(['px-3 py-1.5', 'text-[0.75rem] font-medium', 'text-content-tertiary']);
+const menuSeparatorVariants = exports.menuSeparatorVariants = (0, _utils.cva)([
+// Bleed past menu `p-1` inset so the line spans the full panel width (Figma: px-[-4px]).
+// Omit `w-full`: percentage width ignores the negative margins and leaves a right-side gap.
+'self-stretch py-1 -mx-1']);
+const menuSeparatorLineVariants = exports.menuSeparatorLineVariants = (0, _utils.cva)(['h-px w-full bg-stroke-secondary']);
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_utils","_constants","menuRootVariants","exports","cva","variants","scrollable","true","false","defaultVariants","menuItemVariants","TRANSITION_COLORS","DISABLED_CURSOR","Platform","select","default","web","color","neutral","danger","inset","size","small","compoundVariants","class","menuItemLabelVariants","menuItemIconVariants","menuItemShortcutVariants","menuItemIndicatorVariants","menuSectionLabelVariants","menuSeparatorVariants","menuSeparatorLineVariants"],"sourceRoot":"../../../../src","sources":["components/Menu/styles.ts"],"mappings":"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","ignoreList":[]}