@mirohq/design-system-toolbar 3.1.4-aria-label-icon-button.2 → 3.1.5-MDS-2197.0

package/dist/main.js

@@ -307,6 +307,7 @@ const Toolbar = React__default["default"].forwardRef(
     dir = "ltr",
     loop = true,
     onKeyDown,
+    tabIndex = void 0,
     ...restProps
   }, forwardRef) => {
     const variantProp = unstyled === void 0 ? variant : unstyled ? "flat" : "floating";
@@ -325,6 +326,7 @@ const Toolbar = React__default["default"].forwardRef(
         loop,
         onKeyDown: handleKeyDown,
         ref: forwardRef,
+        tabIndex,
         ...restProps
       }
     );

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/toolbar.styled.ts","../src/partials/base-item.styled.ts","../src/partials/base-item.tsx","../src/styles.ts","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/hooks/use-toolbar-keyboard-navigation.ts","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n  all: 'unset',\n  display: 'flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  maxWidth: '100%',\n  gap: '$50',\n\n  '&[data-orientation=\"vertical\"]': {\n    flexDirection: 'column',\n    width: '$12',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '$12',\n  },\n\n  variants: {\n    variant: {\n      floating: {\n        backgroundColor: '$background-neutrals-layout',\n        boxShadow: '$elevation-100',\n        border: '0.5px solid $border-neutrals-subtle',\n        borderRadius: '$100',\n        padding: '$50',\n      },\n      flat: {},\n    },\n  },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\n\nexport const StyledBaseItem = styled(RadixToolbar.Button, {\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  userSelect: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n\n  '&[tabindex=\"0\"]': {\n    zIndex: '1',\n  },\n})\n\nexport type StyledBaseItemProps = StrictComponentProps<typeof StyledBaseItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { mergeProps } from '@react-aria/utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvents } from '@mirohq/design-system-use-press'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledBaseItem } from './base-item.styled'\nimport type { StyledBaseItemProps } from './base-item.styled'\n\nexport interface BaseItemProps\n  extends StyledBaseItemProps,\n    HoverEvents,\n    PressEvents {\n  disabled?: boolean\n}\n\nexport const BaseItem = React.forwardRef<\n  ElementRef<typeof StyledBaseItem>,\n  BaseItemProps\n>(\n  (\n    {\n      disabled = false,\n      'aria-disabled': ariaDisabled,\n      asChild,\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const elementProps = useAriaDisabled(\n      {\n        ...restProps,\n        ariaDisabled,\n      },\n      { allowArrows: true }\n    )\n\n    const { pressProps } = usePress({\n      preventFocusOnPress: 'auto',\n      disabled: disabled || booleanify(ariaDisabled),\n      ...elementProps,\n    })\n\n    const { hoverProps, isHovered } = useHover({\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n    })\n\n    return (\n      <StyledBaseItem\n        {...mergeProps(pressProps, hoverProps)}\n        data-hovered={isHovered ? '' : undefined}\n        asChild={asChild}\n        disabled={disabled}\n        aria-disabled={booleanify(ariaDisabled) ? 'true' : ariaDisabled}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { focus } from '@mirohq/design-system-styles'\n\nexport const disabledSelector = '&[disabled], &[aria-disabled=\"true\"]'\n\nexport const sharedStyles = {\n  base: {\n    backgroundColor: '$transparent',\n    borderRadius: '$50',\n    height: '$10',\n    border: 'none',\n    ...focus.css({\n      boxShadow: '$focus',\n    }),\n    '&[disabled]': {\n      pointerEvents: 'none',\n    },\n    '&:not([aria-disabled=\"true\"])': {\n      '&[data-hovered]': {\n        backgroundColor: '$background-neutrals-hover',\n      },\n\n      '&:active, &[data-pressed]': {\n        backgroundColor: '$background-neutrals-active',\n      },\n    },\n  },\n}\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledIcon = styled(BaseItem, {\n  padding: 0,\n  font: 'unset',\n  width: '$10',\n  color: '$icon-neutrals',\n\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$icon-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledIcon } from './icon.styled'\n\nexport interface IconProps extends BaseItemProps {\n  /**\n   * Renders icon in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n  ({ active = false, ...restProps }, forwardRef) => (\n    <StyledIcon {...restProps} active={active} ref={forwardRef} />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n  all: 'unset',\n  display: 'block',\n  boxSizing: 'border-box',\n  backgroundColor: '$border-neutrals-subtle',\n\n  '&[data-orientation=\"vertical\"]': {\n    width: '1px',\n    height: '$6',\n    margin: '0 $50',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '1px',\n    width: '$6',\n    margin: '$50 0',\n  },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } 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 { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledLink = styled(BaseItem, {\n  paddingX: '$150',\n\n  ...sharedStyles.base,\n  color: '$text-primary',\n  textDecoration: 'underline solid',\n  textDecorationThickness: '1px',\n  textUnderlineOffset: '4px',\n  outline: 'none',\n\n  [disabledSelector]: {\n    pointerEvents: 'none',\n    color: '$text-neutrals-disabled',\n  },\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<BaseItemProps, 'ref'> &\n  AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<'a'>, LinkProps>(\n  ({ children, href, ...restProps }, forwardRef) => (\n    <StyledLink {...restProps} asChild>\n      <a href={href} ref={forwardRef}>\n        {children}\n      </a>\n    </StyledLink>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledItem = styled(BaseItem, {\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$text-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$text-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { BaseItem } from './base-item'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends BaseItemProps {\n  /**\n   * It's applied by default when using with asChild attribute.\n   * You can still combine default Item styles with your own component by\n   * setting this prop to false.\n   * Note: Must be used together with asChild\n   * @default true\n   */\n  unstyled?: boolean\n\n  /**\n   * Renders item in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ active = false, unstyled = true, asChild, ...restProps }, forwardRef) => {\n    const shouldRenderUnstyled = asChild === true ? unstyled : false\n\n    if (shouldRenderUnstyled) {\n      return <BaseItem {...restProps} asChild={asChild} ref={forwardRef} />\n    }\n\n    return (\n      <StyledItem\n        {...restProps}\n        asChild={asChild}\n        active={active}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { useCallback } from 'react'\nimport type { KeyboardEvent } from 'react'\nimport { useDirection } from '@radix-ui/react-direction'\n\ninterface UseToolbarKeyboardNavigationProps {\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void\n}\n\n/**\n * Custom keyboard navigation for Radix Toolbar that allows navigation to aria-disabled items.\n *\n * By default, Radix UI Toolbar skips items with aria-disabled=\"true\" during keyboard navigation.\n * This hook intercepts arrow key events and manually handles focus management when aria-disabled\n * items are involved, while delegating to Radix for normal navigation.\n */\nexport const useToolbarKeyboardNavigation = ({\n  orientation = 'horizontal',\n  dir,\n  loop = true,\n  onKeyDown,\n}: UseToolbarKeyboardNavigationProps): ((\n  event: KeyboardEvent<HTMLDivElement>\n) => void) => {\n  const localDir = useDirection(dir ?? 'ltr')\n\n  return useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key, currentTarget } = event\n      const isHorizontal = orientation === 'horizontal'\n      const isRTL = localDir === 'rtl'\n\n      const isForward =\n        (isHorizontal && key === (isRTL ? 'ArrowLeft' : 'ArrowRight')) ||\n        (!isHorizontal && key === 'ArrowDown')\n\n      const isBackward =\n        (isHorizontal && key === (isRTL ? 'ArrowRight' : 'ArrowLeft')) ||\n        (!isHorizontal && key === 'ArrowUp')\n\n      if (!isForward && !isBackward) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Find all navigable items (using Radix's collection attribute)\n      const items = Array.from(\n        currentTarget.querySelectorAll('[data-radix-collection-item]')\n      ).filter(item => !item.hasAttribute('disabled')) as HTMLElement[]\n\n      // Find currently focused item\n      const currentIndex = items.findIndex(item =>\n        item.contains(document.activeElement)\n      )\n\n      if (items.length === 0 || currentIndex === -1) {\n        return onKeyDown?.(event)\n      }\n\n      // Calculate next item index\n      let nextIndex: number\n      if (isForward) {\n        nextIndex = currentIndex + 1\n        if (nextIndex >= items.length) {\n          nextIndex = loop ? 0 : currentIndex\n        }\n      } else {\n        nextIndex = currentIndex - 1\n        if (nextIndex < 0) {\n          nextIndex = loop ? items.length - 1 : currentIndex\n        }\n      }\n\n      // Check if aria-disabled items are involved\n      const currentIsAriaDisabled =\n        items[currentIndex]?.getAttribute('aria-disabled') === 'true'\n      const nextIsAriaDisabled =\n        items[nextIndex]?.getAttribute('aria-disabled') === 'true'\n\n      // Only override Radix if aria-disabled items are involved\n      // Otherwise, let Radix handle it with all their edge cases and optimizations\n      if (!currentIsAriaDisabled && !nextIsAriaDisabled) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Take control: prevent Radix's handler and manually move focus\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (nextIndex !== currentIndex) {\n        items[nextIndex]?.focus()\n      }\n\n      onKeyDown?.(event)\n    },\n    [orientation, localDir, loop, onKeyDown]\n  )\n}\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\nimport { useToolbarKeyboardNavigation } from './hooks/use-toolbar-keyboard-navigation'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n  /**\n   * @deprecated Please use variant for non-floating toolbar\n   */\n  unstyled?: boolean\n\n  /**\n   * When floating, the toolbar has shadow and border to differentiate it from the surface\n   * @default floating\n   */\n  variant?: StyledToolbarProps['variant']\n\n  /**\n   * The orientation of the toolbar\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical'\n\n  /**\n   * The reading direction of the toolbar\n   * @default 'ltr'\n   */\n  dir?: 'ltr' | 'rtl'\n\n  /**\n   * When true, keyboard navigation will loop from last tab to first, and vice versa\n   * @default true\n   */\n  loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n  ElementRef<typeof StyledToolbar>,\n  ToolbarProps\n>(\n  (\n    {\n      unstyled,\n      orientation = 'horizontal',\n      variant = 'floating',\n      dir = 'ltr',\n      loop = true,\n      onKeyDown,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const variantProp =\n      unstyled === undefined ? variant : unstyled ? 'flat' : 'floating'\n\n    const handleKeyDown = useToolbarKeyboardNavigation({\n      orientation,\n      dir,\n      loop,\n      onKeyDown,\n    })\n\n    return (\n      <StyledToolbar\n        variant={variantProp}\n        orientation={orientation}\n        dir={dir}\n        loop={loop}\n        onKeyDown={handleKeyDown}\n        ref={forwardRef}\n        {...restProps}\n      />\n    )\n  }\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Icon: typeof Icon\n  Item: typeof Item\n  Link: typeof Link\n  Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["styled","Root","RadixToolbar","React","useAriaDisabled","usePress","booleanify","useHover","jsx","mergeProps","focus","Separator","useDirection","useCallback"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,aAAA,GAAgBA,4BAAOC,iBAAM,EAAA;AAAA,EACxC,GAAK,EAAA,OAAA;AAAA,EACL,OAAS,EAAA,MAAA;AAAA,EACT,SAAW,EAAA,YAAA;AAAA,EACX,UAAY,EAAA,QAAA;AAAA,EACZ,QAAU,EAAA,MAAA;AAAA,EACV,GAAK,EAAA,KAAA;AAAA,EAEL,gCAAkC,EAAA;AAAA,IAChC,aAAe,EAAA,QAAA;AAAA,IACf,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EAEA,kCAAoC,EAAA;AAAA,IAClC,MAAQ,EAAA,KAAA;AAAA,GACV;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,QACR,eAAiB,EAAA,6BAAA;AAAA,QACjB,SAAW,EAAA,gBAAA;AAAA,QACX,MAAQ,EAAA,qCAAA;AAAA,QACR,YAAc,EAAA,MAAA;AAAA,QACd,OAAS,EAAA,KAAA;AAAA,OACX;AAAA,MACA,MAAM,EAAC;AAAA,KACT;AAAA,GACF;AACF,CAAC,CAAA;;AC7BY,MAAA,cAAA,GAAiBD,2BAAO,CAAAE,uBAAA,CAAa,MAAQ,EAAA;AAAA,EACxD,SAAW,EAAA,YAAA;AAAA,EACX,MAAQ,EAAA,SAAA;AAAA,EACR,UAAY,EAAA,MAAA;AAAA,EACZ,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,UAAY,EAAA,CAAA;AAAA,EAEZ,iBAAmB,EAAA;AAAA,IACjB,MAAQ,EAAA,GAAA;AAAA,GACV;AACF,CAAC,CAAA;;ACIM,MAAM,WAAWC,yBAAM,CAAA,UAAA;AAAA,EAI5B,CACE;AAAA,IACE,QAAW,GAAA,KAAA;AAAA,IACX,eAAiB,EAAA,YAAA;AAAA,IACjB,OAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAA,MAAM,YAAe,GAAAC,2CAAA;AAAA,MACnB;AAAA,QACE,GAAG,SAAA;AAAA,QACH,YAAA;AAAA,OACF;AAAA,MACA,EAAE,aAAa,IAAK,EAAA;AAAA,KACtB,CAAA;AAEA,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,6BAAS,CAAA;AAAA,MAC9B,mBAAqB,EAAA,MAAA;AAAA,MACrB,QAAA,EAAU,QAAY,IAAAC,4BAAA,CAAW,YAAY,CAAA;AAAA,MAC7C,GAAG,YAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,UAAA,EAAY,SAAU,EAAA,GAAIC,qBAAS,CAAA;AAAA,MACzC,YAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,KACD,CAAA,CAAA;AAED,IACE,uBAAAC,cAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACE,GAAGC,gBAAW,CAAA,UAAA,EAAY,UAAU,CAAA;AAAA,QACrC,cAAA,EAAc,YAAY,EAAK,GAAA,KAAA,CAAA;AAAA,QAC/B,OAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAe,EAAAH,4BAAA,CAAW,YAAY,CAAA,GAAI,MAAS,GAAA,YAAA;AAAA,QACnD,GAAK,EAAA,UAAA;AAAA,OAAA;AAAA,KACP,CAAA;AAAA,GAEJ;AACF,CAAA;;ACjEO,MAAM,gBAAmB,GAAA,sCAAA,CAAA;AAEzB,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,cAAA;AAAA,IACjB,YAAc,EAAA,KAAA;AAAA,IACd,MAAQ,EAAA,KAAA;AAAA,IACR,MAAQ,EAAA,MAAA;AAAA,IACR,GAAGI,yBAAM,GAAI,CAAA;AAAA,MACX,SAAW,EAAA,QAAA;AAAA,KACZ,CAAA;AAAA,IACD,aAAe,EAAA;AAAA,MACb,aAAe,EAAA,MAAA;AAAA,KACjB;AAAA,IACA,+BAAiC,EAAA;AAAA,MAC/B,iBAAmB,EAAA;AAAA,QACjB,eAAiB,EAAA,4BAAA;AAAA,OACnB;AAAA,MAEA,2BAA6B,EAAA;AAAA,QAC3B,eAAiB,EAAA,6BAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF;AACF,CAAA;;ACrBa,MAAA,UAAA,GAAaV,4BAAO,QAAU,EAAA;AAAA,EACzC,OAAS,EAAA,CAAA;AAAA,EACT,IAAM,EAAA,OAAA;AAAA,EACN,KAAO,EAAA,KAAA;AAAA,EACP,KAAO,EAAA,gBAAA;AAAA,EAEP,GAAG,YAAa,CAAA,IAAA;AAAA,EAEhB,QAAU,EAAA;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA;AAAA,QACJ,eAAiB,EAAA,qCAAA;AAAA,QACjB,KAAO,EAAA,wBAAA;AAAA,OACT;AAAA,MACA,KAAO,EAAA;AAAA,QACL,CAAC,gBAAgB,GAAG;AAAA,UAClB,aAAe,EAAA,MAAA;AAAA,UACf,KAAO,EAAA,yBAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACbM,MAAM,OAAOG,yBAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,MAAS,GAAA,KAAA,EAAO,GAAG,SAAU,EAAA,EAAG,UACjC,qBAAAK,cAAA,CAAC,UAAY,EAAA,EAAA,GAAG,SAAW,EAAA,MAAA,EAAgB,KAAK,UAAY,EAAA,CAAA;AAEhE,CAAA;;ACda,MAAA,eAAA,GAAkBR,4BAAOW,sBAAW,EAAA;AAAA,EAC/C,GAAK,EAAA,OAAA;AAAA,EACL,OAAS,EAAA,OAAA;AAAA,EACT,SAAW,EAAA,YAAA;AAAA,EACX,eAAiB,EAAA,yBAAA;AAAA,EAEjB,gCAAkC,EAAA;AAAA,IAChC,KAAO,EAAA,KAAA;AAAA,IACP,MAAQ,EAAA,IAAA;AAAA,IACR,MAAQ,EAAA,OAAA;AAAA,GACV;AAAA,EAEA,kCAAoC,EAAA;AAAA,IAClC,MAAQ,EAAA,KAAA;AAAA,IACR,KAAO,EAAA,IAAA;AAAA,IACP,MAAQ,EAAA,OAAA;AAAA,GACV;AACF,CAAC,CAAA;;ACbM,MAAM,SAAY,GAAAR,yBAAA,CAAM,UAG7B,CAAA,CAAC,KAAO,EAAA,UAAA,qBAAgBK,cAAA,CAAA,eAAA,EAAA,EAAiB,GAAG,KAAA,EAAO,GAAK,EAAA,UAAA,EAAY,CAAE,CAAA;;ACN3D,MAAA,UAAA,GAAaR,4BAAO,QAAU,EAAA;AAAA,EACzC,QAAU,EAAA,MAAA;AAAA,EAEV,GAAG,YAAa,CAAA,IAAA;AAAA,EAChB,KAAO,EAAA,eAAA;AAAA,EACP,cAAgB,EAAA,iBAAA;AAAA,EAChB,uBAAyB,EAAA,KAAA;AAAA,EACzB,mBAAqB,EAAA,KAAA;AAAA,EACrB,OAAS,EAAA,MAAA;AAAA,EAET,CAAC,gBAAgB,GAAG;AAAA,IAClB,aAAe,EAAA,MAAA;AAAA,IACf,KAAO,EAAA,yBAAA;AAAA,GACT;AACF,CAAC,CAAA;;ACTM,MAAM,OAAOG,yBAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,QAAU,EAAA,IAAA,EAAM,GAAG,SAAU,EAAA,EAAG,+BAChCK,cAAA,CAAA,UAAA,EAAA,EAAY,GAAG,SAAW,EAAA,OAAA,EAAO,MAChC,QAAC,kBAAAA,cAAA,CAAA,GAAA,EAAA,EAAE,MAAY,GAAK,EAAA,UAAA,EACjB,UACH,CACF,EAAA,CAAA;AAEJ,CAAA;;ACba,MAAA,UAAA,GAAaR,4BAAO,QAAU,EAAA;AAAA,EACzC,GAAG,YAAa,CAAA,IAAA;AAAA,EAEhB,QAAU,EAAA;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA;AAAA,QACJ,eAAiB,EAAA,qCAAA;AAAA,QACjB,KAAO,EAAA,wBAAA;AAAA,OACT;AAAA,MACA,KAAO,EAAA;AAAA,QACL,CAAC,gBAAgB,GAAG;AAAA,UAClB,aAAe,EAAA,MAAA;AAAA,UACf,KAAO,EAAA,yBAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACEM,MAAM,OAAOG,yBAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,MAAA,GAAS,KAAO,EAAA,QAAA,GAAW,MAAM,OAAS,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC1E,IAAM,MAAA,oBAAA,GAAuB,OAAY,KAAA,IAAA,GAAO,QAAW,GAAA,KAAA,CAAA;AAE3D,IAAA,IAAI,oBAAsB,EAAA;AACxB,MAAA,sCAAQ,QAAU,EAAA,EAAA,GAAG,SAAW,EAAA,OAAA,EAAkB,KAAK,UAAY,EAAA,CAAA,CAAA;AAAA,KACrE;AAEA,IACE,uBAAAK,cAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,OAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAK,EAAA,UAAA;AAAA,OAAA;AAAA,KACP,CAAA;AAAA,GAEJ;AACF,CAAA;;ACvBO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,WAAc,GAAA,YAAA;AAAA,EACd,GAAA;AAAA,EACA,IAAO,GAAA,IAAA;AAAA,EACP,SAAA;AACF,CAEc,KAAA;AACZ,EAAM,MAAA,QAAA,GAAWI,2BAAa,CAAA,GAAA,IAAA,IAAA,GAAA,GAAA,GAAO,KAAK,CAAA,CAAA;AAE1C,EAAO,OAAAC,iBAAA;AAAA,IACL,CAAC,KAAyC,KAAA;AA7B9C,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA8BM,MAAM,MAAA,EAAE,GAAK,EAAA,aAAA,EAAkB,GAAA,KAAA,CAAA;AAC/B,MAAA,MAAM,eAAe,WAAgB,KAAA,YAAA,CAAA;AACrC,MAAA,MAAM,QAAQ,QAAa,KAAA,KAAA,CAAA;AAE3B,MAAM,MAAA,SAAA,GACH,gBAAgB,GAAS,MAAA,KAAA,GAAQ,cAAc,YAC/C,CAAA,IAAA,CAAC,gBAAgB,GAAQ,KAAA,WAAA,CAAA;AAE5B,MAAM,MAAA,UAAA,GACH,gBAAgB,GAAS,MAAA,KAAA,GAAQ,eAAe,WAChD,CAAA,IAAA,CAAC,gBAAgB,GAAQ,KAAA,SAAA,CAAA;AAE5B,MAAI,IAAA,CAAC,SAAa,IAAA,CAAC,UAAY,EAAA;AAC7B,QAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AACZ,QAAA,OAAA;AAAA,OACF;AAGA,MAAA,MAAM,QAAQ,KAAM,CAAA,IAAA;AAAA,QAClB,aAAA,CAAc,iBAAiB,8BAA8B,CAAA;AAAA,QAC7D,MAAO,CAAA,CAAA,IAAA,KAAQ,CAAC,IAAK,CAAA,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA;AAG/C,MAAA,MAAM,eAAe,KAAM,CAAA,SAAA;AAAA,QAAU,CACnC,IAAA,KAAA,IAAA,CAAK,QAAS,CAAA,QAAA,CAAS,aAAa,CAAA;AAAA,OACtC,CAAA;AAEA,MAAA,IAAI,KAAM,CAAA,MAAA,KAAW,CAAK,IAAA,YAAA,KAAiB,CAAI,CAAA,EAAA;AAC7C,QAAA,OAAO,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACrB;AAGA,MAAI,IAAA,SAAA,CAAA;AACJ,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,SAAA,GAAY,YAAe,GAAA,CAAA,CAAA;AAC3B,QAAI,IAAA,SAAA,IAAa,MAAM,MAAQ,EAAA;AAC7B,UAAA,SAAA,GAAY,OAAO,CAAI,GAAA,YAAA,CAAA;AAAA,SACzB;AAAA,OACK,MAAA;AACL,QAAA,SAAA,GAAY,YAAe,GAAA,CAAA,CAAA;AAC3B,QAAA,IAAI,YAAY,CAAG,EAAA;AACjB,UAAY,SAAA,GAAA,IAAA,GAAO,KAAM,CAAA,MAAA,GAAS,CAAI,GAAA,YAAA,CAAA;AAAA,SACxC;AAAA,OACF;AAGA,MAAA,MAAM,0BACJ,EAAM,GAAA,KAAA,CAAA,YAAY,CAAlB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,aAAa,eAAqB,CAAA,MAAA,MAAA,CAAA;AACzD,MAAA,MAAM,uBACJ,EAAM,GAAA,KAAA,CAAA,SAAS,CAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,aAAa,eAAqB,CAAA,MAAA,MAAA,CAAA;AAItD,MAAI,IAAA,CAAC,qBAAyB,IAAA,CAAC,kBAAoB,EAAA;AACjD,QAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AACZ,QAAA,OAAA;AAAA,OACF;AAGA,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,MAAA,IAAI,cAAc,YAAc,EAAA;AAC9B,QAAM,CAAA,EAAA,GAAA,KAAA,CAAA,SAAS,MAAf,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,OACpB;AAEA,MAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACd;AAAA,IACA,CAAC,WAAA,EAAa,QAAU,EAAA,IAAA,EAAM,SAAS,CAAA;AAAA,GACzC,CAAA;AACF,CAAA;;AC1DO,MAAM,UAAUV,yBAAM,CAAA,UAAA;AAAA,EAI3B,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAc,GAAA,YAAA;AAAA,IACd,OAAU,GAAA,UAAA;AAAA,IACV,GAAM,GAAA,KAAA;AAAA,IACN,IAAO,GAAA,IAAA;AAAA,IACP,SAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAA,MAAM,WACJ,GAAA,QAAA,KAAa,KAAY,CAAA,GAAA,OAAA,GAAU,WAAW,MAAS,GAAA,UAAA,CAAA;AAEzD,IAAA,MAAM,gBAAgB,4BAA6B,CAAA;AAAA,MACjD,WAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,KACD,CAAA,CAAA;AAED,IACE,uBAAAK,cAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,WAAA;AAAA,QACT,WAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAW,EAAA,aAAA;AAAA,QACX,GAAK,EAAA,UAAA;AAAA,QACJ,GAAG,SAAA;AAAA,OAAA;AAAA,KACN,CAAA;AAAA,GAEJ;AACF,EAAA;AAYA,OAAA,CAAQ,IAAO,GAAA,IAAA,CAAA;AACf,OAAA,CAAQ,IAAO,GAAA,IAAA,CAAA;AACf,OAAA,CAAQ,IAAO,GAAA,IAAA,CAAA;AACf,OAAA,CAAQ,SAAY,GAAA,SAAA;;;;"}
+{"version":3,"file":"main.js","sources":["../src/toolbar.styled.ts","../src/partials/base-item.styled.ts","../src/partials/base-item.tsx","../src/styles.ts","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/hooks/use-toolbar-keyboard-navigation.ts","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n  all: 'unset',\n  display: 'flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  maxWidth: '100%',\n  gap: '$50',\n\n  '&[data-orientation=\"vertical\"]': {\n    flexDirection: 'column',\n    width: '$12',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '$12',\n  },\n\n  variants: {\n    variant: {\n      floating: {\n        backgroundColor: '$background-neutrals-layout',\n        boxShadow: '$elevation-100',\n        border: '0.5px solid $border-neutrals-subtle',\n        borderRadius: '$100',\n        padding: '$50',\n      },\n      flat: {},\n    },\n  },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\n\nexport const StyledBaseItem = styled(RadixToolbar.Button, {\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  userSelect: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n\n  '&[tabindex=\"0\"]': {\n    zIndex: '1',\n  },\n})\n\nexport type StyledBaseItemProps = StrictComponentProps<typeof StyledBaseItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { mergeProps } from '@react-aria/utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvents } from '@mirohq/design-system-use-press'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledBaseItem } from './base-item.styled'\nimport type { StyledBaseItemProps } from './base-item.styled'\n\nexport interface BaseItemProps\n  extends StyledBaseItemProps,\n    HoverEvents,\n    PressEvents {\n  disabled?: boolean\n}\n\nexport const BaseItem = React.forwardRef<\n  ElementRef<typeof StyledBaseItem>,\n  BaseItemProps\n>(\n  (\n    {\n      disabled = false,\n      'aria-disabled': ariaDisabled,\n      asChild,\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const elementProps = useAriaDisabled(\n      {\n        ...restProps,\n        ariaDisabled,\n      },\n      { allowArrows: true }\n    )\n\n    const { pressProps } = usePress({\n      preventFocusOnPress: 'auto',\n      disabled: disabled || booleanify(ariaDisabled),\n      ...elementProps,\n    })\n\n    const { hoverProps, isHovered } = useHover({\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n    })\n\n    return (\n      <StyledBaseItem\n        {...mergeProps(pressProps, hoverProps)}\n        data-hovered={isHovered ? '' : undefined}\n        asChild={asChild}\n        disabled={disabled}\n        aria-disabled={booleanify(ariaDisabled) ? 'true' : ariaDisabled}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { focus } from '@mirohq/design-system-styles'\n\nexport const disabledSelector = '&[disabled], &[aria-disabled=\"true\"]'\n\nexport const sharedStyles = {\n  base: {\n    backgroundColor: '$transparent',\n    borderRadius: '$50',\n    height: '$10',\n    border: 'none',\n    ...focus.css({\n      boxShadow: '$focus',\n    }),\n    '&[disabled]': {\n      pointerEvents: 'none',\n    },\n    '&:not([aria-disabled=\"true\"])': {\n      '&[data-hovered]': {\n        backgroundColor: '$background-neutrals-hover',\n      },\n\n      '&:active, &[data-pressed]': {\n        backgroundColor: '$background-neutrals-active',\n      },\n    },\n  },\n}\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledIcon = styled(BaseItem, {\n  padding: 0,\n  font: 'unset',\n  width: '$10',\n  color: '$icon-neutrals',\n\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$icon-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledIcon } from './icon.styled'\n\nexport interface IconProps extends BaseItemProps {\n  /**\n   * Renders icon in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n  ({ active = false, ...restProps }, forwardRef) => (\n    <StyledIcon {...restProps} active={active} ref={forwardRef} />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n  all: 'unset',\n  display: 'block',\n  boxSizing: 'border-box',\n  backgroundColor: '$border-neutrals-subtle',\n\n  '&[data-orientation=\"vertical\"]': {\n    width: '1px',\n    height: '$6',\n    margin: '0 $50',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '1px',\n    width: '$6',\n    margin: '$50 0',\n  },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } 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 { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledLink = styled(BaseItem, {\n  paddingX: '$150',\n\n  ...sharedStyles.base,\n  color: '$text-primary',\n  textDecoration: 'underline solid',\n  textDecorationThickness: '1px',\n  textUnderlineOffset: '4px',\n  outline: 'none',\n\n  [disabledSelector]: {\n    pointerEvents: 'none',\n    color: '$text-neutrals-disabled',\n  },\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<BaseItemProps, 'ref'> &\n  AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<'a'>, LinkProps>(\n  ({ children, href, ...restProps }, forwardRef) => (\n    <StyledLink {...restProps} asChild>\n      <a href={href} ref={forwardRef}>\n        {children}\n      </a>\n    </StyledLink>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledItem = styled(BaseItem, {\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$text-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$text-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { BaseItem } from './base-item'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends BaseItemProps {\n  /**\n   * It's applied by default when using with asChild attribute.\n   * You can still combine default Item styles with your own component by\n   * setting this prop to false.\n   * Note: Must be used together with asChild\n   * @default true\n   */\n  unstyled?: boolean\n\n  /**\n   * Renders item in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ active = false, unstyled = true, asChild, ...restProps }, forwardRef) => {\n    const shouldRenderUnstyled = asChild === true ? unstyled : false\n\n    if (shouldRenderUnstyled) {\n      return <BaseItem {...restProps} asChild={asChild} ref={forwardRef} />\n    }\n\n    return (\n      <StyledItem\n        {...restProps}\n        asChild={asChild}\n        active={active}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { useCallback } from 'react'\nimport type { KeyboardEvent } from 'react'\nimport { useDirection } from '@radix-ui/react-direction'\n\ninterface UseToolbarKeyboardNavigationProps {\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void\n}\n\n/**\n * Custom keyboard navigation for Radix Toolbar that allows navigation to aria-disabled items.\n *\n * By default, Radix UI Toolbar skips items with aria-disabled=\"true\" during keyboard navigation.\n * This hook intercepts arrow key events and manually handles focus management when aria-disabled\n * items are involved, while delegating to Radix for normal navigation.\n */\nexport const useToolbarKeyboardNavigation = ({\n  orientation = 'horizontal',\n  dir,\n  loop = true,\n  onKeyDown,\n}: UseToolbarKeyboardNavigationProps): ((\n  event: KeyboardEvent<HTMLDivElement>\n) => void) => {\n  const localDir = useDirection(dir ?? 'ltr')\n\n  return useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key, currentTarget } = event\n      const isHorizontal = orientation === 'horizontal'\n      const isRTL = localDir === 'rtl'\n\n      const isForward =\n        (isHorizontal && key === (isRTL ? 'ArrowLeft' : 'ArrowRight')) ||\n        (!isHorizontal && key === 'ArrowDown')\n\n      const isBackward =\n        (isHorizontal && key === (isRTL ? 'ArrowRight' : 'ArrowLeft')) ||\n        (!isHorizontal && key === 'ArrowUp')\n\n      if (!isForward && !isBackward) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Find all navigable items (using Radix's collection attribute)\n      const items = Array.from(\n        currentTarget.querySelectorAll('[data-radix-collection-item]')\n      ).filter(item => !item.hasAttribute('disabled')) as HTMLElement[]\n\n      // Find currently focused item\n      const currentIndex = items.findIndex(item =>\n        item.contains(document.activeElement)\n      )\n\n      if (items.length === 0 || currentIndex === -1) {\n        return onKeyDown?.(event)\n      }\n\n      // Calculate next item index\n      let nextIndex: number\n      if (isForward) {\n        nextIndex = currentIndex + 1\n        if (nextIndex >= items.length) {\n          nextIndex = loop ? 0 : currentIndex\n        }\n      } else {\n        nextIndex = currentIndex - 1\n        if (nextIndex < 0) {\n          nextIndex = loop ? items.length - 1 : currentIndex\n        }\n      }\n\n      // Check if aria-disabled items are involved\n      const currentIsAriaDisabled =\n        items[currentIndex]?.getAttribute('aria-disabled') === 'true'\n      const nextIsAriaDisabled =\n        items[nextIndex]?.getAttribute('aria-disabled') === 'true'\n\n      // Only override Radix if aria-disabled items are involved\n      // Otherwise, let Radix handle it with all their edge cases and optimizations\n      if (!currentIsAriaDisabled && !nextIsAriaDisabled) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Take control: prevent Radix's handler and manually move focus\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (nextIndex !== currentIndex) {\n        items[nextIndex]?.focus()\n      }\n\n      onKeyDown?.(event)\n    },\n    [orientation, localDir, loop, onKeyDown]\n  )\n}\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\nimport { useToolbarKeyboardNavigation } from './hooks/use-toolbar-keyboard-navigation'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n  /**\n   * @deprecated Please use variant for non-floating toolbar\n   */\n  unstyled?: boolean\n\n  /**\n   * When floating, the toolbar has shadow and border to differentiate it from the surface\n   * @default floating\n   */\n  variant?: StyledToolbarProps['variant']\n\n  /**\n   * The orientation of the toolbar\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical'\n\n  /**\n   * The reading direction of the toolbar\n   * @default 'ltr'\n   */\n  dir?: 'ltr' | 'rtl'\n\n  /**\n   * When true, keyboard navigation will loop from last tab to first, and vice versa\n   * @default true\n   */\n  loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n  ElementRef<typeof StyledToolbar>,\n  ToolbarProps\n>(\n  (\n    {\n      unstyled,\n      orientation = 'horizontal',\n      variant = 'floating',\n      dir = 'ltr',\n      loop = true,\n      onKeyDown,\n      tabIndex = undefined,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const variantProp =\n      unstyled === undefined ? variant : unstyled ? 'flat' : 'floating'\n\n    const handleKeyDown = useToolbarKeyboardNavigation({\n      orientation,\n      dir,\n      loop,\n      onKeyDown,\n    })\n\n    return (\n      <StyledToolbar\n        variant={variantProp}\n        orientation={orientation}\n        dir={dir}\n        loop={loop}\n        onKeyDown={handleKeyDown}\n        ref={forwardRef}\n        tabIndex={tabIndex}\n        {...restProps}\n      />\n    )\n  }\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Icon: typeof Icon\n  Item: typeof Item\n  Link: typeof Link\n  Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["styled","Root","RadixToolbar","React","useAriaDisabled","usePress","booleanify","useHover","jsx","mergeProps","focus","Separator","useDirection","useCallback"],"mappings":"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"}

package/dist/module.js

@@ -281,6 +281,7 @@ const Toolbar = React.forwardRef(
     dir = "ltr",
     loop = true,
     onKeyDown,
+    tabIndex = void 0,
     ...restProps
   }, forwardRef) => {
     const variantProp = unstyled === void 0 ? variant : unstyled ? "flat" : "floating";
@@ -299,6 +300,7 @@ const Toolbar = React.forwardRef(
         loop,
         onKeyDown: handleKeyDown,
         ref: forwardRef,
+        tabIndex,
         ...restProps
       }
     );

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/toolbar.styled.ts","../src/partials/base-item.styled.ts","../src/partials/base-item.tsx","../src/styles.ts","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/hooks/use-toolbar-keyboard-navigation.ts","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n  all: 'unset',\n  display: 'flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  maxWidth: '100%',\n  gap: '$50',\n\n  '&[data-orientation=\"vertical\"]': {\n    flexDirection: 'column',\n    width: '$12',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '$12',\n  },\n\n  variants: {\n    variant: {\n      floating: {\n        backgroundColor: '$background-neutrals-layout',\n        boxShadow: '$elevation-100',\n        border: '0.5px solid $border-neutrals-subtle',\n        borderRadius: '$100',\n        padding: '$50',\n      },\n      flat: {},\n    },\n  },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\n\nexport const StyledBaseItem = styled(RadixToolbar.Button, {\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  userSelect: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n\n  '&[tabindex=\"0\"]': {\n    zIndex: '1',\n  },\n})\n\nexport type StyledBaseItemProps = StrictComponentProps<typeof StyledBaseItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { mergeProps } from '@react-aria/utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvents } from '@mirohq/design-system-use-press'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledBaseItem } from './base-item.styled'\nimport type { StyledBaseItemProps } from './base-item.styled'\n\nexport interface BaseItemProps\n  extends StyledBaseItemProps,\n    HoverEvents,\n    PressEvents {\n  disabled?: boolean\n}\n\nexport const BaseItem = React.forwardRef<\n  ElementRef<typeof StyledBaseItem>,\n  BaseItemProps\n>(\n  (\n    {\n      disabled = false,\n      'aria-disabled': ariaDisabled,\n      asChild,\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const elementProps = useAriaDisabled(\n      {\n        ...restProps,\n        ariaDisabled,\n      },\n      { allowArrows: true }\n    )\n\n    const { pressProps } = usePress({\n      preventFocusOnPress: 'auto',\n      disabled: disabled || booleanify(ariaDisabled),\n      ...elementProps,\n    })\n\n    const { hoverProps, isHovered } = useHover({\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n    })\n\n    return (\n      <StyledBaseItem\n        {...mergeProps(pressProps, hoverProps)}\n        data-hovered={isHovered ? '' : undefined}\n        asChild={asChild}\n        disabled={disabled}\n        aria-disabled={booleanify(ariaDisabled) ? 'true' : ariaDisabled}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { focus } from '@mirohq/design-system-styles'\n\nexport const disabledSelector = '&[disabled], &[aria-disabled=\"true\"]'\n\nexport const sharedStyles = {\n  base: {\n    backgroundColor: '$transparent',\n    borderRadius: '$50',\n    height: '$10',\n    border: 'none',\n    ...focus.css({\n      boxShadow: '$focus',\n    }),\n    '&[disabled]': {\n      pointerEvents: 'none',\n    },\n    '&:not([aria-disabled=\"true\"])': {\n      '&[data-hovered]': {\n        backgroundColor: '$background-neutrals-hover',\n      },\n\n      '&:active, &[data-pressed]': {\n        backgroundColor: '$background-neutrals-active',\n      },\n    },\n  },\n}\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledIcon = styled(BaseItem, {\n  padding: 0,\n  font: 'unset',\n  width: '$10',\n  color: '$icon-neutrals',\n\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$icon-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledIcon } from './icon.styled'\n\nexport interface IconProps extends BaseItemProps {\n  /**\n   * Renders icon in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n  ({ active = false, ...restProps }, forwardRef) => (\n    <StyledIcon {...restProps} active={active} ref={forwardRef} />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n  all: 'unset',\n  display: 'block',\n  boxSizing: 'border-box',\n  backgroundColor: '$border-neutrals-subtle',\n\n  '&[data-orientation=\"vertical\"]': {\n    width: '1px',\n    height: '$6',\n    margin: '0 $50',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '1px',\n    width: '$6',\n    margin: '$50 0',\n  },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } 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 { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledLink = styled(BaseItem, {\n  paddingX: '$150',\n\n  ...sharedStyles.base,\n  color: '$text-primary',\n  textDecoration: 'underline solid',\n  textDecorationThickness: '1px',\n  textUnderlineOffset: '4px',\n  outline: 'none',\n\n  [disabledSelector]: {\n    pointerEvents: 'none',\n    color: '$text-neutrals-disabled',\n  },\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<BaseItemProps, 'ref'> &\n  AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<'a'>, LinkProps>(\n  ({ children, href, ...restProps }, forwardRef) => (\n    <StyledLink {...restProps} asChild>\n      <a href={href} ref={forwardRef}>\n        {children}\n      </a>\n    </StyledLink>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledItem = styled(BaseItem, {\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$text-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$text-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { BaseItem } from './base-item'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends BaseItemProps {\n  /**\n   * It's applied by default when using with asChild attribute.\n   * You can still combine default Item styles with your own component by\n   * setting this prop to false.\n   * Note: Must be used together with asChild\n   * @default true\n   */\n  unstyled?: boolean\n\n  /**\n   * Renders item in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ active = false, unstyled = true, asChild, ...restProps }, forwardRef) => {\n    const shouldRenderUnstyled = asChild === true ? unstyled : false\n\n    if (shouldRenderUnstyled) {\n      return <BaseItem {...restProps} asChild={asChild} ref={forwardRef} />\n    }\n\n    return (\n      <StyledItem\n        {...restProps}\n        asChild={asChild}\n        active={active}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { useCallback } from 'react'\nimport type { KeyboardEvent } from 'react'\nimport { useDirection } from '@radix-ui/react-direction'\n\ninterface UseToolbarKeyboardNavigationProps {\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void\n}\n\n/**\n * Custom keyboard navigation for Radix Toolbar that allows navigation to aria-disabled items.\n *\n * By default, Radix UI Toolbar skips items with aria-disabled=\"true\" during keyboard navigation.\n * This hook intercepts arrow key events and manually handles focus management when aria-disabled\n * items are involved, while delegating to Radix for normal navigation.\n */\nexport const useToolbarKeyboardNavigation = ({\n  orientation = 'horizontal',\n  dir,\n  loop = true,\n  onKeyDown,\n}: UseToolbarKeyboardNavigationProps): ((\n  event: KeyboardEvent<HTMLDivElement>\n) => void) => {\n  const localDir = useDirection(dir ?? 'ltr')\n\n  return useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key, currentTarget } = event\n      const isHorizontal = orientation === 'horizontal'\n      const isRTL = localDir === 'rtl'\n\n      const isForward =\n        (isHorizontal && key === (isRTL ? 'ArrowLeft' : 'ArrowRight')) ||\n        (!isHorizontal && key === 'ArrowDown')\n\n      const isBackward =\n        (isHorizontal && key === (isRTL ? 'ArrowRight' : 'ArrowLeft')) ||\n        (!isHorizontal && key === 'ArrowUp')\n\n      if (!isForward && !isBackward) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Find all navigable items (using Radix's collection attribute)\n      const items = Array.from(\n        currentTarget.querySelectorAll('[data-radix-collection-item]')\n      ).filter(item => !item.hasAttribute('disabled')) as HTMLElement[]\n\n      // Find currently focused item\n      const currentIndex = items.findIndex(item =>\n        item.contains(document.activeElement)\n      )\n\n      if (items.length === 0 || currentIndex === -1) {\n        return onKeyDown?.(event)\n      }\n\n      // Calculate next item index\n      let nextIndex: number\n      if (isForward) {\n        nextIndex = currentIndex + 1\n        if (nextIndex >= items.length) {\n          nextIndex = loop ? 0 : currentIndex\n        }\n      } else {\n        nextIndex = currentIndex - 1\n        if (nextIndex < 0) {\n          nextIndex = loop ? items.length - 1 : currentIndex\n        }\n      }\n\n      // Check if aria-disabled items are involved\n      const currentIsAriaDisabled =\n        items[currentIndex]?.getAttribute('aria-disabled') === 'true'\n      const nextIsAriaDisabled =\n        items[nextIndex]?.getAttribute('aria-disabled') === 'true'\n\n      // Only override Radix if aria-disabled items are involved\n      // Otherwise, let Radix handle it with all their edge cases and optimizations\n      if (!currentIsAriaDisabled && !nextIsAriaDisabled) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Take control: prevent Radix's handler and manually move focus\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (nextIndex !== currentIndex) {\n        items[nextIndex]?.focus()\n      }\n\n      onKeyDown?.(event)\n    },\n    [orientation, localDir, loop, onKeyDown]\n  )\n}\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\nimport { useToolbarKeyboardNavigation } from './hooks/use-toolbar-keyboard-navigation'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n  /**\n   * @deprecated Please use variant for non-floating toolbar\n   */\n  unstyled?: boolean\n\n  /**\n   * When floating, the toolbar has shadow and border to differentiate it from the surface\n   * @default floating\n   */\n  variant?: StyledToolbarProps['variant']\n\n  /**\n   * The orientation of the toolbar\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical'\n\n  /**\n   * The reading direction of the toolbar\n   * @default 'ltr'\n   */\n  dir?: 'ltr' | 'rtl'\n\n  /**\n   * When true, keyboard navigation will loop from last tab to first, and vice versa\n   * @default true\n   */\n  loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n  ElementRef<typeof StyledToolbar>,\n  ToolbarProps\n>(\n  (\n    {\n      unstyled,\n      orientation = 'horizontal',\n      variant = 'floating',\n      dir = 'ltr',\n      loop = true,\n      onKeyDown,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const variantProp =\n      unstyled === undefined ? variant : unstyled ? 'flat' : 'floating'\n\n    const handleKeyDown = useToolbarKeyboardNavigation({\n      orientation,\n      dir,\n      loop,\n      onKeyDown,\n    })\n\n    return (\n      <StyledToolbar\n        variant={variantProp}\n        orientation={orientation}\n        dir={dir}\n        loop={loop}\n        onKeyDown={handleKeyDown}\n        ref={forwardRef}\n        {...restProps}\n      />\n    )\n  }\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Icon: typeof Icon\n  Item: typeof Item\n  Link: typeof Link\n  Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["Separator"],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/toolbar.styled.ts","../src/partials/base-item.styled.ts","../src/partials/base-item.tsx","../src/styles.ts","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/hooks/use-toolbar-keyboard-navigation.ts","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n  all: 'unset',\n  display: 'flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  maxWidth: '100%',\n  gap: '$50',\n\n  '&[data-orientation=\"vertical\"]': {\n    flexDirection: 'column',\n    width: '$12',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '$12',\n  },\n\n  variants: {\n    variant: {\n      floating: {\n        backgroundColor: '$background-neutrals-layout',\n        boxShadow: '$elevation-100',\n        border: '0.5px solid $border-neutrals-subtle',\n        borderRadius: '$100',\n        padding: '$50',\n      },\n      flat: {},\n    },\n  },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\n\nexport const StyledBaseItem = styled(RadixToolbar.Button, {\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  userSelect: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n\n  '&[tabindex=\"0\"]': {\n    zIndex: '1',\n  },\n})\n\nexport type StyledBaseItemProps = StrictComponentProps<typeof StyledBaseItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { mergeProps } from '@react-aria/utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvents } from '@mirohq/design-system-use-press'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledBaseItem } from './base-item.styled'\nimport type { StyledBaseItemProps } from './base-item.styled'\n\nexport interface BaseItemProps\n  extends StyledBaseItemProps,\n    HoverEvents,\n    PressEvents {\n  disabled?: boolean\n}\n\nexport const BaseItem = React.forwardRef<\n  ElementRef<typeof StyledBaseItem>,\n  BaseItemProps\n>(\n  (\n    {\n      disabled = false,\n      'aria-disabled': ariaDisabled,\n      asChild,\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const elementProps = useAriaDisabled(\n      {\n        ...restProps,\n        ariaDisabled,\n      },\n      { allowArrows: true }\n    )\n\n    const { pressProps } = usePress({\n      preventFocusOnPress: 'auto',\n      disabled: disabled || booleanify(ariaDisabled),\n      ...elementProps,\n    })\n\n    const { hoverProps, isHovered } = useHover({\n      onHoverStart,\n      onHoverEnd,\n      onHoverChange,\n    })\n\n    return (\n      <StyledBaseItem\n        {...mergeProps(pressProps, hoverProps)}\n        data-hovered={isHovered ? '' : undefined}\n        asChild={asChild}\n        disabled={disabled}\n        aria-disabled={booleanify(ariaDisabled) ? 'true' : ariaDisabled}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { focus } from '@mirohq/design-system-styles'\n\nexport const disabledSelector = '&[disabled], &[aria-disabled=\"true\"]'\n\nexport const sharedStyles = {\n  base: {\n    backgroundColor: '$transparent',\n    borderRadius: '$50',\n    height: '$10',\n    border: 'none',\n    ...focus.css({\n      boxShadow: '$focus',\n    }),\n    '&[disabled]': {\n      pointerEvents: 'none',\n    },\n    '&:not([aria-disabled=\"true\"])': {\n      '&[data-hovered]': {\n        backgroundColor: '$background-neutrals-hover',\n      },\n\n      '&:active, &[data-pressed]': {\n        backgroundColor: '$background-neutrals-active',\n      },\n    },\n  },\n}\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledIcon = styled(BaseItem, {\n  padding: 0,\n  font: 'unset',\n  width: '$10',\n  color: '$icon-neutrals',\n\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$icon-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledIcon } from './icon.styled'\n\nexport interface IconProps extends BaseItemProps {\n  /**\n   * Renders icon in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n  ({ active = false, ...restProps }, forwardRef) => (\n    <StyledIcon {...restProps} active={active} ref={forwardRef} />\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n  all: 'unset',\n  display: 'block',\n  boxSizing: 'border-box',\n  backgroundColor: '$border-neutrals-subtle',\n\n  '&[data-orientation=\"vertical\"]': {\n    width: '1px',\n    height: '$6',\n    margin: '0 $50',\n  },\n\n  '&[data-orientation=\"horizontal\"]': {\n    height: '1px',\n    width: '$6',\n    margin: '$50 0',\n  },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } 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 { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledLink = styled(BaseItem, {\n  paddingX: '$150',\n\n  ...sharedStyles.base,\n  color: '$text-primary',\n  textDecoration: 'underline solid',\n  textDecorationThickness: '1px',\n  textUnderlineOffset: '4px',\n  outline: 'none',\n\n  [disabledSelector]: {\n    pointerEvents: 'none',\n    color: '$text-neutrals-disabled',\n  },\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<BaseItemProps, 'ref'> &\n  AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<'a'>, LinkProps>(\n  ({ children, href, ...restProps }, forwardRef) => (\n    <StyledLink {...restProps} asChild>\n      <a href={href} ref={forwardRef}>\n        {children}\n      </a>\n    </StyledLink>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { BaseItem } from './base-item'\nimport { disabledSelector, sharedStyles } from '../styles'\n\nexport const StyledItem = styled(BaseItem, {\n  ...sharedStyles.base,\n\n  variants: {\n    active: {\n      true: {\n        backgroundColor: '$background-primary-subtle-selected',\n        color: '$text-primary-selected',\n      },\n      false: {\n        [disabledSelector]: {\n          pointerEvents: 'none',\n          color: '$text-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { BaseItemProps } from './base-item'\nimport { BaseItem } from './base-item'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends BaseItemProps {\n  /**\n   * It's applied by default when using with asChild attribute.\n   * You can still combine default Item styles with your own component by\n   * setting this prop to false.\n   * Note: Must be used together with asChild\n   * @default true\n   */\n  unstyled?: boolean\n\n  /**\n   * Renders item in enabled/toggled state.\n   * @default false\n   */\n  active?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ active = false, unstyled = true, asChild, ...restProps }, forwardRef) => {\n    const shouldRenderUnstyled = asChild === true ? unstyled : false\n\n    if (shouldRenderUnstyled) {\n      return <BaseItem {...restProps} asChild={asChild} ref={forwardRef} />\n    }\n\n    return (\n      <StyledItem\n        {...restProps}\n        asChild={asChild}\n        active={active}\n        ref={forwardRef}\n      />\n    )\n  }\n)\n","import { useCallback } from 'react'\nimport type { KeyboardEvent } from 'react'\nimport { useDirection } from '@radix-ui/react-direction'\n\ninterface UseToolbarKeyboardNavigationProps {\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void\n}\n\n/**\n * Custom keyboard navigation for Radix Toolbar that allows navigation to aria-disabled items.\n *\n * By default, Radix UI Toolbar skips items with aria-disabled=\"true\" during keyboard navigation.\n * This hook intercepts arrow key events and manually handles focus management when aria-disabled\n * items are involved, while delegating to Radix for normal navigation.\n */\nexport const useToolbarKeyboardNavigation = ({\n  orientation = 'horizontal',\n  dir,\n  loop = true,\n  onKeyDown,\n}: UseToolbarKeyboardNavigationProps): ((\n  event: KeyboardEvent<HTMLDivElement>\n) => void) => {\n  const localDir = useDirection(dir ?? 'ltr')\n\n  return useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key, currentTarget } = event\n      const isHorizontal = orientation === 'horizontal'\n      const isRTL = localDir === 'rtl'\n\n      const isForward =\n        (isHorizontal && key === (isRTL ? 'ArrowLeft' : 'ArrowRight')) ||\n        (!isHorizontal && key === 'ArrowDown')\n\n      const isBackward =\n        (isHorizontal && key === (isRTL ? 'ArrowRight' : 'ArrowLeft')) ||\n        (!isHorizontal && key === 'ArrowUp')\n\n      if (!isForward && !isBackward) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Find all navigable items (using Radix's collection attribute)\n      const items = Array.from(\n        currentTarget.querySelectorAll('[data-radix-collection-item]')\n      ).filter(item => !item.hasAttribute('disabled')) as HTMLElement[]\n\n      // Find currently focused item\n      const currentIndex = items.findIndex(item =>\n        item.contains(document.activeElement)\n      )\n\n      if (items.length === 0 || currentIndex === -1) {\n        return onKeyDown?.(event)\n      }\n\n      // Calculate next item index\n      let nextIndex: number\n      if (isForward) {\n        nextIndex = currentIndex + 1\n        if (nextIndex >= items.length) {\n          nextIndex = loop ? 0 : currentIndex\n        }\n      } else {\n        nextIndex = currentIndex - 1\n        if (nextIndex < 0) {\n          nextIndex = loop ? items.length - 1 : currentIndex\n        }\n      }\n\n      // Check if aria-disabled items are involved\n      const currentIsAriaDisabled =\n        items[currentIndex]?.getAttribute('aria-disabled') === 'true'\n      const nextIsAriaDisabled =\n        items[nextIndex]?.getAttribute('aria-disabled') === 'true'\n\n      // Only override Radix if aria-disabled items are involved\n      // Otherwise, let Radix handle it with all their edge cases and optimizations\n      if (!currentIsAriaDisabled && !nextIsAriaDisabled) {\n        onKeyDown?.(event)\n        return\n      }\n\n      // Take control: prevent Radix's handler and manually move focus\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (nextIndex !== currentIndex) {\n        items[nextIndex]?.focus()\n      }\n\n      onKeyDown?.(event)\n    },\n    [orientation, localDir, loop, onKeyDown]\n  )\n}\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\nimport { useToolbarKeyboardNavigation } from './hooks/use-toolbar-keyboard-navigation'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n  /**\n   * @deprecated Please use variant for non-floating toolbar\n   */\n  unstyled?: boolean\n\n  /**\n   * When floating, the toolbar has shadow and border to differentiate it from the surface\n   * @default floating\n   */\n  variant?: StyledToolbarProps['variant']\n\n  /**\n   * The orientation of the toolbar\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical'\n\n  /**\n   * The reading direction of the toolbar\n   * @default 'ltr'\n   */\n  dir?: 'ltr' | 'rtl'\n\n  /**\n   * When true, keyboard navigation will loop from last tab to first, and vice versa\n   * @default true\n   */\n  loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n  ElementRef<typeof StyledToolbar>,\n  ToolbarProps\n>(\n  (\n    {\n      unstyled,\n      orientation = 'horizontal',\n      variant = 'floating',\n      dir = 'ltr',\n      loop = true,\n      onKeyDown,\n      tabIndex = undefined,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const variantProp =\n      unstyled === undefined ? variant : unstyled ? 'flat' : 'floating'\n\n    const handleKeyDown = useToolbarKeyboardNavigation({\n      orientation,\n      dir,\n      loop,\n      onKeyDown,\n    })\n\n    return (\n      <StyledToolbar\n        variant={variantProp}\n        orientation={orientation}\n        dir={dir}\n        loop={loop}\n        onKeyDown={handleKeyDown}\n        ref={forwardRef}\n        tabIndex={tabIndex}\n        {...restProps}\n      />\n    )\n  }\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Icon: typeof Icon\n  Item: typeof Item\n  Link: typeof Link\n  Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["Separator"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-toolbar",
-  "version": "3.1.4-aria-label-icon-button.2",
+  "version": "3.1.5-MDS-2197.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -32,11 +32,11 @@
     "@react-aria/interactions": "^3.13.0",
     "@react-aria/utils": "^3.31.0",
     "@react-types/shared": "^3.16.0",
-    "@mirohq/design-system-stitches": "^3.1.2-aria-label-icon-button.2",
-    "@mirohq/design-system-styles": "^3.0.1-aria-label-icon-button.2",
-    "@mirohq/design-system-use-aria-disabled": "^1.1.1-aria-label-icon-button.2",
-    "@mirohq/design-system-use-press": "^1.1.1-aria-label-icon-button.2",
-    "@mirohq/design-system-utils": "^1.2.1-aria-label-icon-button.2"
+    "@mirohq/design-system-use-press": "^1.1.1",
+    "@mirohq/design-system-styles": "^3.0.1",
+    "@mirohq/design-system-utils": "^1.2.1",
+    "@mirohq/design-system-use-aria-disabled": "^1.1.1",
+    "@mirohq/design-system-stitches": "^3.1.2"
   },
   "scripts": {
     "build": "rollup -c ../../../rollup.config.js",