@mirohq/design-system-dropdown-menu 3.3.0-dropdown.2 → 3.3.0-dropdown.3

package/dist/module.js

@@ -1,7 +1,8 @@
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Portal as Portal$1 } from '@radix-ui/react-dropdown-menu';
 import { IconProhibit, IconCheckMark } from '@mirohq/design-system-icons';
+import { booleanify } from '@mirohq/design-system-utils';
 import { Primitive } from '@mirohq/design-system-primitive';
 import { styled, theme } from '@mirohq/design-system-stitches';
 import { focus, animations } from '@mirohq/design-system-styles';
@@ -18,6 +19,26 @@ const ItemDescription = styled(Primitive.div, {
   color: "$text-neutrals-subtle"
 });
 
+const LeftSlot = styled(Primitive.div, {
+  display: "flex",
+  placeContent: "center",
+  marginRight: "$100",
+  gridArea: "left-slot"
+});
+const IconSlot = styled(LeftSlot, {
+  width: "$6"
+});
+const IllustrationSlot = styled(LeftSlot, {
+  width: "$13"
+});
+const RightSlot = styled(Primitive.div, {
+  display: "flex",
+  alignItems: "center",
+  marginLeft: "auto",
+  paddingLeft: "$200",
+  gridArea: "right-slot"
+});
+
 const itemDefaults = {
   all: "unset",
   boxSizing: "border-box",
@@ -38,18 +59,28 @@ const itemDefaults = {
   position: "relative",
   userSelect: "none",
   cursor: "pointer",
-  "&[data-disabled]": {
-    color: "rgba(9, 9, 9, 0.4)",
-    pointerEvents: "none"
-  },
   ...focus.defaults,
-  "&:hover": {
-    background: "rgba(232, 236, 255, 1)",
-    boxShadow: "none",
+  '&:disabled, &[aria-disabled="true"], &[data-disabled]': {
+    pointerEvents: "none",
     [`&, & ${ItemDescription}`]: {
-      color: "$text-primary-hover"
+      color: "$text-neutrals-disabled"
+    },
+    [`& ${IllustrationSlot}`]: {
+      filter: "grayscale(1)"
+    }
+  },
+  "&:hover": {
+    background: "$background-primary-subtle-hover",
+    color: "$text-primary-hover",
+    '&:not([aria-disabled="true"])': {
+      boxShadow: "none"
     }
   },
+  "&:active": {
+    background: "$background-primary-subtle-active",
+    boxShadow: "none",
+    color: "$text-primary-active"
+  },
   '&[tabindex="0"]': {
     zIndex: "1"
   }
@@ -64,48 +95,54 @@ const StyledCheckboxItem = styled(RadixDropdownMenu.CheckboxItem, {
   [`&[data-state="checked"]:hover ${StyledIndicator}`]: {
     color: "$icon-primary-hover"
   },
-  [`&[data-disabled] ${StyledIndicator}`]: {
+  [`
+    &[aria-disabled="true"] ${StyledIndicator},
+    &[data-disabled] ${StyledIndicator}
+  `]: {
     color: "$icon-neutrals-disabled"
   }
 });
 
-const LeftSlot = styled(Primitive.div, {
-  display: "flex",
-  placeContent: "center",
-  marginRight: "$100",
-  gridArea: "left-slot"
-});
-const IconSlot = styled(LeftSlot, {
-  width: "$6"
-});
-const IllustrationSlot = styled(LeftSlot, {
-  width: "$13"
-});
-const RightSlot = styled(Primitive.div, {
-  display: "flex",
-  alignItems: "center",
-  marginLeft: "auto",
-  paddingLeft: "$200",
-  gridArea: "right-slot"
-});
+const useAriaDisabled = ({ "aria-disabled": ariaDisabled, onKeyDown, onSelect }, preventDefault = false) => useMemo(
+  () => ({
+    "aria-disabled": booleanify(ariaDisabled) ? ariaDisabled : void 0,
+    onKeyDown: (e) => {
+      if (booleanify(ariaDisabled) && e.code !== "ArrowUp" && e.code !== "ArrowDown") {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      onKeyDown == null ? void 0 : onKeyDown(e);
+    },
+    onSelect: (e) => {
+      if (preventDefault) {
+        e.preventDefault();
+      }
+      if (booleanify(ariaDisabled)) {
+        return;
+      }
+      onSelect == null ? void 0 : onSelect(e);
+    }
+  }),
+  [ariaDisabled, onKeyDown, onSelect, preventDefault]
+);
 
-const CheckboxItem = React.forwardRef(
-  ({ children, checked, onChange, onSelect, disabled, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(StyledCheckboxItem, {
+const CheckboxItem = React.forwardRef(({ children, checked, onChange, disabled, ...restProps }, forwardRef) => {
+  const ariaDisabledProps = useAriaDisabled(restProps, true);
+  const { "aria-disabled": ariaDisabled } = ariaDisabledProps;
+  return /* @__PURE__ */ React.createElement(StyledCheckboxItem, {
     ...restProps,
+    ...ariaDisabledProps,
     ref: forwardRef,
     checked,
     disabled,
-    onCheckedChange: onChange,
-    onSelect: (event) => {
-      event.preventDefault();
-      onSelect == null ? void 0 : onSelect(event);
-    }
-  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledIndicator, null, disabled === true && !checked && /* @__PURE__ */ React.createElement(IconProhibit, {
+    onCheckedChange: onChange
+  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledIndicator, null, (disabled === true || booleanify(ariaDisabled)) && !checked && /* @__PURE__ */ React.createElement(IconProhibit, {
     size: "small"
   }), checked && /* @__PURE__ */ React.createElement(IconCheckMark, {
     size: "small"
-  }))))
-);
+  }))));
+});
 
 const GUTTER_TOKEN = 150;
 const CONTENT_GUTTER = parseInt(theme.space[GUTTER_TOKEN]);
@@ -186,20 +223,28 @@ const Content = React.forwardRef(
 const StyledItem = styled(RadixDropdownMenu.Item, itemDefaults);
 
 const Item = React.forwardRef(
-  ({ disabled = false, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(StyledItem, {
-    ...restProps,
-    ref: forwardRef,
-    disabled
-  })
+  ({ disabled = false, ...restProps }, forwardRef) => {
+    const ariaDisabledProps = useAriaDisabled(restProps);
+    return /* @__PURE__ */ React.createElement(StyledItem, {
+      ...restProps,
+      ...ariaDisabledProps,
+      disabled,
+      ref: forwardRef
+    });
+  }
 );
 
-const LinkItem = React.forwardRef(({ children, href, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(Item, {
-  asChild: true,
-  ref: forwardRef,
-  ...restProps
-}, /* @__PURE__ */ React.createElement("a", {
-  href
-}, children)));
+const LinkItem = React.forwardRef(({ children, href, ...restProps }, forwardRef) => {
+  const ariaDisabledProps = useAriaDisabled(restProps);
+  return /* @__PURE__ */ React.createElement(Item, {
+    asChild: true,
+    ref: forwardRef,
+    ...restProps,
+    ...ariaDisabledProps
+  }, /* @__PURE__ */ React.createElement("a", {
+    href
+  }, children));
+});
 
 const StyledRadioGroup = styled(RadixDropdownMenu.RadioGroup);
 
@@ -248,30 +293,38 @@ const StyledRadioItem = styled(RadixDropdownMenu.RadioItem, {
       backgroundColor: "$background-primary-prominent-hover"
     }
   },
-  [`&[data-disabled] ${StyledRadioContainer}`]: {
+  [`
+    &[aria-disabled="true"] ${StyledRadioContainer},
+    &[data-disabled] ${StyledRadioContainer}
+  `]: {
     color: "$icon-neutrals-disabled",
     borderColor: "$border-neutrals-disabled",
     [`& ${StyledPill}`]: {
       backgroundColor: "$icon-neutrals-disabled"
     }
   },
-  [`&[data-state="unchecked"][data-disabled] ${StyledProhibited}`]: {
-    display: "block"
+  '&[data-state="unchecked"]': {
+    [`
+      &[aria-disabled="true"] ${StyledProhibited},
+      &[data-disabled] ${StyledProhibited}
+    `]: {
+      display: "flex"
+    }
   }
 });
 
-const RadioItem = React.forwardRef(({ disabled = false, onSelect, children, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(StyledRadioItem, {
-  ...restProps,
-  ref: forwardRef,
-  disabled,
-  onSelect: (event) => {
-    event.preventDefault();
-    onSelect == null ? void 0 : onSelect(event);
-  }
-}, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledRadioContainer, null, /* @__PURE__ */ React.createElement(StyledPill, null), /* @__PURE__ */ React.createElement(StyledProhibited, null)))));
+const RadioItem = React.forwardRef(({ disabled = false, children, ...restProps }, forwardRef) => {
+  const ariaDisabledProps = useAriaDisabled(restProps, true);
+  return /* @__PURE__ */ React.createElement(StyledRadioItem, {
+    ...restProps,
+    ...ariaDisabledProps,
+    disabled,
+    ref: forwardRef
+  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledRadioContainer, null, /* @__PURE__ */ React.createElement(StyledPill, null), /* @__PURE__ */ React.createElement(StyledProhibited, null))));
+});
 
 const StyledSeparator = styled(RadixDropdownMenu.Separator, {
-  borderTop: "1px solid rgba(235, 235, 239, 1)",
+  borderTop: "1px solid $border-neutrals-subtle",
   marginY: "$100"
 });
 
@@ -290,21 +343,24 @@ const StyledSwitchItem = styled(RadixDropdownMenu.CheckboxItem, {
   [`&[data-state="checked"] ${StyledSwitch}`]: styles.checked,
   [`&[data-state="checked"]:hover ${StyledSwitch}`]: styles.checkedHovered,
   [`&:hover ${StyledSwitch}`]: styles.hovered,
-  [`&[data-disabled] ${StyledSwitch}`]: styles.disabled
+  [`
+    &[aria-disabled="true"] ${StyledSwitch},
+    &[data-disabled] ${StyledSwitch}
+  `]: styles.disabled
 });
 
 const SwitchItem = React.forwardRef(
-  ({ disabled = false, checked, onChange, onSelect, children, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(StyledSwitchItem, {
-    ...restProps,
-    ref: forwardRef,
-    disabled,
-    checked,
-    onCheckedChange: onChange,
-    onSelect: (event) => {
-      event.preventDefault();
-      onSelect == null ? void 0 : onSelect(event);
-    }
-  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledSwitch, null, /* @__PURE__ */ React.createElement(Thumb, null))))
+  ({ disabled = false, checked, onChange, children, ...restProps }, forwardRef) => {
+    const ariaDisabledProps = useAriaDisabled(restProps, true);
+    return /* @__PURE__ */ React.createElement(StyledSwitchItem, {
+      ...restProps,
+      ...ariaDisabledProps,
+      disabled,
+      checked,
+      onCheckedChange: onChange,
+      ref: forwardRef
+    }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledSwitch, null, /* @__PURE__ */ React.createElement(Thumb, null))));
+  }
 );
 
 const defaultStyles = {
@@ -347,11 +403,18 @@ const ArrowIcon = () => /* @__PURE__ */ React.createElement("svg", {
 }, /* @__PURE__ */ React.createElement("path", {
   d: "M5.29289 3.29289C5.68342 2.90237 6.31658 2.90237 6.70711 3.29289L11.4142 8L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L8.58579 8L5.29289 4.70711C4.90237 4.31658 4.90237 3.68342 5.29289 3.29289Z"
 }));
-const SubTrigger = React.forwardRef(({ children, disabled = false, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(StyledSubTrigger, {
-  ...restProps,
-  ref: forwardRef,
-  disabled
-}, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(ArrowIcon, null))));
+const SubTrigger = React.forwardRef(({ children, disabled = false, ...restProps }, forwardRef) => {
+  const { onSelect, ...ariaDisabledProps } = useAriaDisabled({
+    onKeyDown: restProps.onKeyDown,
+    "aria-disabled": restProps["aria-disabled"]
+  });
+  return /* @__PURE__ */ React.createElement(StyledSubTrigger, {
+    ...restProps,
+    ...ariaDisabledProps,
+    disabled,
+    ref: forwardRef
+  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(ArrowIcon, null)));
+});
 
 const StyledSubContent = styled(
   RadixDropdownMenu.SubContent,

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/partials/item-description.tsx","../src/styles/item.ts","../src/partials/checkbox-item.styled.tsx","../src/partials/slots.styled.ts","../src/partials/checkbox-item.tsx","../src/styles/content.ts","../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/partials/link-item.tsx","../src/partials/radio-group.styled.tsx","../src/partials/radio-group.tsx","../src/partials/radio-item.styled.tsx","../src/partials/radio-item.tsx","../src/partials/separator.styled.tsx","../src/partials/separator.tsx","../src/partials/switch-item.styled.ts","../src/partials/switch-item.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/sub-trigger.styled.tsx","../src/partials/sub-trigger.tsx","../src/partials/sub-content.styled.tsx","../src/partials/sub-content.tsx","../src/partials/sub.styled.tsx","../src/partials/sub.tsx","../src/partials/portal.tsx","../src/dropdown-menu.tsx"],"sourcesContent":["import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const ItemDescription = styled(Primitive.div, {\n  display: '-webkit-box',\n  width: '100%',\n  WebkitBoxOrient: 'vertical',\n  WebkitLineClamp: 2,\n  overflow: 'hidden',\n  gridArea: 'item-description',\n  fontSize: '$150',\n  color: '$text-neutrals-subtle',\n})\n","import { focus } from '@mirohq/design-system-styles'\n\nimport { ItemDescription } from '../partials/item-description'\n\nexport const itemDefaults = {\n  all: 'unset',\n  boxSizing: 'border-box',\n  fontSize: 14,\n  lineHeight: '20px',\n  color: '$text-neutrals',\n  borderRadius: '$50',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr auto',\n  gridTemplateRows: '1fr auto',\n  gridTemplateAreas: `\n    'left-slot item-text right-slot'\n    'left-slot item-description right-slot'\n  `,\n  alignItems: 'center',\n  minHeight: '$11',\n  padding: '$100 $150',\n  position: 'relative',\n  userSelect: 'none',\n  cursor: 'pointer',\n\n  '&[data-disabled]': {\n    color: 'rgba(9, 9, 9, 0.4)',\n    pointerEvents: 'none',\n  },\n\n  ...focus.defaults,\n\n  '&:hover': {\n    background: 'rgba(232, 236, 255, 1)',\n    boxShadow: 'none',\n    [`&, & ${ItemDescription}`]: {\n      color: '$text-primary-hover',\n    },\n  },\n  '&[tabindex=\"0\"]': {\n    zIndex: '1',\n  },\n}\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledIndicator = styled(Primitive.span, {})\n\nexport const StyledCheckboxItem = styled(RadixDropdownMenu.CheckboxItem, {\n  ...itemDefaults,\n  [`&[data-state=\"checked\"] ${StyledIndicator}`]: {\n    color: '$icon-primary',\n  },\n  [`&[data-state=\"checked\"]:hover ${StyledIndicator}`]: {\n    color: '$icon-primary-hover',\n  },\n  [`&[data-disabled] ${StyledIndicator}`]: {\n    color: '$icon-neutrals-disabled',\n  },\n})\n\nexport type StyledCheckboxItemProps = StrictComponentProps<\n  typeof StyledCheckboxItem\n>\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nconst LeftSlot = styled(Primitive.div, {\n  display: 'flex',\n  placeContent: 'center',\n  marginRight: '$100',\n  gridArea: 'left-slot',\n})\n\nexport const IconSlot = styled(LeftSlot, {\n  width: '$6',\n})\n\nexport const IllustrationSlot = styled(LeftSlot, {\n  width: '$13',\n})\n\nexport const RightSlot = styled(Primitive.div, {\n  display: 'flex',\n  alignItems: 'center',\n  marginLeft: 'auto',\n  paddingLeft: '$200',\n  gridArea: 'right-slot',\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { IconCheckMark, IconProhibit } from '@mirohq/design-system-icons'\n\nimport { StyledCheckboxItem, StyledIndicator } from './checkbox-item.styled'\nimport type { StyledCheckboxItemProps } from './checkbox-item.styled'\nimport { RightSlot } from './slots.styled'\n\nexport interface CheckboxItemProps\n  extends Omit<StyledCheckboxItemProps, 'onChange'> {\n  /**\n   * The checked state of the item.\n   */\n  checked: boolean\n\n  /**\n   * Event handler called when the checked state changes.\n   */\n  onChange: (checked: boolean) => void\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard).\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.\n   * Use this when the content is complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const CheckboxItem = React.forwardRef<\n  ElementRef<typeof StyledCheckboxItem>,\n  CheckboxItemProps\n>(\n  (\n    { children, checked, onChange, onSelect, disabled, ...restProps },\n    forwardRef\n  ) => (\n    <StyledCheckboxItem\n      {...restProps}\n      ref={forwardRef}\n      checked={checked}\n      disabled={disabled}\n      onCheckedChange={onChange}\n      onSelect={(event: Event) => {\n        event.preventDefault()\n        onSelect?.(event)\n      }}\n    >\n      {children}\n      <RightSlot>\n        <StyledIndicator>\n          {disabled === true && !checked && <IconProhibit size='small' />}\n          {checked && <IconCheckMark size='small' />}\n        </StyledIndicator>\n      </RightSlot>\n    </StyledCheckboxItem>\n  )\n)\n","import { theme } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nimport { RightSlot } from '../partials/slots.styled'\n\nconst GUTTER_TOKEN = 150\nexport const CONTENT_GUTTER = parseInt(theme.space[GUTTER_TOKEN])\nexport const CONTENT_OFFSET = parseInt(theme.space[50])\nconst ITEM_WITHOUT_RIGHT_SLOT = `[role=\"menuitem\"]:not(:has(${RightSlot}))`\n\nexport const contentDefaults = {\n  maxWidth: '$125',\n  backgroundColor: '$white',\n  borderRadius: '$50',\n  padding: `$${GUTTER_TOKEN}`,\n  boxShadow: '$50',\n  [`&:has(${RightSlot}) > ${ITEM_WITHOUT_RIGHT_SLOT}`]: {\n    paddingRight: '44px',\n  },\n  [`&:has([role=\"switch\"]) > ${ITEM_WITHOUT_RIGHT_SLOT}`]: {\n    paddingRight: '56px',\n  },\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '150ms',\n    animationTimingFunction: 'cubic-bezier(0.25, 0.5, 0.5, 0.9)',\n    willChange: 'transform, opacity',\n    '&[data-state=\"open\"]': { animationName: animations.fadeInScaled },\n    '&[data-state=\"closed\"]': { animationName: animations.fadeOutScaled },\n    '&[data-side=\"top\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'bottom left' },\n      '&[data-align=\"center\"]': { transformOrigin: 'bottom center' },\n      '&[data-align=\"end\"]': { transformOrigin: 'bottom right' },\n    },\n    '&[data-side=\"right\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'top left' },\n      '&[data-align=\"center\"]': { transformOrigin: 'center left' },\n      '&[data-align=\"end\"]': { transformOrigin: 'bottom left' },\n    },\n    '&[data-side=\"bottom\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'top left' },\n      '&[data-align=\"center\"]': { transformOrigin: 'top center' },\n      '&[data-align=\"end\"]': { transformOrigin: 'top right' },\n    },\n    '&[data-side=\"left\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'top right' },\n      '&[data-align=\"center\"]': { transformOrigin: 'center right' },\n      '&[data-align=\"end\"]': { transformOrigin: 'bottom right' },\n    },\n  },\n  position: 'relative',\n  zIndex: '$dropdownMenu',\n}\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { contentDefaults } from '../styles/content'\n\nexport const StyledContent = styled(RadixDropdownMenu.Content, contentDefaults)\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { CONTENT_OFFSET } from '../styles/content'\nimport type {\n  PointerDownOutsideEvent,\n  FocusOutsideEvent,\n  Side,\n  Align,\n  StickyBehavior,\n} from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Whether keyboard navigation should loop around\n   */\n  loop?: boolean\n\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault. This prop is ignored within\n   * submenus.\n   */\n  onCloseAutoFocus?: (event: Event) => void\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n  /**\n   * Event handler called when focus moves outside the bounds of the component.\n   * It can be prevented by calling event.preventDefault.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n\n  /**\n   * Event handler called when an interaction (pointer or focus event) happens\n   * outside the bounds of the component. It can be prevented by calling\n   * event.preventDefault.\n   */\n  onInteractOutside?: (\n    event: PointerDownOutsideEvent | FocusOutsideEvent\n  ) => void\n\n  /**\n   * The preferred side of the trigger to render against when open. Will be\n   * reversed when collisions occur and avoidCollisions is enabled. This prop is\n   * ignored within submenus.\n   */\n  side?: Side\n\n  /**\n   * The distance in pixels from the trigger\n   */\n  sideOffset?: number\n\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur. This prop is ignored within submenus.\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options\n   */\n  alignOffset?: number\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   */\n  collisionPadding?: number\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   */\n  sticky?: StickyBehavior\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from\n   * DropdownMenu.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   */\n  hideWhenDetached?: boolean\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      loop = false,\n      side = 'bottom',\n      sideOffset = CONTENT_OFFSET,\n      align = 'center',\n      alignOffset = 0,\n      collisionPadding = 0,\n      avoidCollisions = true,\n      sticky = 'partial',\n      hideWhenDetached = false,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledContent\n      {...restProps}\n      ref={forwardRef}\n      loop={loop}\n      side={side}\n      sideOffset={sideOffset}\n      align={align}\n      alignOffset={alignOffset}\n      avoidCollisions={avoidCollisions}\n      collisionPadding={collisionPadding}\n      sticky={sticky}\n      hideWhenDetached={hideWhenDetached}\n    />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledItem = styled(RadixDropdownMenu.Item, itemDefaults)\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * When true, prevents the user from interacting with the item\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard). Calling event.preventDefault in this handler will prevent the dropdown menu from closing when selecting that item\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item. Use this when the content is complex, or you have non-textual content inside\n   */\n  textValue?: string\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ disabled = false, ...restProps }, forwardRef) => (\n    <StyledItem {...restProps} ref={forwardRef} disabled={disabled} />\n  )\n)\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport { Item } from './item'\nimport type { ItemProps } from './item'\n\ntype ItemPropsWithAnchor = ItemProps & AnchorHTMLAttributes<typeof Item>\nexport interface LinkItemProps extends ItemPropsWithAnchor {}\n\nexport const LinkItem = React.forwardRef<\n  ElementRef<typeof Item>,\n  LinkItemProps\n>(({ children, href, ...restProps }, forwardRef) => (\n  <Item asChild ref={forwardRef} {...restProps}>\n    <a href={href}>{children}</a>\n  </Item>\n))\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nexport const StyledRadioGroup = styled(RadixDropdownMenu.RadioGroup)\n\nexport type StyledRadioGroupProps = StrictComponentProps<\n  typeof StyledRadioGroup\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledRadioGroup } from './radio-group.styled'\nimport type { StyledRadioGroupProps } from './radio-group.styled'\n\nexport interface RadioGroupProps\n  extends Omit<StyledRadioGroupProps, 'onChange'> {\n  /**\n   * The value of the selected item in the group\n   */\n  value: string\n\n  /**\n   * Event handler called when the selected radio changes\n   */\n  onChange: (value: string) => void\n}\n\nexport const RadioGroup = React.forwardRef<\n  ElementRef<typeof StyledRadioGroup>,\n  RadioGroupProps\n>((props, forwardRef) => {\n  const { onChange, ...restProps } = props\n\n  return (\n    <StyledRadioGroup\n      {...restProps}\n      ref={forwardRef}\n      onValueChange={onChange}\n    />\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { IconProhibit } from '@mirohq/design-system-icons'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledRadioContainer = styled(Primitive.span, {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '$4',\n  height: '$4',\n  boxSizing: 'border-box',\n  border: '1px solid $border-neutrals',\n  borderRadius: '$half',\n})\n\nexport const StyledPill = styled(Primitive.span, {\n  display: 'none',\n  width: '$2',\n  height: '$2',\n  borderRadius: '$half',\n})\n\nexport const StyledProhibited = styled(IconProhibit, {\n  display: 'none',\n  width: '$3',\n})\n\nexport const StyledRadioItem = styled(RadixDropdownMenu.RadioItem, {\n  ...itemDefaults,\n  [`&[data-state=\"checked\"] ${StyledRadioContainer}`]: {\n    color: '$icon-primary',\n    borderColor: '$border-primary',\n\n    [`& ${StyledPill}`]: {\n      display: 'block',\n      backgroundColor: '$background-primary-prominent-selected',\n    },\n  },\n\n  [`&:hover ${StyledRadioContainer}`]: {\n    borderColor: '$border-primary-hover',\n\n    [`& ${StyledPill}`]: {\n      backgroundColor: '$background-primary-prominent-hover',\n    },\n  },\n\n  [`&[data-disabled] ${StyledRadioContainer}`]: {\n    color: '$icon-neutrals-disabled',\n    borderColor: '$border-neutrals-disabled',\n\n    [`& ${StyledPill}`]: {\n      backgroundColor: '$icon-neutrals-disabled',\n    },\n  },\n  [`&[data-state=\"unchecked\"][data-disabled] ${StyledProhibited}`]: {\n    display: 'block',\n  },\n})\n\nexport type StyledRadioItemProps = StrictComponentProps<typeof StyledRadioItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport {\n  StyledPill,\n  StyledProhibited,\n  StyledRadioContainer,\n  StyledRadioItem,\n} from './radio-item.styled'\nimport type { StyledRadioItemProps } from './radio-item.styled'\nimport { RightSlot } from './slots.styled'\n\nexport interface RadioItemProps extends StyledRadioItemProps {\n  /**\n   * The unique value of the item.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard).\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.\n   * Use this when the content is complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const RadioItem = React.forwardRef<\n  ElementRef<typeof StyledRadioItem>,\n  RadioItemProps\n>(({ disabled = false, onSelect, children, ...restProps }, forwardRef) => (\n  <StyledRadioItem\n    {...restProps}\n    ref={forwardRef}\n    disabled={disabled}\n    onSelect={(event: Event) => {\n      event.preventDefault()\n      onSelect?.(event)\n    }}\n  >\n    {children}\n    <RightSlot>\n      <StyledRadioContainer>\n        <StyledPill />\n        <StyledProhibited />\n      </StyledRadioContainer>\n    </RightSlot>\n  </StyledRadioItem>\n))\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nexport const StyledSeparator = styled(RadixDropdownMenu.Separator, {\n  borderTop: '1px solid rgba(235, 235, 239, 1)',\n  marginY: '$100',\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSeparator } from './separator.styled'\nimport type { StyledSeparatorProps } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n  ElementRef<typeof StyledSeparator>,\n  SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { styles } from '@mirohq/design-system-base-switch'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledSwitch = styled(Primitive.span, {\n  ...styles.default,\n  width: '$7',\n  height: '$4',\n})\n\nexport const StyledSwitchItem = styled(RadixDropdownMenu.CheckboxItem, {\n  ...itemDefaults,\n\n  [`&[data-state=\"checked\"] ${StyledSwitch}`]: styles.checked,\n  [`&[data-state=\"checked\"]:hover ${StyledSwitch}`]: styles.checkedHovered,\n\n  [`&:hover ${StyledSwitch}`]: styles.hovered,\n  [`&[data-disabled] ${StyledSwitch}`]: styles.disabled,\n})\n\nexport type StyledSwitchItemProps = StrictComponentProps<\n  typeof StyledSwitchItem\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Thumb } from '@mirohq/design-system-base-switch'\n\nimport { RightSlot } from './slots.styled'\nimport type { StyledSwitchItemProps } from './switch-item.styled'\nimport { StyledSwitch, StyledSwitchItem } from './switch-item.styled'\n\nexport interface SwitchItemProps\n  extends Omit<StyledSwitchItemProps, 'onChange'> {\n  /**\n   * The checked state of the item.\n   */\n  checked: boolean\n\n  /**\n   * Event handler called when the checked state changes.\n   */\n  onChange: (checked: boolean) => void\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard).\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.\n   * Use this when the content is complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const SwitchItem = React.forwardRef<\n  ElementRef<typeof StyledSwitchItem>,\n  SwitchItemProps\n>(\n  (\n    { disabled = false, checked, onChange, onSelect, children, ...restProps },\n    forwardRef\n  ) => (\n    <StyledSwitchItem\n      {...restProps}\n      ref={forwardRef}\n      disabled={disabled}\n      checked={checked}\n      onCheckedChange={onChange}\n      onSelect={(event: Event) => {\n        event.preventDefault()\n        onSelect?.(event)\n      }}\n    >\n      {children}\n      <RightSlot>\n        <StyledSwitch>\n          <Thumb />\n        </StyledSwitch>\n      </RightSlot>\n    </StyledSwitchItem>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst defaultStyles = {\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  ...focus.defaults,\n}\n\nexport const StyledTrigger = styled(RadixDropdownMenu.Trigger, {\n  variants: {\n    unstyled: {\n      true: {\n        all: 'unset',\n        ...defaultStyles,\n      },\n      false: defaultStyles,\n    },\n  },\n})\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ asChild = false, onPress, onClick, ...restProps }, forwardRef) => (\n  <StyledTrigger\n    {...restProps}\n    onClick={onPress ?? onClick}\n    ref={forwardRef}\n    unstyled={!asChild}\n    asChild={asChild}\n  />\n))\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledSubTrigger = styled(RadixDropdownMenu.SubTrigger, {\n  ...itemDefaults,\n  '&[data-state=\"open\"]': itemDefaults['&:hover'],\n})\n\nexport type StyledSubTriggerProps = StrictComponentProps<\n  typeof StyledSubTrigger\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSubTrigger } from './sub-trigger.styled'\nimport type { StyledSubTriggerProps } from './sub-trigger.styled'\nimport { RightSlot } from './slots.styled'\n\nconst ArrowIcon = (): JSX.Element => (\n  <svg\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='currentColor'\n    xmlns='http://www.w3.org/2000/svg'\n    data-testid='submenu-arrow-icon'\n  >\n    <path d='M5.29289 3.29289C5.68342 2.90237 6.31658 2.90237 6.70711 3.29289L11.4142 8L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L8.58579 8L5.29289 4.70711C4.90237 4.31658 4.90237 3.68342 5.29289 3.29289Z' />\n  </svg>\n)\n\nexport interface SubTriggerProps extends StyledSubTriggerProps {\n  /**\n   * Prevents the user from interacting with the switch\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for type ahead purposes. By default the type ahead\n   * behavior will use the .textContent of the item. Use this when the content\n   * is complex, or you have.\n   */\n  textValue?: string\n}\n\nexport const SubTrigger = React.forwardRef<\n  ElementRef<typeof StyledSubTrigger>,\n  StyledSubTriggerProps\n>(({ children, disabled = false, ...restProps }, forwardRef) => (\n  <StyledSubTrigger {...restProps} ref={forwardRef} disabled={disabled}>\n    {children}\n    <RightSlot>\n      <ArrowIcon />\n    </RightSlot>\n  </StyledSubTrigger>\n))\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { contentDefaults } from '../styles/content'\n\nexport const StyledSubContent = styled(\n  RadixDropdownMenu.SubContent,\n  contentDefaults\n)\n\nexport type StyledSubContentProps = StrictComponentProps<\n  typeof StyledSubContent\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSubContent } from './sub-content.styled'\nimport { CONTENT_GUTTER, CONTENT_OFFSET } from '../styles/content'\nimport type { StyledSubContentProps } from './sub-content.styled'\nimport type { PointerDownOutsideEvent, FocusOutsideEvent } from '../types'\n\nexport interface SubContentProps extends StyledSubContentProps {\n  /**\n   * Whether keyboard navigation should loop around\n   * @default false\n   */\n  loop?: boolean\n\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault. This prop is ignored within\n   * submenus.\n   */\n  onCloseAutoFocus?: (event: Event) => void\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n  /**\n   * Event handler called when focus moves outside the bounds of the component.\n   * It can be prevented by calling event.preventDefault.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n\n  /**\n   * Event handler called when an interaction (pointer or focus event) happens\n   * outside the bounds of the component. It can be prevented by calling\n   * event.preventDefault.\n   */\n  onInteractOutside?: (\n    event: PointerDownOutsideEvent | FocusOutsideEvent\n  ) => void\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries.\n   */\n  forceMount?: true\n\n  /**\n   * The distance in pixels from the trigger.\n   */\n  sideOffset?: number\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   */\n  alignOffset?: number\n\n  /**\n   * When true, overrides the side andalign preferences to prevent collisions\n   * with window edges.\n   * @default true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   *The distance in pixels from the boundary edges where collision detection\n   *should occur. Accepts a number (same for all sides).\n   */\n  collisionPadding?: number\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   * @default partial\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   * @default false\n   */\n  hideWhenDetached?: boolean\n}\n\n// without CONTENT_GUTTER submenu would overlap the menu\nconst SIDE_OFFSET = CONTENT_GUTTER + CONTENT_OFFSET\n\nexport const SubContent = React.forwardRef<\n  ElementRef<typeof StyledSubContent>,\n  SubContentProps\n>(\n  (\n    {\n      sideOffset = SIDE_OFFSET,\n      alignOffset = -CONTENT_GUTTER,\n      collisionPadding = 0,\n      loop = false,\n      hideWhenDetached = false,\n      sticky = 'partial',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledSubContent\n      {...restProps}\n      ref={forwardRef}\n      sideOffset={sideOffset}\n      alignOffset={alignOffset}\n      collisionPadding={collisionPadding}\n      loop={loop}\n      hideWhenDetached={hideWhenDetached}\n      sticky={sticky}\n    />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nexport const StyledSub = styled(RadixDropdownMenu.Sub, {})\n\nexport type StyledSubProps = StrictComponentProps<typeof StyledSub>\n","import React, { useState } from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSub } from './sub.styled'\nimport type { StyledSubProps } from './sub.styled'\n\nexport interface SubProps extends StyledSubProps {\n  /**\n   * The open state of the submenu when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the submenu. Must be used in conjunction with\n   * onOpenChange.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the submenu opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the submenu closes.\n   */\n  onClose?: () => void\n}\n\nexport const Sub = React.forwardRef<ElementRef<typeof StyledSub>, SubProps>(\n  ({ defaultOpen, onOpen, onClose, open, ...restProps }, forwardRef) => {\n    const [openState, setOpenState] = useState(defaultOpen)\n    return (\n      <StyledSub\n        {...restProps}\n        open={open ?? openState}\n        onOpenChange={newOpen => {\n          if (open == null) {\n            setOpenState(newOpen)\n          }\n\n          newOpen ? onOpen?.() : onClose?.()\n        }}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import React from 'react'\nimport type { DropdownMenuPortalProps } from '@radix-ui/react-dropdown-menu'\nimport { Portal as RadixPortal } from '@radix-ui/react-dropdown-menu'\n\nexport interface PortalProps extends DropdownMenuPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by DropdownMenu.Content and DropdownMenu.SubContent respectively.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState } from 'react'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { CheckboxItem } from './partials/checkbox-item'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { LinkItem } from './partials/link-item'\nimport { RadioGroup } from './partials/radio-group'\nimport { RadioItem } from './partials/radio-item'\nimport { Separator } from './partials/separator'\nimport { SwitchItem } from './partials/switch-item'\nimport { Trigger } from './partials/trigger'\nimport { SubTrigger } from './partials/sub-trigger'\nimport { SubContent } from './partials/sub-content'\nimport { Sub } from './partials/sub'\nimport { Portal } from './partials/portal'\nimport { IconSlot, IllustrationSlot } from './partials/slots.styled'\nimport { ItemDescription } from './partials/item-description'\n\nexport interface DropdownMenuProps {\n  /**\n   * The open state of the dropdown menu when it is initially rendered. Use when\n   * you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The reading direction of submenus when applicable. If omitted, assumes LTR\n   * (left-to-right) reading mode.\n   */\n  direction?: 'ltr' | 'rtl'\n\n  /**\n   * The current dropdown open state.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the dropdown opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the dropdown closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Defines whether the interaction with outside elements will be disabled and\n   * only menu content will be visible to screen readers. This prop is ignored\n   * within submenus.\n   */\n  interactOutside?: boolean\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n}\n\nexport const DropdownMenu: React.FC<DropdownMenuProps> & Partials = ({\n  defaultOpen = false,\n  direction = 'ltr',\n  interactOutside = false,\n  open,\n  onOpen,\n  onClose,\n  ...restProps\n}) => {\n  const [openState, setOpenState] = useState(defaultOpen)\n\n  return (\n    <RadixDropdownMenu.Root\n      {...restProps}\n      dir={direction}\n      modal={interactOutside}\n      open={open ?? openState}\n      onOpenChange={newOpen => {\n        if (open == null) {\n          setOpenState(newOpen)\n        }\n\n        newOpen ? onOpen?.() : onClose?.()\n      }}\n    />\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n  CheckboxItem: typeof CheckboxItem\n  Content: typeof Content\n  IconSlot: typeof IconSlot\n  IllustrationSlot: typeof IllustrationSlot\n  Item: typeof Item\n  ItemDescription: typeof ItemDescription\n  LinkItem: typeof LinkItem\n  Portal: typeof Portal\n  RadioGroup: typeof RadioGroup\n  RadioItem: typeof RadioItem\n  Separator: typeof Separator\n  Sub: typeof Sub\n  SubContent: typeof SubContent\n  SubTrigger: typeof SubTrigger\n  SwitchItem: typeof SwitchItem\n  Trigger: typeof Trigger\n}\n\nDropdownMenu.CheckboxItem = CheckboxItem\nDropdownMenu.Content = Content\nDropdownMenu.IconSlot = IconSlot\nDropdownMenu.IllustrationSlot = IllustrationSlot\nDropdownMenu.Item = Item\nDropdownMenu.ItemDescription = ItemDescription\nDropdownMenu.LinkItem = LinkItem\nDropdownMenu.Portal = Portal\nDropdownMenu.RadioGroup = RadioGroup\nDropdownMenu.RadioItem = RadioItem\nDropdownMenu.Separator = Separator\nDropdownMenu.Sub = Sub\nDropdownMenu.SubContent = SubContent\nDropdownMenu.SubTrigger = SubTrigger\nDropdownMenu.SwitchItem = SwitchItem\nDropdownMenu.Trigger = Trigger\n"],"names":["RadixPortal"],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/partials/item-description.tsx","../src/partials/slots.styled.ts","../src/styles/item.ts","../src/partials/checkbox-item.styled.tsx","../src/use-aria-disabled.ts","../src/partials/checkbox-item.tsx","../src/styles/content.ts","../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/partials/link-item.tsx","../src/partials/radio-group.styled.tsx","../src/partials/radio-group.tsx","../src/partials/radio-item.styled.tsx","../src/partials/radio-item.tsx","../src/partials/separator.styled.tsx","../src/partials/separator.tsx","../src/partials/switch-item.styled.ts","../src/partials/switch-item.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/sub-trigger.styled.tsx","../src/partials/sub-trigger.tsx","../src/partials/sub-content.styled.tsx","../src/partials/sub-content.tsx","../src/partials/sub.styled.tsx","../src/partials/sub.tsx","../src/partials/portal.tsx","../src/dropdown-menu.tsx"],"sourcesContent":["import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const ItemDescription = styled(Primitive.div, {\n  display: '-webkit-box',\n  width: '100%',\n  WebkitBoxOrient: 'vertical',\n  WebkitLineClamp: 2,\n  overflow: 'hidden',\n  gridArea: 'item-description',\n  fontSize: '$150',\n  color: '$text-neutrals-subtle',\n})\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nconst LeftSlot = styled(Primitive.div, {\n  display: 'flex',\n  placeContent: 'center',\n  marginRight: '$100',\n  gridArea: 'left-slot',\n})\n\nexport const IconSlot = styled(LeftSlot, {\n  width: '$6',\n})\n\nexport const IllustrationSlot = styled(LeftSlot, {\n  width: '$13',\n})\n\nexport const RightSlot = styled(Primitive.div, {\n  display: 'flex',\n  alignItems: 'center',\n  marginLeft: 'auto',\n  paddingLeft: '$200',\n  gridArea: 'right-slot',\n})\n","import { focus } from '@mirohq/design-system-styles'\n\nimport { ItemDescription } from '../partials/item-description'\nimport { IllustrationSlot } from '../partials/slots.styled'\n\nexport const itemDefaults = {\n  all: 'unset',\n  boxSizing: 'border-box',\n  fontSize: 14,\n  lineHeight: '20px',\n  color: '$text-neutrals',\n  borderRadius: '$50',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr auto',\n  gridTemplateRows: '1fr auto',\n  gridTemplateAreas: `\n    'left-slot item-text right-slot'\n    'left-slot item-description right-slot'\n  `,\n  alignItems: 'center',\n  minHeight: '$11',\n  padding: '$100 $150',\n  position: 'relative',\n  userSelect: 'none',\n  cursor: 'pointer',\n\n  ...focus.defaults,\n\n  '&:disabled, &[aria-disabled=\"true\"], &[data-disabled]': {\n    pointerEvents: 'none',\n    [`&, & ${ItemDescription}`]: {\n      color: '$text-neutrals-disabled',\n    },\n    [`& ${IllustrationSlot}`]: {\n      filter: 'grayscale(1)',\n    },\n  },\n\n  '&:hover': {\n    background: '$background-primary-subtle-hover',\n    color: '$text-primary-hover',\n    '&:not([aria-disabled=\"true\"])': {\n      boxShadow: 'none',\n    },\n  },\n\n  '&:active': {\n    background: '$background-primary-subtle-active',\n    boxShadow: 'none',\n    color: '$text-primary-active',\n  },\n\n  '&[tabindex=\"0\"]': {\n    zIndex: '1',\n  },\n}\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledIndicator = styled(Primitive.span, {})\n\nexport const StyledCheckboxItem = styled(RadixDropdownMenu.CheckboxItem, {\n  ...itemDefaults,\n  [`&[data-state=\"checked\"] ${StyledIndicator}`]: {\n    color: '$icon-primary',\n  },\n  [`&[data-state=\"checked\"]:hover ${StyledIndicator}`]: {\n    color: '$icon-primary-hover',\n  },\n  [`\n    &[aria-disabled=\"true\"] ${StyledIndicator},\n    &[data-disabled] ${StyledIndicator}\n  `]: {\n    color: '$icon-neutrals-disabled',\n  },\n})\n\nexport type StyledCheckboxItemProps = StrictComponentProps<\n  typeof StyledCheckboxItem\n>\n","import { useMemo } from 'react'\nimport type { KeyboardEventHandler } from 'react'\nimport type { Booleanish } from '@mirohq/design-system-types'\nimport { booleanify } from '@mirohq/design-system-utils'\n\ninterface AriaDisabledProps extends Object {\n  'aria-disabled'?: Booleanish\n  onKeyDown?: KeyboardEventHandler\n  onSelect?: (event: Event) => void\n}\n\nexport const useAriaDisabled = (\n  { 'aria-disabled': ariaDisabled, onKeyDown, onSelect }: AriaDisabledProps,\n  preventDefault: boolean | undefined = false\n): AriaDisabledProps =>\n  useMemo(\n    () => ({\n      'aria-disabled': booleanify(ariaDisabled) ? ariaDisabled : undefined,\n      onKeyDown: e => {\n        if (\n          booleanify(ariaDisabled) &&\n          e.code !== 'ArrowUp' &&\n          e.code !== 'ArrowDown'\n        ) {\n          e.preventDefault()\n          e.stopPropagation()\n          return\n        }\n\n        onKeyDown?.(e)\n      },\n      onSelect: e => {\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        if (booleanify(ariaDisabled)) {\n          return\n        }\n\n        onSelect?.(e)\n      },\n    }),\n    [ariaDisabled, onKeyDown, onSelect, preventDefault]\n  )\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { IconCheckMark, IconProhibit } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { StyledCheckboxItem, StyledIndicator } from './checkbox-item.styled'\nimport type { StyledCheckboxItemProps } from './checkbox-item.styled'\nimport { RightSlot } from './slots.styled'\nimport { useAriaDisabled } from '../use-aria-disabled'\n\nexport interface CheckboxItemProps\n  extends Omit<StyledCheckboxItemProps, 'onChange'> {\n  /**\n   * The checked state of the item.\n   */\n  checked: boolean\n\n  /**\n   * Event handler called when the checked state changes.\n   */\n  onChange: (checked: boolean) => void\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard).\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.\n   * Use this when the content is complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const CheckboxItem = React.forwardRef<\n  ElementRef<typeof StyledCheckboxItem>,\n  CheckboxItemProps\n>(({ children, checked, onChange, disabled, ...restProps }, forwardRef) => {\n  const ariaDisabledProps = useAriaDisabled(restProps, true)\n  const { 'aria-disabled': ariaDisabled } = ariaDisabledProps\n\n  return (\n    <StyledCheckboxItem\n      {...restProps}\n      {...ariaDisabledProps}\n      ref={forwardRef}\n      checked={checked}\n      disabled={disabled}\n      onCheckedChange={onChange}\n    >\n      {children}\n      <RightSlot>\n        <StyledIndicator>\n          {(disabled === true || booleanify(ariaDisabled)) && !checked && (\n            <IconProhibit size='small' />\n          )}\n          {checked && <IconCheckMark size='small' />}\n        </StyledIndicator>\n      </RightSlot>\n    </StyledCheckboxItem>\n  )\n})\n","import { theme } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nimport { RightSlot } from '../partials/slots.styled'\n\nconst GUTTER_TOKEN = 150\nexport const CONTENT_GUTTER = parseInt(theme.space[GUTTER_TOKEN])\nexport const CONTENT_OFFSET = parseInt(theme.space[50])\nconst ITEM_WITHOUT_RIGHT_SLOT = `[role=\"menuitem\"]:not(:has(${RightSlot}))`\n\nexport const contentDefaults = {\n  maxWidth: '$125',\n  backgroundColor: '$white',\n  borderRadius: '$50',\n  padding: `$${GUTTER_TOKEN}`,\n  boxShadow: '$50',\n  [`&:has(${RightSlot}) > ${ITEM_WITHOUT_RIGHT_SLOT}`]: {\n    paddingRight: '44px',\n  },\n  [`&:has([role=\"switch\"]) > ${ITEM_WITHOUT_RIGHT_SLOT}`]: {\n    paddingRight: '56px',\n  },\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '150ms',\n    animationTimingFunction: 'cubic-bezier(0.25, 0.5, 0.5, 0.9)',\n    willChange: 'transform, opacity',\n    '&[data-state=\"open\"]': { animationName: animations.fadeInScaled },\n    '&[data-state=\"closed\"]': { animationName: animations.fadeOutScaled },\n    '&[data-side=\"top\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'bottom left' },\n      '&[data-align=\"center\"]': { transformOrigin: 'bottom center' },\n      '&[data-align=\"end\"]': { transformOrigin: 'bottom right' },\n    },\n    '&[data-side=\"right\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'top left' },\n      '&[data-align=\"center\"]': { transformOrigin: 'center left' },\n      '&[data-align=\"end\"]': { transformOrigin: 'bottom left' },\n    },\n    '&[data-side=\"bottom\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'top left' },\n      '&[data-align=\"center\"]': { transformOrigin: 'top center' },\n      '&[data-align=\"end\"]': { transformOrigin: 'top right' },\n    },\n    '&[data-side=\"left\"]': {\n      '&[data-align=\"start\"]': { transformOrigin: 'top right' },\n      '&[data-align=\"center\"]': { transformOrigin: 'center right' },\n      '&[data-align=\"end\"]': { transformOrigin: 'bottom right' },\n    },\n  },\n  position: 'relative',\n  zIndex: '$dropdownMenu',\n}\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { contentDefaults } from '../styles/content'\n\nexport const StyledContent = styled(RadixDropdownMenu.Content, contentDefaults)\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { CONTENT_OFFSET } from '../styles/content'\nimport type {\n  PointerDownOutsideEvent,\n  FocusOutsideEvent,\n  Side,\n  Align,\n  StickyBehavior,\n} from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Whether keyboard navigation should loop around\n   */\n  loop?: boolean\n\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault. This prop is ignored within\n   * submenus.\n   */\n  onCloseAutoFocus?: (event: Event) => void\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n  /**\n   * Event handler called when focus moves outside the bounds of the component.\n   * It can be prevented by calling event.preventDefault.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n\n  /**\n   * Event handler called when an interaction (pointer or focus event) happens\n   * outside the bounds of the component. It can be prevented by calling\n   * event.preventDefault.\n   */\n  onInteractOutside?: (\n    event: PointerDownOutsideEvent | FocusOutsideEvent\n  ) => void\n\n  /**\n   * The preferred side of the trigger to render against when open. Will be\n   * reversed when collisions occur and avoidCollisions is enabled. This prop is\n   * ignored within submenus.\n   */\n  side?: Side\n\n  /**\n   * The distance in pixels from the trigger\n   */\n  sideOffset?: number\n\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur. This prop is ignored within submenus.\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options\n   */\n  alignOffset?: number\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   */\n  collisionPadding?: number\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   */\n  sticky?: StickyBehavior\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from\n   * DropdownMenu.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   */\n  hideWhenDetached?: boolean\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      loop = false,\n      side = 'bottom',\n      sideOffset = CONTENT_OFFSET,\n      align = 'center',\n      alignOffset = 0,\n      collisionPadding = 0,\n      avoidCollisions = true,\n      sticky = 'partial',\n      hideWhenDetached = false,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledContent\n      {...restProps}\n      ref={forwardRef}\n      loop={loop}\n      side={side}\n      sideOffset={sideOffset}\n      align={align}\n      alignOffset={alignOffset}\n      avoidCollisions={avoidCollisions}\n      collisionPadding={collisionPadding}\n      sticky={sticky}\n      hideWhenDetached={hideWhenDetached}\n    />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledItem = styled(RadixDropdownMenu.Item, itemDefaults)\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\nimport { useAriaDisabled } from '../use-aria-disabled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * When true, prevents the user from interacting with the item\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard). Calling event.preventDefault in this handler will prevent the dropdown menu from closing when selecting that item\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item. Use this when the content is complex, or you have non-textual content inside\n   */\n  textValue?: string\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ disabled = false, ...restProps }, forwardRef) => {\n    const ariaDisabledProps = useAriaDisabled(restProps)\n\n    return (\n      <StyledItem\n        {...restProps}\n        {...ariaDisabledProps}\n        disabled={disabled}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport { Item } from './item'\nimport type { ItemProps } from './item'\nimport { useAriaDisabled } from '../use-aria-disabled'\n\ntype ItemPropsWithAnchor = ItemProps & AnchorHTMLAttributes<typeof Item>\nexport interface LinkItemProps extends ItemPropsWithAnchor {}\n\nexport const LinkItem = React.forwardRef<\n  ElementRef<typeof Item>,\n  LinkItemProps\n>(({ children, href, ...restProps }, forwardRef) => {\n  const ariaDisabledProps = useAriaDisabled(restProps)\n  return (\n    <Item asChild ref={forwardRef} {...restProps} {...ariaDisabledProps}>\n      <a href={href}>{children}</a>\n    </Item>\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nexport const StyledRadioGroup = styled(RadixDropdownMenu.RadioGroup)\n\nexport type StyledRadioGroupProps = StrictComponentProps<\n  typeof StyledRadioGroup\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledRadioGroup } from './radio-group.styled'\nimport type { StyledRadioGroupProps } from './radio-group.styled'\n\nexport interface RadioGroupProps\n  extends Omit<StyledRadioGroupProps, 'onChange'> {\n  /**\n   * The value of the selected item in the group\n   */\n  value: string\n\n  /**\n   * Event handler called when the selected radio changes\n   */\n  onChange: (value: string) => void\n}\n\nexport const RadioGroup = React.forwardRef<\n  ElementRef<typeof StyledRadioGroup>,\n  RadioGroupProps\n>((props, forwardRef) => {\n  const { onChange, ...restProps } = props\n\n  return (\n    <StyledRadioGroup\n      {...restProps}\n      ref={forwardRef}\n      onValueChange={onChange}\n    />\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { IconProhibit } from '@mirohq/design-system-icons'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledRadioContainer = styled(Primitive.span, {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '$4',\n  height: '$4',\n  boxSizing: 'border-box',\n  border: '1px solid $border-neutrals',\n  borderRadius: '$half',\n})\n\nexport const StyledPill = styled(Primitive.span, {\n  display: 'none',\n  width: '$2',\n  height: '$2',\n  borderRadius: '$half',\n})\n\nexport const StyledProhibited = styled(IconProhibit, {\n  display: 'none',\n  width: '$3',\n})\n\nexport const StyledRadioItem = styled(RadixDropdownMenu.RadioItem, {\n  ...itemDefaults,\n  [`&[data-state=\"checked\"] ${StyledRadioContainer}`]: {\n    color: '$icon-primary',\n    borderColor: '$border-primary',\n\n    [`& ${StyledPill}`]: {\n      display: 'block',\n      backgroundColor: '$background-primary-prominent-selected',\n    },\n  },\n\n  [`&:hover ${StyledRadioContainer}`]: {\n    borderColor: '$border-primary-hover',\n\n    [`& ${StyledPill}`]: {\n      backgroundColor: '$background-primary-prominent-hover',\n    },\n  },\n\n  [`\n    &[aria-disabled=\"true\"] ${StyledRadioContainer},\n    &[data-disabled] ${StyledRadioContainer}\n  `]: {\n    color: '$icon-neutrals-disabled',\n    borderColor: '$border-neutrals-disabled',\n\n    [`& ${StyledPill}`]: {\n      backgroundColor: '$icon-neutrals-disabled',\n    },\n  },\n  '&[data-state=\"unchecked\"]': {\n    [`\n      &[aria-disabled=\"true\"] ${StyledProhibited},\n      &[data-disabled] ${StyledProhibited}\n    `]: {\n      display: 'flex',\n    },\n  },\n})\n\nexport type StyledRadioItemProps = StrictComponentProps<typeof StyledRadioItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport {\n  StyledPill,\n  StyledProhibited,\n  StyledRadioContainer,\n  StyledRadioItem,\n} from './radio-item.styled'\nimport type { StyledRadioItemProps } from './radio-item.styled'\nimport { RightSlot } from './slots.styled'\nimport { useAriaDisabled } from '../use-aria-disabled'\n\nexport interface RadioItemProps extends StyledRadioItemProps {\n  /**\n   * The unique value of the item.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard).\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.\n   * Use this when the content is complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const RadioItem = React.forwardRef<\n  ElementRef<typeof StyledRadioItem>,\n  RadioItemProps\n>(({ disabled = false, children, ...restProps }, forwardRef) => {\n  const ariaDisabledProps = useAriaDisabled(restProps, true)\n  return (\n    <StyledRadioItem\n      {...restProps}\n      {...ariaDisabledProps}\n      disabled={disabled}\n      ref={forwardRef}\n    >\n      {children}\n      <RightSlot>\n        <StyledRadioContainer>\n          <StyledPill />\n          <StyledProhibited />\n        </StyledRadioContainer>\n      </RightSlot>\n    </StyledRadioItem>\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nexport const StyledSeparator = styled(RadixDropdownMenu.Separator, {\n  borderTop: '1px solid $border-neutrals-subtle',\n  marginY: '$100',\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSeparator } from './separator.styled'\nimport type { StyledSeparatorProps } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n  ElementRef<typeof StyledSeparator>,\n  SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { styles } from '@mirohq/design-system-base-switch'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledSwitch = styled(Primitive.span, {\n  ...styles.default,\n  width: '$7',\n  height: '$4',\n})\n\nexport const StyledSwitchItem = styled(RadixDropdownMenu.CheckboxItem, {\n  ...itemDefaults,\n\n  [`&[data-state=\"checked\"] ${StyledSwitch}`]: styles.checked,\n  [`&[data-state=\"checked\"]:hover ${StyledSwitch}`]: styles.checkedHovered,\n\n  [`&:hover ${StyledSwitch}`]: styles.hovered,\n  [`\n    &[aria-disabled=\"true\"] ${StyledSwitch},\n    &[data-disabled] ${StyledSwitch}\n  `]: styles.disabled,\n})\n\nexport type StyledSwitchItemProps = StrictComponentProps<\n  typeof StyledSwitchItem\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Thumb } from '@mirohq/design-system-base-switch'\n\nimport { RightSlot } from './slots.styled'\nimport type { StyledSwitchItemProps } from './switch-item.styled'\nimport { StyledSwitch, StyledSwitchItem } from './switch-item.styled'\nimport { useAriaDisabled } from '../use-aria-disabled'\n\nexport interface SwitchItemProps\n  extends Omit<StyledSwitchItemProps, 'onChange'> {\n  /**\n   * The checked state of the item.\n   */\n  checked: boolean\n\n  /**\n   * Event handler called when the checked state changes.\n   */\n  onChange: (checked: boolean) => void\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Event handler called when the user selects an item (via mouse of keyboard).\n   */\n  onSelect?: (event: Event) => void\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.\n   * Use this when the content is complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const SwitchItem = React.forwardRef<\n  ElementRef<typeof StyledSwitchItem>,\n  SwitchItemProps\n>(\n  (\n    { disabled = false, checked, onChange, children, ...restProps },\n    forwardRef\n  ) => {\n    const ariaDisabledProps = useAriaDisabled(restProps, true)\n\n    return (\n      <StyledSwitchItem\n        {...restProps}\n        {...ariaDisabledProps}\n        disabled={disabled}\n        checked={checked}\n        onCheckedChange={onChange}\n        ref={forwardRef}\n      >\n        {children}\n        <RightSlot>\n          <StyledSwitch>\n            <Thumb />\n          </StyledSwitch>\n        </RightSlot>\n      </StyledSwitchItem>\n    )\n  }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst defaultStyles = {\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  ...focus.defaults,\n}\n\nexport const StyledTrigger = styled(RadixDropdownMenu.Trigger, {\n  variants: {\n    unstyled: {\n      true: {\n        all: 'unset',\n        ...defaultStyles,\n      },\n      false: defaultStyles,\n    },\n  },\n})\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ asChild = false, onPress, onClick, ...restProps }, forwardRef) => (\n  <StyledTrigger\n    {...restProps}\n    onClick={onPress ?? onClick}\n    ref={forwardRef}\n    unstyled={!asChild}\n    asChild={asChild}\n  />\n))\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledSubTrigger = styled(RadixDropdownMenu.SubTrigger, {\n  ...itemDefaults,\n  '&[data-state=\"open\"]': itemDefaults['&:hover'],\n})\n\nexport type StyledSubTriggerProps = StrictComponentProps<\n  typeof StyledSubTrigger\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSubTrigger } from './sub-trigger.styled'\nimport type { StyledSubTriggerProps } from './sub-trigger.styled'\nimport { RightSlot } from './slots.styled'\nimport { useAriaDisabled } from '../use-aria-disabled'\n\nconst ArrowIcon = (): JSX.Element => (\n  <svg\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='currentColor'\n    xmlns='http://www.w3.org/2000/svg'\n    data-testid='submenu-arrow-icon'\n  >\n    <path d='M5.29289 3.29289C5.68342 2.90237 6.31658 2.90237 6.70711 3.29289L11.4142 8L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L8.58579 8L5.29289 4.70711C4.90237 4.31658 4.90237 3.68342 5.29289 3.29289Z' />\n  </svg>\n)\n\nexport interface SubTriggerProps extends StyledSubTriggerProps {\n  /**\n   * Prevents the user from interacting with the switch\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for type ahead purposes. By default the type ahead\n   * behavior will use the .textContent of the item. Use this when the content\n   * is complex, or you have.\n   */\n  textValue?: string\n}\n\nexport const SubTrigger = React.forwardRef<\n  ElementRef<typeof StyledSubTrigger>,\n  StyledSubTriggerProps\n>(({ children, disabled = false, ...restProps }, forwardRef) => {\n  const { onSelect, ...ariaDisabledProps } = useAriaDisabled({\n    onKeyDown: restProps.onKeyDown,\n    'aria-disabled': restProps['aria-disabled'],\n  })\n\n  return (\n    <StyledSubTrigger\n      {...restProps}\n      {...ariaDisabledProps}\n      disabled={disabled}\n      ref={forwardRef}\n    >\n      {children}\n      <RightSlot>\n        <ArrowIcon />\n      </RightSlot>\n    </StyledSubTrigger>\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { contentDefaults } from '../styles/content'\n\nexport const StyledSubContent = styled(\n  RadixDropdownMenu.SubContent,\n  contentDefaults\n)\n\nexport type StyledSubContentProps = StrictComponentProps<\n  typeof StyledSubContent\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSubContent } from './sub-content.styled'\nimport { CONTENT_GUTTER, CONTENT_OFFSET } from '../styles/content'\nimport type { StyledSubContentProps } from './sub-content.styled'\nimport type { PointerDownOutsideEvent, FocusOutsideEvent } from '../types'\n\nexport interface SubContentProps extends StyledSubContentProps {\n  /**\n   * Whether keyboard navigation should loop around\n   * @default false\n   */\n  loop?: boolean\n\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault. This prop is ignored within\n   * submenus.\n   */\n  onCloseAutoFocus?: (event: Event) => void\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n  /**\n   * Event handler called when focus moves outside the bounds of the component.\n   * It can be prevented by calling event.preventDefault.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n\n  /**\n   * Event handler called when an interaction (pointer or focus event) happens\n   * outside the bounds of the component. It can be prevented by calling\n   * event.preventDefault.\n   */\n  onInteractOutside?: (\n    event: PointerDownOutsideEvent | FocusOutsideEvent\n  ) => void\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries.\n   */\n  forceMount?: true\n\n  /**\n   * The distance in pixels from the trigger.\n   */\n  sideOffset?: number\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   */\n  alignOffset?: number\n\n  /**\n   * When true, overrides the side andalign preferences to prevent collisions\n   * with window edges.\n   * @default true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   *The distance in pixels from the boundary edges where collision detection\n   *should occur. Accepts a number (same for all sides).\n   */\n  collisionPadding?: number\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   * @default partial\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   * @default false\n   */\n  hideWhenDetached?: boolean\n}\n\n// without CONTENT_GUTTER submenu would overlap the menu\nconst SIDE_OFFSET = CONTENT_GUTTER + CONTENT_OFFSET\n\nexport const SubContent = React.forwardRef<\n  ElementRef<typeof StyledSubContent>,\n  SubContentProps\n>(\n  (\n    {\n      sideOffset = SIDE_OFFSET,\n      alignOffset = -CONTENT_GUTTER,\n      collisionPadding = 0,\n      loop = false,\n      hideWhenDetached = false,\n      sticky = 'partial',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledSubContent\n      {...restProps}\n      ref={forwardRef}\n      sideOffset={sideOffset}\n      alignOffset={alignOffset}\n      collisionPadding={collisionPadding}\n      loop={loop}\n      hideWhenDetached={hideWhenDetached}\n      sticky={sticky}\n    />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nexport const StyledSub = styled(RadixDropdownMenu.Sub, {})\n\nexport type StyledSubProps = StrictComponentProps<typeof StyledSub>\n","import React, { useState } from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSub } from './sub.styled'\nimport type { StyledSubProps } from './sub.styled'\n\nexport interface SubProps extends StyledSubProps {\n  /**\n   * The open state of the submenu when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the submenu. Must be used in conjunction with\n   * onOpenChange.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the submenu opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the submenu closes.\n   */\n  onClose?: () => void\n}\n\nexport const Sub = React.forwardRef<ElementRef<typeof StyledSub>, SubProps>(\n  ({ defaultOpen, onOpen, onClose, open, ...restProps }, forwardRef) => {\n    const [openState, setOpenState] = useState(defaultOpen)\n    return (\n      <StyledSub\n        {...restProps}\n        open={open ?? openState}\n        onOpenChange={newOpen => {\n          if (open == null) {\n            setOpenState(newOpen)\n          }\n\n          newOpen ? onOpen?.() : onClose?.()\n        }}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import React from 'react'\nimport type { DropdownMenuPortalProps } from '@radix-ui/react-dropdown-menu'\nimport { Portal as RadixPortal } from '@radix-ui/react-dropdown-menu'\n\nexport interface PortalProps extends DropdownMenuPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by DropdownMenu.Content and DropdownMenu.SubContent respectively.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState } from 'react'\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { CheckboxItem } from './partials/checkbox-item'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { LinkItem } from './partials/link-item'\nimport { RadioGroup } from './partials/radio-group'\nimport { RadioItem } from './partials/radio-item'\nimport { Separator } from './partials/separator'\nimport { SwitchItem } from './partials/switch-item'\nimport { Trigger } from './partials/trigger'\nimport { SubTrigger } from './partials/sub-trigger'\nimport { SubContent } from './partials/sub-content'\nimport { Sub } from './partials/sub'\nimport { Portal } from './partials/portal'\nimport { IconSlot, IllustrationSlot } from './partials/slots.styled'\nimport { ItemDescription } from './partials/item-description'\n\nexport interface DropdownMenuProps {\n  /**\n   * The open state of the dropdown menu when it is initially rendered. Use when\n   * you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The reading direction of submenus when applicable. If omitted, assumes LTR\n   * (left-to-right) reading mode.\n   */\n  direction?: 'ltr' | 'rtl'\n\n  /**\n   * The current dropdown open state.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the dropdown opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the dropdown closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Defines whether the interaction with outside elements will be disabled and\n   * only menu content will be visible to screen readers. This prop is ignored\n   * within submenus.\n   */\n  interactOutside?: boolean\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n}\n\nexport const DropdownMenu: React.FC<DropdownMenuProps> & Partials = ({\n  defaultOpen = false,\n  direction = 'ltr',\n  interactOutside = false,\n  open,\n  onOpen,\n  onClose,\n  ...restProps\n}) => {\n  const [openState, setOpenState] = useState(defaultOpen)\n\n  return (\n    <RadixDropdownMenu.Root\n      {...restProps}\n      dir={direction}\n      modal={interactOutside}\n      open={open ?? openState}\n      onOpenChange={newOpen => {\n        if (open == null) {\n          setOpenState(newOpen)\n        }\n\n        newOpen ? onOpen?.() : onClose?.()\n      }}\n    />\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n  CheckboxItem: typeof CheckboxItem\n  Content: typeof Content\n  IconSlot: typeof IconSlot\n  IllustrationSlot: typeof IllustrationSlot\n  Item: typeof Item\n  ItemDescription: typeof ItemDescription\n  LinkItem: typeof LinkItem\n  Portal: typeof Portal\n  RadioGroup: typeof RadioGroup\n  RadioItem: typeof RadioItem\n  Separator: typeof Separator\n  Sub: typeof Sub\n  SubContent: typeof SubContent\n  SubTrigger: typeof SubTrigger\n  SwitchItem: typeof SwitchItem\n  Trigger: typeof Trigger\n}\n\nDropdownMenu.CheckboxItem = CheckboxItem\nDropdownMenu.Content = Content\nDropdownMenu.IconSlot = IconSlot\nDropdownMenu.IllustrationSlot = IllustrationSlot\nDropdownMenu.Item = Item\nDropdownMenu.ItemDescription = ItemDescription\nDropdownMenu.LinkItem = LinkItem\nDropdownMenu.Portal = Portal\nDropdownMenu.RadioGroup = RadioGroup\nDropdownMenu.RadioItem = RadioItem\nDropdownMenu.Separator = Separator\nDropdownMenu.Sub = Sub\nDropdownMenu.SubContent = SubContent\nDropdownMenu.SubTrigger = SubTrigger\nDropdownMenu.SwitchItem = SwitchItem\nDropdownMenu.Trigger = Trigger\n"],"names":["RadixPortal"],"mappings":"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"}