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

package/dist/main.js

@@ -51,9 +51,6 @@ const LeftSlot = designSystemStitches.styled(designSystemPrimitive.Primitive.div
   marginRight: "$100",
   gridArea: "left-slot"
 });
-const IconSlot = designSystemStitches.styled(LeftSlot, {
-  width: "$6"
-});
 const IllustrationSlot = designSystemStitches.styled(LeftSlot, {
   width: "$13"
 });
@@ -64,6 +61,7 @@ const RightSlot = designSystemStitches.styled(designSystemPrimitive.Primitive.di
   paddingLeft: "$200",
   gridArea: "right-slot"
 });
+const HotkeySlot = RightSlot;
 
 const itemDefaults = {
   all: "unset",
@@ -414,21 +412,17 @@ const Trigger = React__default["default"].forwardRef(({ asChild = false, onPress
   asChild
 }));
 
+const StyledIconContainer = designSystemStitches.styled(designSystemPrimitive.Primitive.span, {
+  color: "$icon-neutrals-with-text"
+});
 const StyledSubTrigger = designSystemStitches.styled(RadixDropdownMenu__namespace.SubTrigger, {
   ...itemDefaults,
-  '&[data-state="open"]': itemDefaults["&:hover"]
+  '&[data-state="open"]': itemDefaults["&:hover"],
+  [`&[data-state="open"] ${StyledIconContainer}, &:hover ${StyledIconContainer}`]: {
+    color: "$icon-primary-hover"
+  }
 });
 
-const ArrowIcon = () => /* @__PURE__ */ React__default["default"].createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-testid": "submenu-arrow-icon"
-}, /* @__PURE__ */ React__default["default"].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__default["default"].forwardRef(({ children, disabled = false, ...restProps }, forwardRef) => {
   const { onSelect, ...ariaDisabledProps } = useAriaDisabled({
     onKeyDown: restProps.onKeyDown,
@@ -439,7 +433,12 @@ const SubTrigger = React__default["default"].forwardRef(({ children, disabled =
     ...ariaDisabledProps,
     disabled,
     ref: forwardRef
-  }, children, /* @__PURE__ */ React__default["default"].createElement(RightSlot, null, /* @__PURE__ */ React__default["default"].createElement(ArrowIcon, null)));
+  }, children, /* @__PURE__ */ React__default["default"].createElement(RightSlot, null, /* @__PURE__ */ React__default["default"].createElement(StyledIconContainer, {
+    "data-testid": process.env.NODE_ENV === "test" ? "submenu-arrow-icon" : void 0
+  }, /* @__PURE__ */ React__default["default"].createElement(designSystemIcons.IconChevronRight, {
+    size: "small",
+    weight: "thin"
+  }))));
 });
 
 const StyledSubContent = designSystemStitches.styled(
@@ -492,6 +491,32 @@ const Portal = (props) => /* @__PURE__ */ React__default["default"].createElemen
   ...props
 });
 
+const StyledIconSlot = designSystemStitches.styled(LeftSlot, {
+  square: "$5",
+  variants: {
+    customIcon: {
+      true: {
+        square: "$icon-200"
+      }
+    }
+  }
+});
+
+const IconSlot = React__default["default"].forwardRef(({ children, ...restProps }, forwardRef) => {
+  const child = React__default["default"].Children.only(children);
+  const isIcon = designSystemIcons.isIconComponent(child);
+  const formattedChild = isIcon ? React__default["default"].cloneElement(child, {
+    ...child.props,
+    size: "small",
+    weight: "thin"
+  }) : child;
+  return /* @__PURE__ */ React__default["default"].createElement(StyledIconSlot, {
+    ref: forwardRef,
+    ...restProps,
+    customIcon: !isIcon
+  }, formattedChild);
+});
+
 const DropdownMenu = ({
   defaultOpen = false,
   direction = "ltr",
@@ -517,6 +542,7 @@ const DropdownMenu = ({
 };
 DropdownMenu.CheckboxItem = CheckboxItem;
 DropdownMenu.Content = Content;
+DropdownMenu.HotkeySlot = HotkeySlot;
 DropdownMenu.IconSlot = IconSlot;
 DropdownMenu.IllustrationSlot = IllustrationSlot;
 DropdownMenu.Item = Item;

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.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":["styled","Primitive","focus","RadixDropdownMenu","useMemo","booleanify","React","IconProhibit","IconCheckMark","theme","animations","styles","Thumb","useState","RadixPortal"],"mappings":"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"}
+{"version":3,"file":"main.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/partials/icon-slot.styled.ts","../src/partials/icon-slot.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\nexport const LeftSlot = styled(Primitive.div, {\n  display: 'flex',\n  placeContent: 'center',\n  marginRight: '$100',\n  gridArea: 'left-slot',\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\nexport const HotkeySlot = RightSlot\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'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nimport { itemDefaults } from '../styles/item'\n\nexport const StyledIconContainer = styled(Primitive.span, {\n  color: '$icon-neutrals-with-text',\n})\n\nexport const StyledSubTrigger = styled(RadixDropdownMenu.SubTrigger, {\n  ...itemDefaults,\n  '&[data-state=\"open\"]': itemDefaults['&:hover'],\n\n  [`&[data-state=\"open\"] ${StyledIconContainer}, &:hover ${StyledIconContainer}`]:\n    {\n      color: '$icon-primary-hover',\n    },\n})\n\nexport type StyledSubTriggerProps = StrictComponentProps<\n  typeof StyledSubTrigger\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { IconChevronRight } from '@mirohq/design-system-icons'\n\nimport { StyledIconContainer, StyledSubTrigger } from './sub-trigger.styled'\nimport type { StyledSubTriggerProps } from './sub-trigger.styled'\nimport { RightSlot } from './slots.styled'\nimport { useAriaDisabled } from '../use-aria-disabled'\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        <StyledIconContainer\n          data-testid={\n            process.env.NODE_ENV === 'test' ? 'submenu-arrow-icon' : undefined\n          }\n        >\n          <IconChevronRight size='small' weight='thin' />\n        </StyledIconContainer>\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 type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { LeftSlot } from './slots.styled'\n\nexport const StyledIconSlot = styled(LeftSlot, {\n  square: '$5',\n\n  variants: {\n    customIcon: {\n      true: {\n        square: '$icon-200',\n      },\n    },\n  },\n})\n\nexport type StyledIconSlotProps = StrictComponentProps<typeof StyledIconSlot>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport type { IconProps } from '@mirohq/design-system-icons'\nimport { isIconComponent } from '@mirohq/design-system-icons'\n\nimport type { StyledIconSlotProps } from './icon-slot.styled'\nimport { StyledIconSlot } from './icon-slot.styled'\n\nexport type IconSlotProps = Omit<StyledIconSlotProps, 'custom'>\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  IconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const child = React.Children.only(children) as React.ReactElement\n\n  const isIcon = isIconComponent(child)\n\n  const formattedChild = isIcon\n    ? React.cloneElement<IconProps>(child, {\n        ...child.props,\n        size: 'small',\n        weight: 'thin',\n      })\n    : child\n\n  return (\n    <StyledIconSlot ref={forwardRef} {...restProps} customIcon={!isIcon}>\n      {formattedChild}\n    </StyledIconSlot>\n  )\n})\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 { IllustrationSlot, HotkeySlot } from './partials/slots.styled'\nimport { ItemDescription } from './partials/item-description'\nimport { IconSlot } from './partials/icon-slot'\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  HotkeySlot: typeof HotkeySlot\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.HotkeySlot = HotkeySlot\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":["styled","Primitive","focus","RadixDropdownMenu","useMemo","booleanify","React","IconProhibit","IconCheckMark","theme","animations","styles","Thumb","IconChevronRight","useState","RadixPortal","isIconComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGa,MAAA,eAAA,GAAkBA,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EACnD,OAAS,EAAA,aAAA;AAAA,EACT,KAAO,EAAA,MAAA;AAAA,EACP,eAAiB,EAAA,UAAA;AAAA,EACjB,eAAiB,EAAA,CAAA;AAAA,EACjB,QAAU,EAAA,QAAA;AAAA,EACV,QAAU,EAAA,kBAAA;AAAA,EACV,QAAU,EAAA,MAAA;AAAA,EACV,KAAO,EAAA,uBAAA;AACT,CAAC,CAAA;;ACTY,MAAA,QAAA,GAAWD,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EAC5C,OAAS,EAAA,MAAA;AAAA,EACT,YAAc,EAAA,QAAA;AAAA,EACd,WAAa,EAAA,MAAA;AAAA,EACb,QAAU,EAAA,WAAA;AACZ,CAAC,CAAA,CAAA;AAEY,MAAA,gBAAA,GAAmBD,4BAAO,QAAU,EAAA;AAAA,EAC/C,KAAO,EAAA,KAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,SAAA,GAAYA,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EAC7C,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,UAAY,EAAA,MAAA;AAAA,EACZ,WAAa,EAAA,MAAA;AAAA,EACb,QAAU,EAAA,YAAA;AACZ,CAAC,CAAA,CAAA;AAEM,MAAM,UAAa,GAAA,SAAA;;ACjBnB,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAK,EAAA,OAAA;AAAA,EACL,SAAW,EAAA,YAAA;AAAA,EACX,QAAU,EAAA,EAAA;AAAA,EACV,UAAY,EAAA,MAAA;AAAA,EACZ,KAAO,EAAA,gBAAA;AAAA,EACP,YAAc,EAAA,KAAA;AAAA,EACd,OAAS,EAAA,MAAA;AAAA,EACT,mBAAqB,EAAA,eAAA;AAAA,EACrB,gBAAkB,EAAA,UAAA;AAAA,EAClB,iBAAmB,EAAA,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAAA,EAInB,UAAY,EAAA,QAAA;AAAA,EACZ,SAAW,EAAA,KAAA;AAAA,EACX,OAAS,EAAA,WAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,MAAA;AAAA,EACZ,MAAQ,EAAA,SAAA;AAAA,EAER,GAAGC,wBAAM,CAAA,QAAA;AAAA,EAET,uDAAyD,EAAA;AAAA,IACvD,aAAe,EAAA,MAAA;AAAA,IACf,CAAC,QAAQ,eAAoB,CAAA,CAAA,GAAA;AAAA,MAC3B,KAAO,EAAA,yBAAA;AAAA,KACT;AAAA,IACA,CAAC,KAAK,gBAAqB,CAAA,CAAA,GAAA;AAAA,MACzB,MAAQ,EAAA,cAAA;AAAA,KACV;AAAA,GACF;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,kCAAA;AAAA,IACZ,KAAO,EAAA,qBAAA;AAAA,IACP,+BAAiC,EAAA;AAAA,MAC/B,SAAW,EAAA,MAAA;AAAA,KACb;AAAA,GACF;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,UAAY,EAAA,mCAAA;AAAA,IACZ,SAAW,EAAA,MAAA;AAAA,IACX,KAAO,EAAA,sBAAA;AAAA,GACT;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,MAAQ,EAAA,GAAA;AAAA,GACV;AACF,CAAA;;AChDO,MAAM,eAAkB,GAAAF,2BAAA,CAAOC,+BAAU,CAAA,IAAA,EAAM,EAAE,CAAA,CAAA;AAE3C,MAAA,kBAAA,GAAqBD,2BAAO,CAAAG,4BAAA,CAAkB,YAAc,EAAA;AAAA,EACvE,GAAG,YAAA;AAAA,EACH,CAAC,2BAA2B,eAAoB,CAAA,CAAA,GAAA;AAAA,IAC9C,KAAO,EAAA,eAAA;AAAA,GACT;AAAA,EACA,CAAC,iCAAiC,eAAoB,CAAA,CAAA,GAAA;AAAA,IACpD,KAAO,EAAA,qBAAA;AAAA,GACT;AAAA,EACA,CAAC,CAAA;AAAA,4BAC2B,EAAA,eAAA,CAAA;AAAA,qBACP,EAAA,eAAA,CAAA;AAAA,EACjB,CAAA,GAAA;AAAA,IACF,KAAO,EAAA,yBAAA;AAAA,GACT;AACF,CAAC,CAAA;;ACZY,MAAA,eAAA,GAAkB,CAC7B,EAAE,eAAA,EAAiB,cAAc,SAAW,EAAA,QAAA,EAC5C,EAAA,cAAA,GAAsC,KAEtC,KAAAC,aAAA;AAAA,EACE,OAAO;AAAA,IACL,eAAiB,EAAAC,4BAAA,CAAW,YAAY,CAAA,GAAI,YAAe,GAAA,KAAA,CAAA;AAAA,IAC3D,WAAW,CAAK,CAAA,KAAA;AACd,MACE,IAAAA,4BAAA,CAAW,YAAY,CACvB,IAAA,CAAA,CAAE,SAAS,SACX,IAAA,CAAA,CAAE,SAAS,WACX,EAAA;AACA,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAClB,QAAA,OAAA;AAAA,OACF;AAEA,MAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KACd;AAAA,IACA,UAAU,CAAK,CAAA,KAAA;AACb,MAAA,IAAI,cAAgB,EAAA;AAClB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,OACnB;AAEA,MAAI,IAAAA,4BAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,OAAA;AAAA,OACF;AAEA,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KACb;AAAA,GACF,CAAA;AAAA,EACA,CAAC,YAAA,EAAc,SAAW,EAAA,QAAA,EAAU,cAAc,CAAA;AACpD,CAAA;;ACLW,MAAA,YAAA,GAAeC,yBAAM,CAAA,UAAA,CAGhC,CAAC,EAAE,QAAU,EAAA,OAAA,EAAS,QAAU,EAAA,QAAA,EAAA,GAAa,SAAU,EAAA,EAAG,UAAe,KAAA;AACzE,EAAM,MAAA,iBAAA,GAAoB,eAAgB,CAAA,SAAA,EAAW,IAAI,CAAA,CAAA;AACzD,EAAM,MAAA,EAAE,eAAiB,EAAA,YAAA,EAAiB,GAAA,iBAAA,CAAA;AAE1C,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACJ,GAAK,EAAA,UAAA;AAAA,IACL,OAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAiB,EAAA,QAAA;AAAA,GAAA,EAEhB,QACD,kBAAAA,yBAAA,CAAA,aAAA,CAAC,SACC,EAAA,IAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,eACG,EAAA,IAAA,EAAA,CAAA,QAAA,KAAa,IAAQ,IAAAD,4BAAA,CAAW,YAAY,CAAA,KAAM,CAAC,OAAA,oBAClDC,yBAAA,CAAA,aAAA,CAAAC,8BAAA,EAAA;AAAA,IAAa,IAAK,EAAA,OAAA;AAAA,GAAQ,CAAA,EAE5B,2BAAYD,yBAAA,CAAA,aAAA,CAAAE,+BAAA,EAAA;AAAA,IAAc,IAAK,EAAA,OAAA;AAAA,GAAQ,CAC1C,CACF,CACF,CAAA,CAAA;AAEJ,CAAC,CAAA;;AC7DD,MAAM,YAAe,GAAA,GAAA,CAAA;AACd,MAAM,cAAiB,GAAA,QAAA,CAASC,0BAAM,CAAA,KAAA,CAAM,YAAa,CAAA,CAAA,CAAA;AACzD,MAAM,cAAiB,GAAA,QAAA,CAASA,0BAAM,CAAA,KAAA,CAAM,EAAG,CAAA,CAAA,CAAA;AACtD,MAAM,0BAA0B,CAA8B,2BAAA,EAAA,SAAA,CAAA,EAAA,CAAA,CAAA;AAEvD,MAAM,eAAkB,GAAA;AAAA,EAC7B,QAAU,EAAA,MAAA;AAAA,EACV,eAAiB,EAAA,QAAA;AAAA,EACjB,YAAc,EAAA,KAAA;AAAA,EACd,SAAS,CAAI,CAAA,EAAA,YAAA,CAAA,CAAA;AAAA,EACb,SAAW,EAAA,KAAA;AAAA,EACX,CAAC,CAAS,MAAA,EAAA,SAAA,CAAA,IAAA,EAAgB,uBAA4B,CAAA,CAAA,GAAA;AAAA,IACpD,YAAc,EAAA,MAAA;AAAA,GAChB;AAAA,EACA,CAAC,4BAA4B,uBAA4B,CAAA,CAAA,GAAA;AAAA,IACvD,YAAc,EAAA,MAAA;AAAA,GAChB;AAAA,EACA,gDAAkD,EAAA;AAAA,IAChD,iBAAmB,EAAA,OAAA;AAAA,IACnB,uBAAyB,EAAA,mCAAA;AAAA,IACzB,UAAY,EAAA,oBAAA;AAAA,IACZ,sBAAwB,EAAA,EAAE,aAAe,EAAAC,6BAAA,CAAW,YAAa,EAAA;AAAA,IACjE,wBAA0B,EAAA,EAAE,aAAe,EAAAA,6BAAA,CAAW,aAAc,EAAA;AAAA,IACpE,oBAAsB,EAAA;AAAA,MACpB,uBAAA,EAAyB,EAAE,eAAA,EAAiB,aAAc,EAAA;AAAA,MAC1D,wBAAA,EAA0B,EAAE,eAAA,EAAiB,eAAgB,EAAA;AAAA,MAC7D,qBAAA,EAAuB,EAAE,eAAA,EAAiB,cAAe,EAAA;AAAA,KAC3D;AAAA,IACA,sBAAwB,EAAA;AAAA,MACtB,uBAAA,EAAyB,EAAE,eAAA,EAAiB,UAAW,EAAA;AAAA,MACvD,wBAAA,EAA0B,EAAE,eAAA,EAAiB,aAAc,EAAA;AAAA,MAC3D,qBAAA,EAAuB,EAAE,eAAA,EAAiB,aAAc,EAAA;AAAA,KAC1D;AAAA,IACA,uBAAyB,EAAA;AAAA,MACvB,uBAAA,EAAyB,EAAE,eAAA,EAAiB,UAAW,EAAA;AAAA,MACvD,wBAAA,EAA0B,EAAE,eAAA,EAAiB,YAAa,EAAA;AAAA,MAC1D,qBAAA,EAAuB,EAAE,eAAA,EAAiB,WAAY,EAAA;AAAA,KACxD;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,uBAAA,EAAyB,EAAE,eAAA,EAAiB,WAAY,EAAA;AAAA,MACxD,wBAAA,EAA0B,EAAE,eAAA,EAAiB,cAAe,EAAA;AAAA,MAC5D,qBAAA,EAAuB,EAAE,eAAA,EAAiB,cAAe,EAAA;AAAA,KAC3D;AAAA,GACF;AAAA,EACA,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,eAAA;AACV,CAAA;;AC7CO,MAAM,aAAgB,GAAAV,2BAAA,CAAOG,4BAAkB,CAAA,OAAA,EAAS,eAAe,CAAA;;AC8GvE,MAAM,UAAUG,yBAAM,CAAA,UAAA;AAAA,EAI3B,CACE;AAAA,IACE,IAAO,GAAA,KAAA;AAAA,IACP,IAAO,GAAA,QAAA;AAAA,IACP,UAAa,GAAA,cAAA;AAAA,IACb,KAAQ,GAAA,QAAA;AAAA,IACR,WAAc,GAAA,CAAA;AAAA,IACd,gBAAmB,GAAA,CAAA;AAAA,IACnB,eAAkB,GAAA,IAAA;AAAA,IAClB,MAAS,GAAA,SAAA;AAAA,IACT,gBAAmB,GAAA,KAAA;AAAA,IAChB,GAAA,SAAA;AAAA,GACL,EACA,+BAECA,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,GAAK,EAAA,UAAA;AAAA,IACL,IAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AAEJ,CAAA;;AC/IO,MAAM,UAAa,GAAAN,2BAAA,CAAOG,4BAAkB,CAAA,IAAA,EAAM,YAAY,CAAA;;ACkB9D,MAAM,OAAOG,yBAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,QAAA,GAAW,KAAU,EAAA,GAAA,SAAA,IAAa,UAAe,KAAA;AAClD,IAAM,MAAA,iBAAA,GAAoB,gBAAgB,SAAS,CAAA,CAAA;AAEnD,IAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,iBAAA;AAAA,MACJ,QAAA;AAAA,MACA,GAAK,EAAA,UAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;;AC3Ba,MAAA,QAAA,GAAWA,0BAAM,UAG5B,CAAA,CAAC,EAAE,QAAU,EAAA,IAAA,EAAA,GAAS,SAAU,EAAA,EAAG,UAAe,KAAA;AAClD,EAAM,MAAA,iBAAA,GAAoB,gBAAgB,SAAS,CAAA,CAAA;AACnD,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,OAAO,EAAA,IAAA;AAAA,IAAC,GAAK,EAAA,UAAA;AAAA,IAAa,GAAG,SAAA;AAAA,IAAY,GAAG,iBAAA;AAAA,GAAA,kBAC/CA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,IAAA;AAAA,GAAA,EAAa,QAAS,CAC3B,CAAA,CAAA;AAEJ,CAAC,CAAA;;AChBY,MAAA,gBAAA,GAAmBN,2BAAO,CAAAG,4BAAA,CAAkB,UAAU,CAAA;;ACe5D,MAAM,UAAa,GAAAG,yBAAA,CAAM,UAG9B,CAAA,CAAC,OAAO,UAAe,KAAA;AACvB,EAAM,MAAA,EAAE,QAAa,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEnC,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,GAAK,EAAA,UAAA;AAAA,IACL,aAAe,EAAA,QAAA;AAAA,GACjB,CAAA,CAAA;AAEJ,CAAC,CAAA;;ACxBY,MAAA,oBAAA,GAAuBN,2BAAO,CAAAC,+BAAA,CAAU,IAAM,EAAA;AAAA,EACzD,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,SAAW,EAAA,YAAA;AAAA,EACX,MAAQ,EAAA,4BAAA;AAAA,EACR,YAAc,EAAA,OAAA;AAChB,CAAC,CAAA,CAAA;AAEY,MAAA,UAAA,GAAaD,2BAAO,CAAAC,+BAAA,CAAU,IAAM,EAAA;AAAA,EAC/C,OAAS,EAAA,MAAA;AAAA,EACT,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,YAAc,EAAA,OAAA;AAChB,CAAC,CAAA,CAAA;AAEY,MAAA,gBAAA,GAAmBD,4BAAOO,8BAAc,EAAA;AAAA,EACnD,OAAS,EAAA,MAAA;AAAA,EACT,KAAO,EAAA,IAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,eAAA,GAAkBP,2BAAO,CAAAG,4BAAA,CAAkB,SAAW,EAAA;AAAA,EACjE,GAAG,YAAA;AAAA,EACH,CAAC,2BAA2B,oBAAyB,CAAA,CAAA,GAAA;AAAA,IACnD,KAAO,EAAA,eAAA;AAAA,IACP,WAAa,EAAA,iBAAA;AAAA,IAEb,CAAC,KAAK,UAAe,CAAA,CAAA,GAAA;AAAA,MACnB,OAAS,EAAA,OAAA;AAAA,MACT,eAAiB,EAAA,wCAAA;AAAA,KACnB;AAAA,GACF;AAAA,EAEA,CAAC,WAAW,oBAAyB,CAAA,CAAA,GAAA;AAAA,IACnC,WAAa,EAAA,uBAAA;AAAA,IAEb,CAAC,KAAK,UAAe,CAAA,CAAA,GAAA;AAAA,MACnB,eAAiB,EAAA,qCAAA;AAAA,KACnB;AAAA,GACF;AAAA,EAEA,CAAC,CAAA;AAAA,4BAC2B,EAAA,oBAAA,CAAA;AAAA,qBACP,EAAA,oBAAA,CAAA;AAAA,EACjB,CAAA,GAAA;AAAA,IACF,KAAO,EAAA,yBAAA;AAAA,IACP,WAAa,EAAA,2BAAA;AAAA,IAEb,CAAC,KAAK,UAAe,CAAA,CAAA,GAAA;AAAA,MACnB,eAAiB,EAAA,yBAAA;AAAA,KACnB;AAAA,GACF;AAAA,EACA,2BAA6B,EAAA;AAAA,IAC3B,CAAC,CAAA;AAAA,8BAC2B,EAAA,gBAAA,CAAA;AAAA,uBACP,EAAA,gBAAA,CAAA;AAAA,IACjB,CAAA,GAAA;AAAA,MACF,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,GACF;AACF,CAAC,CAAA;;AClCY,MAAA,SAAA,GAAYG,yBAAM,CAAA,UAAA,CAG7B,CAAC,EAAE,WAAW,KAAO,EAAA,QAAA,EAAA,GAAa,SAAU,EAAA,EAAG,UAAe,KAAA;AAC9D,EAAM,MAAA,iBAAA,GAAoB,eAAgB,CAAA,SAAA,EAAW,IAAI,CAAA,CAAA;AACzD,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACJ,QAAA;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,GAAA,EAEJ,QACD,kBAAAA,yBAAA,CAAA,aAAA,CAAC,SACC,EAAA,IAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,oBACC,EAAA,IAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,IAAA,CAAA,kBACXA,yBAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CACpB,CACF,CACF,CAAA,CAAA;AAEJ,CAAC,CAAA;;ACrDY,MAAA,eAAA,GAAkBN,2BAAO,CAAAG,4BAAA,CAAkB,SAAW,EAAA;AAAA,EACjE,SAAW,EAAA,mCAAA;AAAA,EACX,OAAS,EAAA,MAAA;AACX,CAAC,CAAA;;ACCM,MAAM,YAAYG,yBAAM,CAAA,UAAA,CAG7B,CAAC,KAAA,EAAO,+BAAgBA,yBAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,EAAiB,GAAG,KAAA;AAAA,EAAO,GAAK,EAAA,UAAA;AAAA,CAAY,CAAE,CAAA;;ACH3D,MAAA,YAAA,GAAeN,2BAAO,CAAAC,+BAAA,CAAU,IAAM,EAAA;AAAA,EACjD,GAAGU,6BAAO,CAAA,OAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AACV,CAAC,CAAA,CAAA;AAEY,MAAA,gBAAA,GAAmBX,2BAAO,CAAAG,4BAAA,CAAkB,YAAc,EAAA;AAAA,EACrE,GAAG,YAAA;AAAA,EAEH,CAAC,CAA2B,wBAAA,EAAA,YAAA,CAAA,CAAA,GAAiBQ,6BAAO,CAAA,OAAA;AAAA,EACpD,CAAC,CAAiC,8BAAA,EAAA,YAAA,CAAA,CAAA,GAAiBA,6BAAO,CAAA,cAAA;AAAA,EAE1D,CAAC,CAAW,QAAA,EAAA,YAAA,CAAA,CAAA,GAAiBA,6BAAO,CAAA,OAAA;AAAA,EACpC,CAAC,CAAA;AAAA,4BAC2B,EAAA,YAAA,CAAA;AAAA,qBACP,EAAA,YAAA,CAAA;AAAA,EAAA,CAAA,GACjBA,6BAAO,CAAA,QAAA;AACb,CAAC,CAAA;;ACaM,MAAM,aAAaL,yBAAM,CAAA,UAAA;AAAA,EAI9B,CACE,EAAE,QAAW,GAAA,KAAA,EAAO,SAAS,QAAU,EAAA,QAAA,EAAA,GAAa,SAAU,EAAA,EAC9D,UACG,KAAA;AACH,IAAM,MAAA,iBAAA,GAAoB,eAAgB,CAAA,SAAA,EAAW,IAAI,CAAA,CAAA;AAEzD,IAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,iBAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,eAAiB,EAAA,QAAA;AAAA,MACjB,GAAK,EAAA,UAAA;AAAA,KAEJ,EAAA,QAAA,0DACA,SACC,EAAA,IAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,oCACEA,yBAAA,CAAA,aAAA,CAAAM,4BAAA,EAAA,IAAM,CACT,CACF,CACF,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;;AC7DA,MAAM,aAAgB,GAAA;AAAA,EACpB,SAAW,EAAA,YAAA;AAAA,EACX,MAAQ,EAAA,SAAA;AAAA,EACR,GAAGV,wBAAM,CAAA,QAAA;AACX,CAAA,CAAA;AAEa,MAAA,aAAA,GAAgBF,2BAAO,CAAAG,4BAAA,CAAkB,OAAS,EAAA;AAAA,EAC7D,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,GAAK,EAAA,OAAA;AAAA,QACL,GAAG,aAAA;AAAA,OACL;AAAA,MACA,KAAO,EAAA,aAAA;AAAA,KACT;AAAA,GACF;AACF,CAAC,CAAA;;ACRM,MAAM,OAAU,GAAAG,yBAAA,CAAM,UAG3B,CAAA,CAAC,EAAE,OAAA,GAAU,KAAO,EAAA,OAAA,EAAS,OAAY,EAAA,GAAA,SAAA,EAAa,EAAA,UAAA,qBACrDA,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,EACE,GAAG,SAAA;AAAA,EACJ,SAAS,OAAW,IAAA,IAAA,GAAA,OAAA,GAAA,OAAA;AAAA,EACpB,GAAK,EAAA,UAAA;AAAA,EACL,UAAU,CAAC,OAAA;AAAA,EACX,OAAA;AAAA,CACF,CACD,CAAA;;ACjBY,MAAA,mBAAA,GAAsBN,2BAAO,CAAAC,+BAAA,CAAU,IAAM,EAAA;AAAA,EACxD,KAAO,EAAA,0BAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,gBAAA,GAAmBD,2BAAO,CAAAG,4BAAA,CAAkB,UAAY,EAAA;AAAA,EACnE,GAAG,YAAA;AAAA,EACH,wBAAwB,YAAa,CAAA,SAAA,CAAA;AAAA,EAErC,CAAC,CAAwB,qBAAA,EAAA,mBAAA,CAAA,UAAA,EAAgC,mBACvD,CAAA,CAAA,GAAA;AAAA,IACE,KAAO,EAAA,qBAAA;AAAA,GACT;AACJ,CAAC,CAAA;;ACIY,MAAA,UAAA,GAAaG,yBAAM,CAAA,UAAA,CAG9B,CAAC,EAAE,UAAU,QAAW,GAAA,KAAA,EAAA,GAAU,SAAU,EAAA,EAAG,UAAe,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAA,EAAA,GAAa,iBAAkB,EAAA,GAAI,eAAgB,CAAA;AAAA,IACzD,WAAW,SAAU,CAAA,SAAA;AAAA,IACrB,iBAAiB,SAAU,CAAA,eAAA,CAAA;AAAA,GAC5B,CAAA,CAAA;AAED,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACJ,QAAA;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,GAEJ,EAAA,QAAA,kBACAA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,kBACEA,yBAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;AAAA,IACC,aACE,EAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,SAAS,oBAAuB,GAAA,KAAA,CAAA;AAAA,GAAA,kBAG1DA,yBAAA,CAAA,aAAA,CAAAO,kCAAA,EAAA;AAAA,IAAiB,IAAK,EAAA,OAAA;AAAA,IAAQ,MAAO,EAAA,MAAA;AAAA,GAAO,CAC/C,CACF,CACF,CAAA,CAAA;AAEJ,CAAC,CAAA;;AC7CM,MAAM,gBAAmB,GAAAb,2BAAA;AAAA,EAC9BG,4BAAkB,CAAA,UAAA;AAAA,EAClB,eAAA;AACF,CAAA;;ACqFA,MAAM,cAAc,cAAiB,GAAA,cAAA,CAAA;AAE9B,MAAM,aAAaG,yBAAM,CAAA,UAAA;AAAA,EAI9B,CACE;AAAA,IACE,UAAa,GAAA,WAAA;AAAA,IACb,cAAc,CAAC,cAAA;AAAA,IACf,gBAAmB,GAAA,CAAA;AAAA,IACnB,IAAO,GAAA,KAAA;AAAA,IACP,gBAAmB,GAAA,KAAA;AAAA,IACnB,MAAS,GAAA,SAAA;AAAA,IACN,GAAA,SAAA;AAAA,GACL,EACA,+BAECA,yBAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,GAAK,EAAA,UAAA;AAAA,IACL,UAAA;AAAA,IACA,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AAEJ,CAAA;;ACvHO,MAAM,SAAY,GAAAN,2BAAA,CAAOG,4BAAkB,CAAA,GAAA,EAAK,EAAE,CAAA;;AC0BlD,MAAM,MAAMG,yBAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,WAAa,EAAA,MAAA,EAAQ,SAAS,IAAS,EAAA,GAAA,SAAA,IAAa,UAAe,KAAA;AACpE,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIQ,eAAS,WAAW,CAAA,CAAA;AACtD,IAAA,uBACGR,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,MAAM,IAAQ,IAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAAA,MACd,cAAc,CAAW,OAAA,KAAA;AACvB,QAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,UAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AAAA,SACtB;AAEA,QAAA,OAAA,GAAU,MAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,OACzB;AAAA,MACA,GAAK,EAAA,UAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;;AC9Ba,MAAA,MAAA,GAAgC,2BAAUA,yBAAA,CAAA,aAAA,CAAAS,wBAAA,EAAA;AAAA,EAAa,GAAG,KAAA;AAAA,CAAO,CAAA;;ACbjE,MAAA,cAAA,GAAiBf,4BAAO,QAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,IAAA;AAAA,EAER,QAAU,EAAA;AAAA,IACR,UAAY,EAAA;AAAA,MACV,IAAM,EAAA;AAAA,QACJ,MAAQ,EAAA,WAAA;AAAA,OACV;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACLY,MAAA,QAAA,GAAWM,0BAAM,UAG5B,CAAA,CAAC,EAAE,QAAa,EAAA,GAAA,SAAA,IAAa,UAAe,KAAA;AAC5C,EAAA,MAAM,KAAQ,GAAAA,yBAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAE1C,EAAM,MAAA,MAAA,GAASU,kCAAgB,KAAK,CAAA,CAAA;AAEpC,EAAA,MAAM,cAAiB,GAAA,MAAA,GACnBV,yBAAM,CAAA,YAAA,CAAwB,KAAO,EAAA;AAAA,IACnC,GAAG,KAAM,CAAA,KAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,MAAQ,EAAA,MAAA;AAAA,GACT,CACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,GAAK,EAAA,UAAA;AAAA,IAAa,GAAG,SAAA;AAAA,IAAW,YAAY,CAAC,MAAA;AAAA,GAAA,EAC1D,cACH,CAAA,CAAA;AAEJ,CAAC,CAAA;;AC8BM,MAAM,eAAuD,CAAC;AAAA,EACnE,WAAc,GAAA,KAAA;AAAA,EACd,SAAY,GAAA,KAAA;AAAA,EACZ,eAAkB,GAAA,KAAA;AAAA,EAClB,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIQ,eAAS,WAAW,CAAA,CAAA;AAEtD,EACE,uBAAAR,yBAAA,CAAA,aAAA,CAACH,6BAAkB,IAAlB,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,GAAK,EAAA,SAAA;AAAA,IACL,KAAO,EAAA,eAAA;AAAA,IACP,MAAM,IAAQ,IAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAAA,IACd,cAAc,CAAW,OAAA,KAAA;AACvB,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AAAA,OACtB;AAEA,MAAA,OAAA,GAAU,MAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA,CAAA;AAEJ,EAAA;AAyBA,YAAA,CAAa,YAAe,GAAA,YAAA,CAAA;AAC5B,YAAA,CAAa,OAAU,GAAA,OAAA,CAAA;AACvB,YAAA,CAAa,UAAa,GAAA,UAAA,CAAA;AAC1B,YAAA,CAAa,QAAW,GAAA,QAAA,CAAA;AACxB,YAAA,CAAa,gBAAmB,GAAA,gBAAA,CAAA;AAChC,YAAA,CAAa,IAAO,GAAA,IAAA,CAAA;AACpB,YAAA,CAAa,eAAkB,GAAA,eAAA,CAAA;AAC/B,YAAA,CAAa,QAAW,GAAA,QAAA,CAAA;AACxB,YAAA,CAAa,MAAS,GAAA,MAAA,CAAA;AACtB,YAAA,CAAa,UAAa,GAAA,UAAA,CAAA;AAC1B,YAAA,CAAa,SAAY,GAAA,SAAA,CAAA;AACzB,YAAA,CAAa,SAAY,GAAA,SAAA,CAAA;AACzB,YAAA,CAAa,GAAM,GAAA,GAAA,CAAA;AACnB,YAAA,CAAa,UAAa,GAAA,UAAA,CAAA;AAC1B,YAAA,CAAa,UAAa,GAAA,UAAA,CAAA;AAC1B,YAAA,CAAa,UAAa,GAAA,UAAA,CAAA;AAC1B,YAAA,CAAa,OAAU,GAAA,OAAA;;;;;;;;;"}

package/dist/module.js

@@ -1,7 +1,7 @@
 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 { IconProhibit, IconCheckMark, IconChevronRight, isIconComponent } 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';
@@ -25,9 +25,6 @@ const LeftSlot = styled(Primitive.div, {
   marginRight: "$100",
   gridArea: "left-slot"
 });
-const IconSlot = styled(LeftSlot, {
-  width: "$6"
-});
 const IllustrationSlot = styled(LeftSlot, {
   width: "$13"
 });
@@ -38,6 +35,7 @@ const RightSlot = styled(Primitive.div, {
   paddingLeft: "$200",
   gridArea: "right-slot"
 });
+const HotkeySlot = RightSlot;
 
 const itemDefaults = {
   all: "unset",
@@ -388,21 +386,17 @@ const Trigger = React.forwardRef(({ asChild = false, onPress, onClick, ...restPr
   asChild
 }));
 
+const StyledIconContainer = styled(Primitive.span, {
+  color: "$icon-neutrals-with-text"
+});
 const StyledSubTrigger = styled(RadixDropdownMenu.SubTrigger, {
   ...itemDefaults,
-  '&[data-state="open"]': itemDefaults["&:hover"]
+  '&[data-state="open"]': itemDefaults["&:hover"],
+  [`&[data-state="open"] ${StyledIconContainer}, &:hover ${StyledIconContainer}`]: {
+    color: "$icon-primary-hover"
+  }
 });
 
-const ArrowIcon = () => /* @__PURE__ */ React.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-testid": "submenu-arrow-icon"
-}, /* @__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) => {
   const { onSelect, ...ariaDisabledProps } = useAriaDisabled({
     onKeyDown: restProps.onKeyDown,
@@ -413,7 +407,12 @@ const SubTrigger = React.forwardRef(({ children, disabled = false, ...restProps
     ...ariaDisabledProps,
     disabled,
     ref: forwardRef
-  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(ArrowIcon, null)));
+  }, children, /* @__PURE__ */ React.createElement(RightSlot, null, /* @__PURE__ */ React.createElement(StyledIconContainer, {
+    "data-testid": process.env.NODE_ENV === "test" ? "submenu-arrow-icon" : void 0
+  }, /* @__PURE__ */ React.createElement(IconChevronRight, {
+    size: "small",
+    weight: "thin"
+  }))));
 });
 
 const StyledSubContent = styled(
@@ -466,6 +465,32 @@ const Portal = (props) => /* @__PURE__ */ React.createElement(Portal$1, {
   ...props
 });
 
+const StyledIconSlot = styled(LeftSlot, {
+  square: "$5",
+  variants: {
+    customIcon: {
+      true: {
+        square: "$icon-200"
+      }
+    }
+  }
+});
+
+const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
+  const child = React.Children.only(children);
+  const isIcon = isIconComponent(child);
+  const formattedChild = isIcon ? React.cloneElement(child, {
+    ...child.props,
+    size: "small",
+    weight: "thin"
+  }) : child;
+  return /* @__PURE__ */ React.createElement(StyledIconSlot, {
+    ref: forwardRef,
+    ...restProps,
+    customIcon: !isIcon
+  }, formattedChild);
+});
+
 const DropdownMenu = ({
   defaultOpen = false,
   direction = "ltr",
@@ -491,6 +516,7 @@ const DropdownMenu = ({
 };
 DropdownMenu.CheckboxItem = CheckboxItem;
 DropdownMenu.Content = Content;
+DropdownMenu.HotkeySlot = HotkeySlot;
 DropdownMenu.IconSlot = IconSlot;
 DropdownMenu.IllustrationSlot = IllustrationSlot;
 DropdownMenu.Item = Item;