@bitrise/bitkit-v2 0.3.390 → 0.3.392

package/dist/components/BitkitActionMenu/BitkitActionMenu.d.ts

@@ -28,6 +28,8 @@ interface BitkitActionMenuItemCommonProps extends Omit<MenuItemProps, 'value'> {
     icon?: BitkitIconComponent;
     /** Style the item as destructive — red label and icon. Use it for delete and similar actions. */
     isDanger?: boolean;
+    /** Inert and marked `aria-disabled`: no selection, no `onClick`, and no navigation on an `href` item. */
+    disabled?: boolean;
     /** A second, quieter line under the label. Adding it makes the row taller and top-aligns the icon. */
     secondaryText?: ReactNode;
     /**

package/dist/components/BitkitActionMenu/BitkitActionMenu.js

@@ -29,11 +29,18 @@ var BitkitActionMenu = ({ trigger, children, size = "lg", ...props }) => {
 };
 BitkitActionMenu.displayName = "BitkitActionMenu";
 var BitkitActionMenuItem = forwardRef((props, ref) => {
-	const { children, icon: Icon, isDanger, secondaryText } = props;
+	const { children, disabled, icon: Icon, isDanger, secondaryText } = props;
 	const style = useMenuStyles();
 	const iconSize = useContext(BitkitActionMenuContext) === "lg" ? "24" : "16";
 	const hasHelper = secondaryText ? true : void 0;
 	const fallbackValue = useId();
+	const handleClick = (onClick) => (event) => {
+		if (disabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+	};
 	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		Icon && /* @__PURE__ */ jsx(Icon, { size: iconSize }),
 		/* @__PURE__ */ jsxs(Box, {
@@ -49,13 +56,14 @@ var BitkitActionMenuItem = forwardRef((props, ref) => {
 		})
 	] });
 	if (props.href !== void 0) {
-		const { children: _children, href, icon: _icon, isDanger: _isDanger, isExternal, rel, secondaryText: _secondaryText, target, value, ...rest } = props;
+		const { children: _children, href, icon: _icon, isDanger: _isDanger, isExternal, rel, onClick, secondaryText: _secondaryText, target, value, ...rest } = props;
 		const effectiveTarget = isExternal ? "_blank" : target;
 		const effectiveRel = isExternal ? rel ? `${rel} noreferrer noopener` : "noreferrer noopener" : rel;
 		return /* @__PURE__ */ jsx(Menu.Item, {
 			asChild: true,
 			"data-danger": isDanger,
 			"data-helper": hasHelper,
+			onClick: handleClick(onClick),
 			value: value ?? fallbackValue,
 			...rest,
 			children: /* @__PURE__ */ jsx("a", {
@@ -67,10 +75,11 @@ var BitkitActionMenuItem = forwardRef((props, ref) => {
 			})
 		});
 	}
-	const { children: _children, icon: _icon, isDanger: _isDanger, secondaryText: _secondaryText, value, ...rest } = props;
+	const { children: _children, icon: _icon, isDanger: _isDanger, onClick, secondaryText: _secondaryText, value, ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.Item, {
 		"data-danger": isDanger,
 		"data-helper": hasHelper,
+		onClick: handleClick(onClick),
 		ref,
 		value: value ?? fallbackValue,
 		...rest,

package/dist/components/BitkitActionMenu/BitkitActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitActionMenu.js","names":[],"sources":["../../../lib/components/BitkitActionMenu/BitkitActionMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport {\n  Menu,\n  type MenuItemGroupProps,\n  type MenuItemProps,\n  type MenuRootProps,\n  type MenuSeparatorProps,\n  useMenuStyles,\n} from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Separator as ChakraSeparator } from '@chakra-ui/react/separator';\nimport { Text } from '@chakra-ui/react/text';\nimport { createContext, forwardRef, type ReactNode, type Ref, useContext, useId } from 'react';\n\nimport { type BitkitIconComponent, IconArrowNortheast } from '../../icons';\nimport { type BitkitDataAttributes, splitDataAttributes } from '../../utilities/dataAttributes';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst BitkitActionMenuContext = createContext<MenuRootProps['size']>('lg');\n\n/**\n * `data-*` attributes are forwarded to the element carrying `role=\"menu\"` (the menu content), and\n * nothing else is — the same contract the dialogs have. The menu portals out, so this is the only\n * way to address the rendered list, e.g. from a test.\n */\nexport interface BitkitActionMenuProps extends Omit<MenuRootProps, 'children'>, BitkitDataAttributes {\n  /** The menu's items — `BitkitActionMenu.Item`, `.Group` and `.Separator`. */\n  children?: ReactNode;\n  /**\n   * Row density, inherited by every item. `lg` (default) is the standalone action menu; `md` is for\n   * menus attached to dense UI, such as an overflow menu in a toolbar or a tab bar.\n   */\n  size?: MenuRootProps['size'];\n  /**\n   * The element the menu is anchored to — usually a `BitkitIconButton` or `BitkitButton`. Rendered\n   * via `asChild`, so it must accept a ref.\n   */\n  trigger: ReactNode;\n}\n\nconst BitkitActionMenu = ({ trigger, children, size = 'lg', ...props }: BitkitActionMenuProps) => {\n  // `Menu.Root` is a provider, not an element, so it drops the `data-*` attributes — they belong on\n  // the content, which is the element carrying `role=\"menu\"`.\n  const { dataAttributes, rest: rootProps } = splitDataAttributes(props);\n\n  return (\n    <Menu.Root size={size} {...rootProps}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitActionMenuContext.Provider value={size}>\n            <Menu.Content {...dataAttributes}>{children}</Menu.Content>\n          </BitkitActionMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nBitkitActionMenu.displayName = 'BitkitActionMenu';\n\ninterface BitkitActionMenuItemCommonProps extends Omit<MenuItemProps, 'value'> {\n  /** The item's label. */\n  children?: ReactNode;\n  /** Leading icon, sized from the menu's `size` (24 on `lg`, 16 on `md`). */\n  icon?: BitkitIconComponent;\n  /** Style the item as destructive — red label and icon. Use it for delete and similar actions. */\n  isDanger?: boolean;\n  /** A second, quieter line under the label. Adding it makes the row taller and top-aligns the icon. */\n  secondaryText?: ReactNode;\n  /**\n   * Identifies the item to the menu machine. Omit it for a command item that does its own work in\n   * `onClick` — a generated id is used, and typeahead matches the label either way. Pass one when\n   * you read `onSelect` on the menu itself and need to tell the items apart.\n   */\n  value?: string;\n}\n\ninterface BitkitActionMenuItemAsButtonProps extends BitkitActionMenuItemCommonProps {\n  href?: undefined;\n  isExternal?: undefined;\n  rel?: undefined;\n  target?: undefined;\n}\n\ninterface BitkitActionMenuItemAsAnchorProps extends BitkitActionMenuItemCommonProps {\n  /** Renders the item as an `<a>` instead of a menu button. */\n  href: string;\n  /**\n   * Shorthand for `target=\"_blank\"` plus `rel=\"noreferrer noopener\"`. Also puts an\n   * `IconArrowNortheast` at the end of the row — the design system's \"leaves this page\" marker.\n   */\n  isExternal?: boolean;\n  /** Extra `rel` tokens. With `isExternal` the safety tokens are appended to these. */\n  rel?: string;\n  /** Anchor target. Ignored when `isExternal` is set. */\n  target?: string;\n}\n\nexport type BitkitActionMenuItemProps = BitkitActionMenuItemAsButtonProps | BitkitActionMenuItemAsAnchorProps;\n\nconst BitkitActionMenuItem = forwardRef<HTMLElement, BitkitActionMenuItemProps>((props, ref) => {\n  const { children, icon: Icon, isDanger, secondaryText } = props;\n  const style = useMenuStyles();\n  const menuCtx = useContext(BitkitActionMenuContext);\n  const iconSize = menuCtx === 'lg' ? '24' : '16';\n  const hasHelper = secondaryText ? true : undefined;\n  const fallbackValue = useId();\n\n  const content = (\n    <>\n      {Icon && <Icon size={iconSize} />}\n      <Box flex=\"1\">\n        <Text>{children}</Text>\n        {secondaryText && <Text css={style.itemHelper}>{secondaryText}</Text>}\n      </Box>\n      {props.isExternal && <IconArrowNortheast data-suffix-icon size={iconSize} />}\n    </>\n  );\n\n  if (props.href !== undefined) {\n    const {\n      children: _children,\n      href,\n      icon: _icon,\n      isDanger: _isDanger,\n      isExternal,\n      rel,\n      secondaryText: _secondaryText,\n      target,\n      value,\n      ...rest\n    } = props;\n    const effectiveTarget = isExternal ? '_blank' : target;\n    const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n    return (\n      <Menu.Item asChild data-danger={isDanger} data-helper={hasHelper} value={value ?? fallbackValue} {...rest}>\n        <a ref={ref as Ref<HTMLAnchorElement>} href={href} rel={effectiveRel} target={effectiveTarget}>\n          {content}\n        </a>\n      </Menu.Item>\n    );\n  }\n\n  const {\n    children: _children,\n    icon: _icon,\n    isDanger: _isDanger,\n    secondaryText: _secondaryText,\n    value,\n    ...rest\n  } = props;\n  return (\n    <Menu.Item\n      data-danger={isDanger}\n      data-helper={hasHelper}\n      ref={ref as Ref<HTMLDivElement>}\n      value={value ?? fallbackValue}\n      {...rest}\n    >\n      {content}\n    </Menu.Item>\n  );\n});\nBitkitActionMenuItem.displayName = 'BitkitActionMenu.Item';\n\nexport interface BitkitActionMenuGroupProps extends MenuItemGroupProps {\n  /** The group's items. */\n  children?: ReactNode;\n  /** The group's heading, rendered uppercase with a rule filling the rest of the row. */\n  label: ReactNode;\n}\n\nconst BitkitActionMenuGroup = forwardRef<HTMLDivElement, BitkitActionMenuGroupProps>(\n  ({ label, children, ...props }, ref) => {\n    return (\n      <Menu.ItemGroup ref={ref} {...props}>\n        <Menu.ItemGroupLabel>\n          <Text>{label}</Text>\n          <ChakraSeparator flex=\"1\" />\n        </Menu.ItemGroupLabel>\n        {children}\n      </Menu.ItemGroup>\n    );\n  },\n);\nBitkitActionMenuGroup.displayName = 'BitkitActionMenu.Group';\n\nexport type BitkitActionMenuSeparatorProps = MenuSeparatorProps;\n\nconst BitkitActionMenuSeparator = forwardRef<HTMLHRElement, BitkitActionMenuSeparatorProps>((props, ref) => {\n  return <Menu.Separator ref={ref} {...props} />;\n});\nBitkitActionMenuSeparator.displayName = 'BitkitActionMenu.Separator';\n\nexport default withSubComponents(BitkitActionMenu, {\n  Group: BitkitActionMenuGroup,\n  Item: BitkitActionMenuItem,\n  Separator: BitkitActionMenuSeparator,\n});\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,0BAA0B,cAAqC,IAAI;AAsBzE,IAAM,oBAAoB,EAAE,SAAS,UAAU,OAAO,MAAM,GAAG,YAAmC;CAGhG,MAAM,EAAE,gBAAgB,MAAM,cAAc,oBAAoB,KAAK;CAErE,OACE,qBAAC,KAAK,MAAN;EAAiB;EAAM,GAAI;EAA3B,UAAA,CACE,oBAAC,KAAK,SAAN;GAAc,SAAA;GAAS,UAAA;EAAsB,CAAA,GAC7C,oBAAC,QAAD,EAAA,UACE,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;GACvC,UAAA,oBAAC,KAAK,SAAN;IAAc,GAAI;IAAiB;GAAuB,CAAA;EAC1B,CAAA,EACnB,CAAA,EACX,CAAA,CACC;;AAEf;AACA,iBAAiB,cAAc;AA0C/B,IAAM,uBAAuB,YAAoD,OAAO,QAAQ;CAC9F,MAAM,EAAE,UAAU,MAAM,MAAM,UAAU,kBAAkB;CAC1D,MAAM,QAAQ,cAAc;CAE5B,MAAM,WADU,WAAW,uBACV,MAAY,OAAO,OAAO;CAC3C,MAAM,YAAY,gBAAgB,OAAO,KAAA;CACzC,MAAM,gBAAgB,MAAM;CAE5B,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA;EACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;EAChC,qBAAC,KAAD;GAAK,MAAK;GAAV,UAAA,CACE,oBAAC,MAAD,EAAO,SAAe,CAAA,GACrB,iBAAiB,oBAAC,MAAD;IAAM,KAAK,MAAM;IAAa,UAAA;GAAoB,CAAA,CACjE;;EACJ,MAAM,cAAc,oBAAC,oBAAD;GAAoB,oBAAA;GAAiB,MAAM;EAAW,CAAA;CAC3E,EAAA,CAAA;CAGJ,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UAAU,WACV,MACA,MAAM,OACN,UAAU,WACV,YACA,KACA,eAAe,gBACf,QACA,OACA,GAAG,SACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,OACE,oBAAC,KAAK,MAAN;GAAW,SAAA;GAAQ,eAAa;GAAU,eAAa;GAAW,OAAO,SAAS;GAAe,GAAI;GACnG,UAAA,oBAAC,KAAD;IAAQ;IAAqC;IAAM,KAAK;IAAc,QAAQ;IAC3E,UAAA;GACA,CAAA;EACM,CAAA;CAEf;CAEA,MAAM,EACJ,UAAU,WACV,MAAM,OACN,UAAU,WACV,eAAe,gBACf,OACA,GAAG,SACD;CACJ,OACE,oBAAC,KAAK,MAAN;EACE,eAAa;EACb,eAAa;EACR;EACL,OAAO,SAAS;EAChB,GAAI;EAEH,UAAA;CACQ,CAAA;AAEf,CAAC;AACD,qBAAqB,cAAc;AASnC,IAAM,wBAAwB,YAC3B,EAAE,OAAO,UAAU,GAAG,SAAS,QAAQ;CACtC,OACE,qBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;EAA9B,UAAA,CACE,qBAAC,KAAK,gBAAN,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAO,MAAY,CAAA,GACnB,oBAAC,WAAD,EAAiB,MAAK,IAAK,CAAA,CACR,EAAA,CAAA,GACpB,QACa;;AAEpB,CACF;AACA,sBAAsB,cAAc;AAIpC,IAAM,4BAA4B,YAA2D,OAAO,QAAQ;CAC1G,OAAO,oBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC/C,CAAC;AACD,0BAA0B,cAAc;AAExC,IAAA,2BAAe,kBAAkB,kBAAkB;CACjD,OAAO;CACP,MAAM;CACN,WAAW;AACb,CAAC"}
+{"version":3,"file":"BitkitActionMenu.js","names":[],"sources":["../../../lib/components/BitkitActionMenu/BitkitActionMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport {\n  Menu,\n  type MenuItemGroupProps,\n  type MenuItemProps,\n  type MenuRootProps,\n  type MenuSeparatorProps,\n  useMenuStyles,\n} from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Separator as ChakraSeparator } from '@chakra-ui/react/separator';\nimport { Text } from '@chakra-ui/react/text';\nimport { createContext, forwardRef, type MouseEvent, type ReactNode, type Ref, useContext, useId } from 'react';\n\nimport { type BitkitIconComponent, IconArrowNortheast } from '../../icons';\nimport { type BitkitDataAttributes, splitDataAttributes } from '../../utilities/dataAttributes';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst BitkitActionMenuContext = createContext<MenuRootProps['size']>('lg');\n\n/**\n * `data-*` attributes are forwarded to the element carrying `role=\"menu\"` (the menu content), and\n * nothing else is — the same contract the dialogs have. The menu portals out, so this is the only\n * way to address the rendered list, e.g. from a test.\n */\nexport interface BitkitActionMenuProps extends Omit<MenuRootProps, 'children'>, BitkitDataAttributes {\n  /** The menu's items — `BitkitActionMenu.Item`, `.Group` and `.Separator`. */\n  children?: ReactNode;\n  /**\n   * Row density, inherited by every item. `lg` (default) is the standalone action menu; `md` is for\n   * menus attached to dense UI, such as an overflow menu in a toolbar or a tab bar.\n   */\n  size?: MenuRootProps['size'];\n  /**\n   * The element the menu is anchored to — usually a `BitkitIconButton` or `BitkitButton`. Rendered\n   * via `asChild`, so it must accept a ref.\n   */\n  trigger: ReactNode;\n}\n\nconst BitkitActionMenu = ({ trigger, children, size = 'lg', ...props }: BitkitActionMenuProps) => {\n  // `Menu.Root` is a provider, not an element, so it drops the `data-*` attributes — they belong on\n  // the content, which is the element carrying `role=\"menu\"`.\n  const { dataAttributes, rest: rootProps } = splitDataAttributes(props);\n\n  return (\n    <Menu.Root size={size} {...rootProps}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitActionMenuContext.Provider value={size}>\n            <Menu.Content {...dataAttributes}>{children}</Menu.Content>\n          </BitkitActionMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nBitkitActionMenu.displayName = 'BitkitActionMenu';\n\ninterface BitkitActionMenuItemCommonProps extends Omit<MenuItemProps, 'value'> {\n  /** The item's label. */\n  children?: ReactNode;\n  /** Leading icon, sized from the menu's `size` (24 on `lg`, 16 on `md`). */\n  icon?: BitkitIconComponent;\n  /** Style the item as destructive — red label and icon. Use it for delete and similar actions. */\n  isDanger?: boolean;\n  /** Inert and marked `aria-disabled`: no selection, no `onClick`, and no navigation on an `href` item. */\n  disabled?: boolean;\n  /** A second, quieter line under the label. Adding it makes the row taller and top-aligns the icon. */\n  secondaryText?: ReactNode;\n  /**\n   * Identifies the item to the menu machine. Omit it for a command item that does its own work in\n   * `onClick` — a generated id is used, and typeahead matches the label either way. Pass one when\n   * you read `onSelect` on the menu itself and need to tell the items apart.\n   */\n  value?: string;\n}\n\ninterface BitkitActionMenuItemAsButtonProps extends BitkitActionMenuItemCommonProps {\n  href?: undefined;\n  isExternal?: undefined;\n  rel?: undefined;\n  target?: undefined;\n}\n\ninterface BitkitActionMenuItemAsAnchorProps extends BitkitActionMenuItemCommonProps {\n  /** Renders the item as an `<a>` instead of a menu button. */\n  href: string;\n  /**\n   * Shorthand for `target=\"_blank\"` plus `rel=\"noreferrer noopener\"`. Also puts an\n   * `IconArrowNortheast` at the end of the row — the design system's \"leaves this page\" marker.\n   */\n  isExternal?: boolean;\n  /** Extra `rel` tokens. With `isExternal` the safety tokens are appended to these. */\n  rel?: string;\n  /** Anchor target. Ignored when `isExternal` is set. */\n  target?: string;\n}\n\nexport type BitkitActionMenuItemProps = BitkitActionMenuItemAsButtonProps | BitkitActionMenuItemAsAnchorProps;\n\nconst BitkitActionMenuItem = forwardRef<HTMLElement, BitkitActionMenuItemProps>((props, ref) => {\n  const { children, disabled, icon: Icon, isDanger, secondaryText } = props;\n  const style = useMenuStyles();\n  const menuCtx = useContext(BitkitActionMenuContext);\n  const iconSize = menuCtx === 'lg' ? '24' : '16';\n  const hasHelper = secondaryText ? true : undefined;\n  const fallbackValue = useId();\n\n  // Ark composes the consumer's `onClick` with its own, and only its own bails on `disabled` — so\n  // without this a disabled item still runs the handler (and, as an anchor, still navigates).\n  const handleClick = (onClick: MenuItemProps['onClick']) => (event: MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const content = (\n    <>\n      {Icon && <Icon size={iconSize} />}\n      <Box flex=\"1\">\n        <Text>{children}</Text>\n        {secondaryText && <Text css={style.itemHelper}>{secondaryText}</Text>}\n      </Box>\n      {props.isExternal && <IconArrowNortheast data-suffix-icon size={iconSize} />}\n    </>\n  );\n\n  if (props.href !== undefined) {\n    const {\n      children: _children,\n      href,\n      icon: _icon,\n      isDanger: _isDanger,\n      isExternal,\n      rel,\n      onClick,\n      secondaryText: _secondaryText,\n      target,\n      value,\n      ...rest\n    } = props;\n    const effectiveTarget = isExternal ? '_blank' : target;\n    const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n    return (\n      <Menu.Item\n        asChild\n        data-danger={isDanger}\n        data-helper={hasHelper}\n        onClick={handleClick(onClick)}\n        value={value ?? fallbackValue}\n        {...rest}\n      >\n        <a ref={ref as Ref<HTMLAnchorElement>} href={href} rel={effectiveRel} target={effectiveTarget}>\n          {content}\n        </a>\n      </Menu.Item>\n    );\n  }\n\n  const {\n    children: _children,\n    icon: _icon,\n    isDanger: _isDanger,\n    onClick,\n    secondaryText: _secondaryText,\n    value,\n    ...rest\n  } = props;\n  return (\n    <Menu.Item\n      data-danger={isDanger}\n      data-helper={hasHelper}\n      onClick={handleClick(onClick)}\n      ref={ref as Ref<HTMLDivElement>}\n      value={value ?? fallbackValue}\n      {...rest}\n    >\n      {content}\n    </Menu.Item>\n  );\n});\nBitkitActionMenuItem.displayName = 'BitkitActionMenu.Item';\n\nexport interface BitkitActionMenuGroupProps extends MenuItemGroupProps {\n  /** The group's items. */\n  children?: ReactNode;\n  /** The group's heading, rendered uppercase with a rule filling the rest of the row. */\n  label: ReactNode;\n}\n\nconst BitkitActionMenuGroup = forwardRef<HTMLDivElement, BitkitActionMenuGroupProps>(\n  ({ label, children, ...props }, ref) => {\n    return (\n      <Menu.ItemGroup ref={ref} {...props}>\n        <Menu.ItemGroupLabel>\n          <Text>{label}</Text>\n          <ChakraSeparator flex=\"1\" />\n        </Menu.ItemGroupLabel>\n        {children}\n      </Menu.ItemGroup>\n    );\n  },\n);\nBitkitActionMenuGroup.displayName = 'BitkitActionMenu.Group';\n\nexport type BitkitActionMenuSeparatorProps = MenuSeparatorProps;\n\nconst BitkitActionMenuSeparator = forwardRef<HTMLHRElement, BitkitActionMenuSeparatorProps>((props, ref) => {\n  return <Menu.Separator ref={ref} {...props} />;\n});\nBitkitActionMenuSeparator.displayName = 'BitkitActionMenu.Separator';\n\nexport default withSubComponents(BitkitActionMenu, {\n  Group: BitkitActionMenuGroup,\n  Item: BitkitActionMenuItem,\n  Separator: BitkitActionMenuSeparator,\n});\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,0BAA0B,cAAqC,IAAI;AAsBzE,IAAM,oBAAoB,EAAE,SAAS,UAAU,OAAO,MAAM,GAAG,YAAmC;CAGhG,MAAM,EAAE,gBAAgB,MAAM,cAAc,oBAAoB,KAAK;CAErE,OACE,qBAAC,KAAK,MAAN;EAAiB;EAAM,GAAI;EAA3B,UAAA,CACE,oBAAC,KAAK,SAAN;GAAc,SAAA;GAAS,UAAA;EAAsB,CAAA,GAC7C,oBAAC,QAAD,EAAA,UACE,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;GACvC,UAAA,oBAAC,KAAK,SAAN;IAAc,GAAI;IAAiB;GAAuB,CAAA;EAC1B,CAAA,EACnB,CAAA,EACX,CAAA,CACC;;AAEf;AACA,iBAAiB,cAAc;AA4C/B,IAAM,uBAAuB,YAAoD,OAAO,QAAQ;CAC9F,MAAM,EAAE,UAAU,UAAU,MAAM,MAAM,UAAU,kBAAkB;CACpE,MAAM,QAAQ,cAAc;CAE5B,MAAM,WADU,WAAW,uBACV,MAAY,OAAO,OAAO;CAC3C,MAAM,YAAY,gBAAgB,OAAO,KAAA;CACzC,MAAM,gBAAgB,MAAM;CAI5B,MAAM,eAAe,aAAuC,UAAsC;EAChG,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB;EACF;EACA,UAAU,KAAK;CACjB;CAEA,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA;EACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;EAChC,qBAAC,KAAD;GAAK,MAAK;GAAV,UAAA,CACE,oBAAC,MAAD,EAAO,SAAe,CAAA,GACrB,iBAAiB,oBAAC,MAAD;IAAM,KAAK,MAAM;IAAa,UAAA;GAAoB,CAAA,CACjE;;EACJ,MAAM,cAAc,oBAAC,oBAAD;GAAoB,oBAAA;GAAiB,MAAM;EAAW,CAAA;CAC3E,EAAA,CAAA;CAGJ,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UAAU,WACV,MACA,MAAM,OACN,UAAU,WACV,YACA,KACA,SACA,eAAe,gBACf,QACA,OACA,GAAG,SACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,OACE,oBAAC,KAAK,MAAN;GACE,SAAA;GACA,eAAa;GACb,eAAa;GACb,SAAS,YAAY,OAAO;GAC5B,OAAO,SAAS;GAChB,GAAI;GAEJ,UAAA,oBAAC,KAAD;IAAQ;IAAqC;IAAM,KAAK;IAAc,QAAQ;IAC3E,UAAA;GACA,CAAA;EACM,CAAA;CAEf;CAEA,MAAM,EACJ,UAAU,WACV,MAAM,OACN,UAAU,WACV,SACA,eAAe,gBACf,OACA,GAAG,SACD;CACJ,OACE,oBAAC,KAAK,MAAN;EACE,eAAa;EACb,eAAa;EACb,SAAS,YAAY,OAAO;EACvB;EACL,OAAO,SAAS;EAChB,GAAI;EAEH,UAAA;CACQ,CAAA;AAEf,CAAC;AACD,qBAAqB,cAAc;AASnC,IAAM,wBAAwB,YAC3B,EAAE,OAAO,UAAU,GAAG,SAAS,QAAQ;CACtC,OACE,qBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;EAA9B,UAAA,CACE,qBAAC,KAAK,gBAAN,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAO,MAAY,CAAA,GACnB,oBAAC,WAAD,EAAiB,MAAK,IAAK,CAAA,CACR,EAAA,CAAA,GACpB,QACa;;AAEpB,CACF;AACA,sBAAsB,cAAc;AAIpC,IAAM,4BAA4B,YAA2D,OAAO,QAAQ;CAC1G,OAAO,oBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC/C,CAAC;AACD,0BAA0B,cAAc;AAExC,IAAA,2BAAe,kBAAkB,kBAAkB;CACjD,OAAO;CACP,MAAM;CACN,WAAW;AACb,CAAC"}

package/dist/components/BitkitTooltip/BitkitTooltip.js

@@ -61,7 +61,6 @@ var BitkitTooltip = ({ button, children, closeOnClick, disablePortal, disabled,
 		}), /* @__PURE__ */ jsx(Portal, {
 			disabled: disablePortal || disablePortalFromContext,
 			children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
-				maxWidth: rem(320),
 				css: isInteractive && { minWidth: rem(240) },
 				children: [
 					/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }),

package/dist/components/BitkitTooltip/BitkitTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { isValidElement, type ReactNode, type Ref, useContext, useRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitTooltipProps = {\n  /**\n   * Action button rendered at the end of the tooltip. Setting it makes the tooltip interactive, so\n   * the pointer can move into the tooltip without dismissing it.\n   */\n  button?: BitkitColorButtonProps;\n  /**\n   * The trigger the tooltip is anchored to. Rendered via `asChild`, so it must accept a ref —\n   * unless `wrapTrigger` puts a wrapper in between.\n   */\n  children: ReactNode;\n  /** Dismiss the tooltip when the trigger is clicked. */\n  closeOnClick?: TooltipRootProps['closeOnClick'];\n  /**\n   * Render the tooltip inline instead of in a portal. Only needed when it must stay inside its\n   * parent's DOM subtree — a dialog already sets this for you.\n   */\n  disablePortal?: boolean;\n  /** Render the trigger without a tooltip — for hints that only apply in some states. */\n  disabled?: TooltipRootProps['disabled'];\n  /**\n   * Icon rendered after `text`, at size 16. Use it for the affordance the tooltip describes — an\n   * `IconArrowNortheast` when the trigger opens something in a new tab, for instance.\n   */\n  icon?: BitkitIconComponent;\n  /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n  learnMoreTarget?: HTMLAnchorElement['target'];\n  /**\n   * Adds a \"Learn more\" link pointing here. Setting it makes the tooltip interactive, so the\n   * pointer can move into the tooltip to reach the link.\n   */\n  learnMoreUrl?: string;\n  /** Called when the tooltip opens or closes, including from hover and focus. */\n  onOpenChange?: TooltipRootProps['onOpenChange'];\n  /** Controlled open state. Leave unset to let hover and focus drive it. */\n  open?: TooltipRootProps['open'];\n  /** Delay in ms before an uncontrolled tooltip opens on hover. */\n  openDelay?: TooltipRootProps['openDelay'];\n  /** Where the tooltip sits relative to the trigger (default `top`). It flips if space is short. */\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  /** The tooltip's text. Plain string only — use `icon`, `learnMoreUrl` and `button` for the rest. */\n  text: string;\n  /**\n   * Render the trigger inside a focusable wrapper instead of on the trigger itself. Only for triggers\n   * that cannot take focus — on a focusable one this adds a second, redundant tab stop for the same\n   * control. A disabled `<button>` dispatches no pointer events and is out of the tab order, so\n   * without a wrapper the tooltip never opens — in the one state whose explanation the user actually\n   * needs.\n   *\n   * Chakra v2's `Tooltip` had this built in as `shouldWrapChildren`, rendering a\n   * `<span display=\"inline-block\" tabIndex={0}>` that carried the trigger props. Ark's tooltip has no\n   * equivalent, and Chakra's own v2->v3 codemod replaces it with a bare `<span>` — which restores\n   * hover but silently drops the tab stop, so the tooltip stays unreachable by keyboard. This prop is\n   * that escape hatch, `tabIndex` included.\n   *\n   * The wrapper is a plain focusable span, so focusing it announces the trigger's label and the\n   * tooltip text, not the trigger's own state — a disabled button inside is not re-announced as\n   * disabled. Conveying that would mean keeping the trigger focusable with `aria-disabled` instead\n   * of the native attribute, which is a change to what `disabled` means, not a tooltip concern.\n   */\n  wrapTrigger?: boolean;\n};\n\n/**\n * A hover/focus tooltip anchored to its child. `text` carries the message, `icon` appends a glyph\n * after it, and `learnMoreUrl`/`button` add a link and an action.\n *\n * Setting either of those two makes the tooltip *interactive*: it gains roomier padding and stays\n * open while the pointer travels into it, so the link and the button can actually be reached.\n *\n * The content renders in a portal, so it escapes any ancestor that traps stacking (`isolation`,\n * `transform`, a `z-index`ed positioned box) or clips overflow. Dialogs turn that off through\n * `BitkitPortalContext` so an interactive tooltip stays inside the focus trap; `disablePortal` is\n * the manual override.\n */\nconst BitkitTooltip = ({\n  button,\n  children,\n  closeOnClick,\n  disablePortal,\n  disabled,\n  icon: Icon,\n  learnMoreTarget,\n  learnMoreUrl,\n  onOpenChange,\n  open,\n  openDelay,\n  placement = 'top',\n  text,\n  wrapTrigger,\n}: BitkitTooltipProps) => {\n  const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n  const isInteractive = !!learnMoreUrl || !!button;\n\n  // Anchor positioning to the trigger node by ref rather than relying on Zag's\n  // id/data-scope lookup. When the trigger is also wrapped by another `asChild`\n  // trigger (e.g. Menu.Trigger), the outer trigger's id and data-scope/data-part\n  // overwrite ours on the shared node, so `getTriggerEl()` can't find it and the\n  // tooltip loses its anchor. `getAnchorElement` takes precedence over the id\n  // lookup, so this is safe in the standalone case too.\n  const triggerRef = useRef<HTMLElement>(null);\n\n  return (\n    <Tooltip.Root\n      closeOnClick={closeOnClick}\n      disabled={disabled}\n      interactive={isInteractive || undefined}\n      onOpenChange={onOpenChange}\n      open={open}\n      openDelay={openDelay}\n      paddingSize={isInteractive ? 'lg' : undefined}\n      positioning={{ getAnchorElement: () => triggerRef.current, placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n    >\n      <Tooltip.Trigger ref={triggerRef as Ref<HTMLButtonElement>} asChild>\n        {wrapTrigger || !isValidElement(children) ? (\n          // inline-flex so the wrapper shrink-wraps the trigger: a plain inline span adds descender\n          // space below it and shifts the alignment of whatever sits next to it.\n          <Box\n            as=\"span\"\n            display=\"inline-flex\"\n            tabIndex={0}\n            css={{\n              // The wrapper owns the tab stop, but the focus ring belongs on the trigger: an outline\n              // follows the border-radius of the element it is drawn on, and the wrapper has none —\n              // so leaving it here squares off a pill or a round trigger.\n              _focusVisible: {\n                outline: 'none',\n                '& > *': {\n                  outlineColor: 'var(--focus-ring-color)',\n                  outlineOffset: 'var(--focus-ring-offset, 2px)',\n                  outlineStyle: 'var(--focus-ring-style, solid)',\n                  outlineWidth: 'var(--focus-ring-width, 2px)',\n                },\n              },\n            }}\n          >\n            {children}\n          </Box>\n        ) : (\n          children\n        )}\n      </Tooltip.Trigger>\n      <Portal disabled={disablePortal || disablePortalFromContext}>\n        <Tooltip.Positioner>\n          <Tooltip.Content maxWidth={rem(320)} css={isInteractive && { minWidth: rem(240) }}>\n            <Tooltip.Arrow>\n              <Tooltip.ArrowTip />\n            </Tooltip.Arrow>\n            <Box display=\"flex\" gap=\"8\">\n              {text}\n              {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n            </Box>\n            {isInteractive && (\n              <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n                {learnMoreUrl && (\n                  <Link\n                    color=\"color/purple/highlight\"\n                    href={learnMoreUrl}\n                    rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n                    target={learnMoreTarget}\n                  >\n                    Learn more\n                  </Link>\n                )}\n                {button && <BitkitColorButton css={{ marginInlineStart: 'auto' }} {...button} />}\n              </Box>\n            )}\n          </Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsFA,IAAM,iBAAiB,EACrB,QACA,UACA,cACA,eACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,WACA,YAAY,OACZ,MACA,kBACwB;CACxB,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAClF,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAQ1C,MAAM,aAAa,OAAoB,IAAI;CAE3C,OACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE,wBAAwB,WAAW;GAAS;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAR9G,UAAA,CAUE,oBAAC,QAAQ,SAAT;GAAiB,KAAK;GAAsC,SAAA;GACzD,UAAA,eAAe,CAAC,eAAe,QAAQ,IAGtC,oBAAC,KAAD;IACE,IAAG;IACH,SAAQ;IACR,UAAU;IACV,KAAK,EAIH,eAAe;KACb,SAAS;KACT,SAAS;MACP,cAAc;MACd,eAAe;MACf,cAAc;MACd,cAAc;KAChB;IACF,EACF;IAEC;GACE,CAAA,IAEL;EAEa,CAAA,GACjB,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;IAAiB,UAAU,IAAI,GAAG;IAAG,KAAK,iBAAiB,EAAE,UAAU,IAAI,GAAG,EAAE;IAAhF,UAAA;KACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,CAAmB,CAAA,EACN,CAAA;KACf,qBAAC,KAAD;MAAK,SAAQ;MAAO,KAAI;MAAxB,UAAA,CACG,MACA,QAAQ,oBAAC,MAAD;OAAM,YAAW;OAAI,MAAK;MAAM,CAAA,CACtC;;KACJ,iBACC,qBAAC,KAAD;MAAK,YAAW;MAAS,SAAQ;MAAO,KAAI;MAAK,kBAAiB;MAAlE,UAAA,CACG,gBACC,oBAAC,MAAD;OACE,OAAM;OACN,MAAM;OACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;OAC5D,QAAQ;OACT,UAAA;MAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;OAAmB,KAAK,EAAE,mBAAmB,OAAO;OAAG,GAAI;MAAS,CAAA,CAC5E;;IAEQ;GACC,CAAA,EAAA,CAAA;EACd,CAAA,CACI;;AAElB;AAEA,cAAc,cAAc"}
+{"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { isValidElement, type ReactNode, type Ref, useContext, useRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitTooltipProps = {\n  /**\n   * Action button rendered at the end of the tooltip. Setting it makes the tooltip interactive, so\n   * the pointer can move into the tooltip without dismissing it.\n   */\n  button?: BitkitColorButtonProps;\n  /**\n   * The trigger the tooltip is anchored to. Rendered via `asChild`, so it must accept a ref —\n   * unless `wrapTrigger` puts a wrapper in between.\n   */\n  children: ReactNode;\n  /** Dismiss the tooltip when the trigger is clicked. */\n  closeOnClick?: TooltipRootProps['closeOnClick'];\n  /**\n   * Render the tooltip inline instead of in a portal. Only needed when it must stay inside its\n   * parent's DOM subtree — a dialog already sets this for you.\n   */\n  disablePortal?: boolean;\n  /** Render the trigger without a tooltip — for hints that only apply in some states. */\n  disabled?: TooltipRootProps['disabled'];\n  /**\n   * Icon rendered after `text`, at size 16. Use it for the affordance the tooltip describes — an\n   * `IconArrowNortheast` when the trigger opens something in a new tab, for instance.\n   */\n  icon?: BitkitIconComponent;\n  /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n  learnMoreTarget?: HTMLAnchorElement['target'];\n  /**\n   * Adds a \"Learn more\" link pointing here. Setting it makes the tooltip interactive, so the\n   * pointer can move into the tooltip to reach the link.\n   */\n  learnMoreUrl?: string;\n  /** Called when the tooltip opens or closes, including from hover and focus. */\n  onOpenChange?: TooltipRootProps['onOpenChange'];\n  /** Controlled open state. Leave unset to let hover and focus drive it. */\n  open?: TooltipRootProps['open'];\n  /** Delay in ms before an uncontrolled tooltip opens on hover. */\n  openDelay?: TooltipRootProps['openDelay'];\n  /** Where the tooltip sits relative to the trigger (default `top`). It flips if space is short. */\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  /** The tooltip's text. Plain string only — use `icon`, `learnMoreUrl` and `button` for the rest. */\n  text: string;\n  /**\n   * Render the trigger inside a focusable wrapper instead of on the trigger itself. Only for triggers\n   * that cannot take focus — on a focusable one this adds a second, redundant tab stop for the same\n   * control. A disabled `<button>` dispatches no pointer events and is out of the tab order, so\n   * without a wrapper the tooltip never opens — in the one state whose explanation the user actually\n   * needs.\n   *\n   * Chakra v2's `Tooltip` had this built in as `shouldWrapChildren`, rendering a\n   * `<span display=\"inline-block\" tabIndex={0}>` that carried the trigger props. Ark's tooltip has no\n   * equivalent, and Chakra's own v2->v3 codemod replaces it with a bare `<span>` — which restores\n   * hover but silently drops the tab stop, so the tooltip stays unreachable by keyboard. This prop is\n   * that escape hatch, `tabIndex` included.\n   *\n   * The wrapper is a plain focusable span, so focusing it announces the trigger's label and the\n   * tooltip text, not the trigger's own state — a disabled button inside is not re-announced as\n   * disabled. Conveying that would mean keeping the trigger focusable with `aria-disabled` instead\n   * of the native attribute, which is a change to what `disabled` means, not a tooltip concern.\n   */\n  wrapTrigger?: boolean;\n};\n\n/**\n * A hover/focus tooltip anchored to its child. `text` carries the message, `icon` appends a glyph\n * after it, and `learnMoreUrl`/`button` add a link and an action.\n *\n * Setting either of those two makes the tooltip *interactive*: it gains roomier padding and stays\n * open while the pointer travels into it, so the link and the button can actually be reached.\n *\n * The content renders in a portal, so it escapes any ancestor that traps stacking (`isolation`,\n * `transform`, a `z-index`ed positioned box) or clips overflow. Dialogs turn that off through\n * `BitkitPortalContext` so an interactive tooltip stays inside the focus trap; `disablePortal` is\n * the manual override.\n */\nconst BitkitTooltip = ({\n  button,\n  children,\n  closeOnClick,\n  disablePortal,\n  disabled,\n  icon: Icon,\n  learnMoreTarget,\n  learnMoreUrl,\n  onOpenChange,\n  open,\n  openDelay,\n  placement = 'top',\n  text,\n  wrapTrigger,\n}: BitkitTooltipProps) => {\n  const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n  const isInteractive = !!learnMoreUrl || !!button;\n\n  // Anchor positioning to the trigger node by ref rather than relying on Zag's\n  // id/data-scope lookup. When the trigger is also wrapped by another `asChild`\n  // trigger (e.g. Menu.Trigger), the outer trigger's id and data-scope/data-part\n  // overwrite ours on the shared node, so `getTriggerEl()` can't find it and the\n  // tooltip loses its anchor. `getAnchorElement` takes precedence over the id\n  // lookup, so this is safe in the standalone case too.\n  const triggerRef = useRef<HTMLElement>(null);\n\n  return (\n    <Tooltip.Root\n      closeOnClick={closeOnClick}\n      disabled={disabled}\n      interactive={isInteractive || undefined}\n      onOpenChange={onOpenChange}\n      open={open}\n      openDelay={openDelay}\n      paddingSize={isInteractive ? 'lg' : undefined}\n      positioning={{ getAnchorElement: () => triggerRef.current, placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n    >\n      <Tooltip.Trigger ref={triggerRef as Ref<HTMLButtonElement>} asChild>\n        {wrapTrigger || !isValidElement(children) ? (\n          // inline-flex so the wrapper shrink-wraps the trigger: a plain inline span adds descender\n          // space below it and shifts the alignment of whatever sits next to it.\n          <Box\n            as=\"span\"\n            display=\"inline-flex\"\n            tabIndex={0}\n            css={{\n              // The wrapper owns the tab stop, but the focus ring belongs on the trigger: an outline\n              // follows the border-radius of the element it is drawn on, and the wrapper has none —\n              // so leaving it here squares off a pill or a round trigger.\n              _focusVisible: {\n                outline: 'none',\n                '& > *': {\n                  outlineColor: 'var(--focus-ring-color)',\n                  outlineOffset: 'var(--focus-ring-offset, 2px)',\n                  outlineStyle: 'var(--focus-ring-style, solid)',\n                  outlineWidth: 'var(--focus-ring-width, 2px)',\n                },\n              },\n            }}\n          >\n            {children}\n          </Box>\n        ) : (\n          children\n        )}\n      </Tooltip.Trigger>\n      <Portal disabled={disablePortal || disablePortalFromContext}>\n        <Tooltip.Positioner>\n          <Tooltip.Content css={isInteractive && { minWidth: rem(240) }}>\n            <Tooltip.Arrow>\n              <Tooltip.ArrowTip />\n            </Tooltip.Arrow>\n            <Box display=\"flex\" gap=\"8\">\n              {text}\n              {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n            </Box>\n            {isInteractive && (\n              <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n                {learnMoreUrl && (\n                  <Link\n                    color=\"color/purple/highlight\"\n                    href={learnMoreUrl}\n                    rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n                    target={learnMoreTarget}\n                  >\n                    Learn more\n                  </Link>\n                )}\n                {button && <BitkitColorButton css={{ marginInlineStart: 'auto' }} {...button} />}\n              </Box>\n            )}\n          </Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsFA,IAAM,iBAAiB,EACrB,QACA,UACA,cACA,eACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,WACA,YAAY,OACZ,MACA,kBACwB;CACxB,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAClF,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAQ1C,MAAM,aAAa,OAAoB,IAAI;CAE3C,OACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE,wBAAwB,WAAW;GAAS;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAR9G,UAAA,CAUE,oBAAC,QAAQ,SAAT;GAAiB,KAAK;GAAsC,SAAA;GACzD,UAAA,eAAe,CAAC,eAAe,QAAQ,IAGtC,oBAAC,KAAD;IACE,IAAG;IACH,SAAQ;IACR,UAAU;IACV,KAAK,EAIH,eAAe;KACb,SAAS;KACT,SAAS;MACP,cAAc;MACd,eAAe;MACf,cAAc;MACd,cAAc;KAChB;IACF,EACF;IAEC;GACE,CAAA,IAEL;EAEa,CAAA,GACjB,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;IAAiB,KAAK,iBAAiB,EAAE,UAAU,IAAI,GAAG,EAAE;IAA5D,UAAA;KACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,CAAmB,CAAA,EACN,CAAA;KACf,qBAAC,KAAD;MAAK,SAAQ;MAAO,KAAI;MAAxB,UAAA,CACG,MACA,QAAQ,oBAAC,MAAD;OAAM,YAAW;OAAI,MAAK;MAAM,CAAA,CACtC;;KACJ,iBACC,qBAAC,KAAD;MAAK,YAAW;MAAS,SAAQ;MAAO,KAAI;MAAK,kBAAiB;MAAlE,UAAA,CACG,gBACC,oBAAC,MAAD;OACE,OAAM;OACN,MAAM;OACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;OAC5D,QAAQ;OACT,UAAA;MAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;OAAmB,KAAK,EAAE,mBAAmB,OAAO;OAAG,GAAI;MAAS,CAAA,CAC5E;;IAEQ;GACC,CAAA,EAAA,CAAA;EACd,CAAA,CACI;;AAElB;AAEA,cAAc,cAAc"}

package/dist/theme/slot-recipes/Tooltip.recipe.js

@@ -13,6 +13,7 @@ var tooltipSlotRecipe = defineSlotRecipe({
 		content: {
 			"--tooltip-bg": "colors.background/contrast",
 			backgroundColor: "var(--tooltip-bg)",
+			maxWidth: rem(320),
 			color: "text/on-contrast",
 			boxShadow: "elevation/tooltip",
 			zIndex: "tooltip",

package/dist/theme/slot-recipes/Tooltip.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tooltip.recipe.ts"],"sourcesContent":["import { tooltipAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tooltipSlotRecipe = defineSlotRecipe({\n  className: 'tooltip',\n  slots: tooltipAnatomy.keys(),\n  base: {\n    positioner: {\n      fontFamily: 'body',\n      pointerEvents: 'none',\n    },\n    content: {\n      '--tooltip-bg': 'colors.background/contrast',\n      backgroundColor: 'var(--tooltip-bg)',\n      color: 'text/on-contrast',\n      boxShadow: 'elevation/tooltip',\n      zIndex: 'tooltip',\n      transformOrigin: 'var(--transform-origin)',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'fast',\n      },\n    },\n    arrow: {\n      '--arrow-size': rem(8),\n      '--arrow-background': 'var(--tooltip-bg)',\n    },\n    arrowTip: {\n      borderTopWidth: '1',\n      borderInlineStartWidth: '1',\n      borderColor: 'var(--tooltip-bg)',\n    },\n  },\n  variants: {\n    variant: {\n      dark: {\n        content: {\n          '--tooltip-bg': 'colors.background/contrast',\n          color: 'text/on-contrast',\n        },\n      },\n      light: {\n        content: {\n          '--tooltip-bg': 'colors.background/tertiary',\n          color: 'text/primary',\n        },\n      },\n    },\n    paddingSize: {\n      sm: {\n        content: {\n          paddingInline: '8',\n          paddingBlock: '4',\n          borderRadius: '4',\n        },\n      },\n      md: {\n        content: {\n          paddingInline: '12',\n          paddingBlock: '8',\n          borderRadius: '8',\n        },\n      },\n      lg: {\n        content: {\n          padding: '16',\n          borderRadius: '8',\n        },\n      },\n    },\n    textStyle: {\n      'sm/regular': {\n        content: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n      'sm/semibold': {\n        content: {\n          textStyle: 'body/sm/semibold',\n        },\n      },\n      'md/regular': {\n        content: {\n          textStyle: 'body/md/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'dark',\n    paddingSize: 'md',\n    textStyle: 'md/regular',\n  },\n});\n\nexport default tooltipSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO,eAAe,KAAK;CAC3B,MAAM;EACJ,YAAY;GACV,YAAY;GACZ,eAAe;EACjB;EACA,SAAS;GACP,gBAAgB;GAChB,iBAAiB;GACjB,OAAO;GACP,WAAW;GACX,QAAQ;GACR,iBAAiB;GACjB,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,OAAO;GACL,gBAAgB,IAAI,CAAC;GACrB,sBAAsB;EACxB;EACA,UAAU;GACR,gBAAgB;GAChB,wBAAwB;GACxB,aAAa;EACf;CACF;CACA,UAAU;EACR,SAAS;GACP,MAAM,EACJ,SAAS;IACP,gBAAgB;IAChB,OAAO;GACT,EACF;GACA,OAAO,EACL,SAAS;IACP,gBAAgB;IAChB,OAAO;GACT,EACF;EACF;EACA,aAAa;GACX,IAAI,EACF,SAAS;IACP,eAAe;IACf,cAAc;IACd,cAAc;GAChB,EACF;GACA,IAAI,EACF,SAAS;IACP,eAAe;IACf,cAAc;IACd,cAAc;GAChB,EACF;GACA,IAAI,EACF,SAAS;IACP,SAAS;IACT,cAAc;GAChB,EACF;EACF;EACA,WAAW;GACT,cAAc,EACZ,SAAS,EACP,WAAW,kBACb,EACF;GACA,eAAe,EACb,SAAS,EACP,WAAW,mBACb,EACF;GACA,cAAc,EACZ,SAAS,EACP,WAAW,kBACb,EACF;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,aAAa;EACb,WAAW;CACb;AACF,CAAC"}
+{"version":3,"file":"Tooltip.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tooltip.recipe.ts"],"sourcesContent":["import { tooltipAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tooltipSlotRecipe = defineSlotRecipe({\n  className: 'tooltip',\n  slots: tooltipAnatomy.keys(),\n  base: {\n    positioner: {\n      fontFamily: 'body',\n      pointerEvents: 'none',\n    },\n    content: {\n      '--tooltip-bg': 'colors.background/contrast',\n      backgroundColor: 'var(--tooltip-bg)',\n      // Without a cap a tooltip grows to the width of its text, so a long one runs to the edge of\n      // the viewport. Every component that renders a tooltip therefore has to set this, and the one\n      // that forgot -- BitkitLabelTooltip -- had no cap at all. It belongs to the tooltip, not to\n      // each caller. BitkitOverflowTooltip overrides it: it exists to show text that was truncated,\n      // so it is allowed to be wider.\n      maxWidth: rem(320),\n      color: 'text/on-contrast',\n      boxShadow: 'elevation/tooltip',\n      zIndex: 'tooltip',\n      transformOrigin: 'var(--transform-origin)',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'fast',\n      },\n    },\n    arrow: {\n      '--arrow-size': rem(8),\n      '--arrow-background': 'var(--tooltip-bg)',\n    },\n    arrowTip: {\n      borderTopWidth: '1',\n      borderInlineStartWidth: '1',\n      borderColor: 'var(--tooltip-bg)',\n    },\n  },\n  variants: {\n    variant: {\n      dark: {\n        content: {\n          '--tooltip-bg': 'colors.background/contrast',\n          color: 'text/on-contrast',\n        },\n      },\n      light: {\n        content: {\n          '--tooltip-bg': 'colors.background/tertiary',\n          color: 'text/primary',\n        },\n      },\n    },\n    paddingSize: {\n      sm: {\n        content: {\n          paddingInline: '8',\n          paddingBlock: '4',\n          borderRadius: '4',\n        },\n      },\n      md: {\n        content: {\n          paddingInline: '12',\n          paddingBlock: '8',\n          borderRadius: '8',\n        },\n      },\n      lg: {\n        content: {\n          padding: '16',\n          borderRadius: '8',\n        },\n      },\n    },\n    textStyle: {\n      'sm/regular': {\n        content: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n      'sm/semibold': {\n        content: {\n          textStyle: 'body/sm/semibold',\n        },\n      },\n      'md/regular': {\n        content: {\n          textStyle: 'body/md/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'dark',\n    paddingSize: 'md',\n    textStyle: 'md/regular',\n  },\n});\n\nexport default tooltipSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO,eAAe,KAAK;CAC3B,MAAM;EACJ,YAAY;GACV,YAAY;GACZ,eAAe;EACjB;EACA,SAAS;GACP,gBAAgB;GAChB,iBAAiB;GAMjB,UAAU,IAAI,GAAG;GACjB,OAAO;GACP,WAAW;GACX,QAAQ;GACR,iBAAiB;GACjB,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,OAAO;GACL,gBAAgB,IAAI,CAAC;GACrB,sBAAsB;EACxB;EACA,UAAU;GACR,gBAAgB;GAChB,wBAAwB;GACxB,aAAa;EACf;CACF;CACA,UAAU;EACR,SAAS;GACP,MAAM,EACJ,SAAS;IACP,gBAAgB;IAChB,OAAO;GACT,EACF;GACA,OAAO,EACL,SAAS;IACP,gBAAgB;IAChB,OAAO;GACT,EACF;EACF;EACA,aAAa;GACX,IAAI,EACF,SAAS;IACP,eAAe;IACf,cAAc;IACd,cAAc;GAChB,EACF;GACA,IAAI,EACF,SAAS;IACP,eAAe;IACf,cAAc;IACd,cAAc;GAChB,EACF;GACA,IAAI,EACF,SAAS;IACP,SAAS;IACT,cAAc;GAChB,EACF;EACF;EACA,WAAW;GACT,cAAc,EACZ,SAAS,EACP,WAAW,kBACb,EACF;GACA,eAAe,EACb,SAAS,EACP,WAAW,mBACb,EACF;GACA,cAAc,EACZ,SAAS,EACP,WAAW,kBACb,EACF;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,aAAa;EACb,WAAW;CACb;AACF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.390",
+  "version": "0.3.392",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",