@bitrise/bitkit-v2 0.3.371 → 0.3.372

package/AGENTS.md

@@ -92,6 +92,7 @@ Bitkit components use consistent prop names across the library:
     <BitkitSegmentedControl.Item value="b">Option B</BitkitSegmentedControl.Item>
   </BitkitSegmentedControl>
   ```
+  Two exceptions need an explicit `.Root` because they re-export a whole Chakra namespace: `BitkitDrawer.Root` and `BitkitTabs.Root`. Everything else is `<BitkitFoo>` + `<BitkitFoo.Part>`.
 - **Slot props for content, not boolean flags** — pass an icon/badge/etc. directly as a prop. Element presence is the toggle:
   ```tsx
   <BitkitButton icon={IconCheck}>Save</BitkitButton>
@@ -107,11 +108,22 @@ Bitkit components use consistent prop names across the library:
   ```
   `state="loading"` is button-only — not valid in anchor mode.
 - **`BitkitLink` external convenience** — `BitkitLink` accepts `isExternal` for the same auto target+rel behavior.
-- **`BitkitActionMenu.Item` as a link** — pass `href` to make a menu item render as an anchor; `target`, `rel`, and `isExternal` work the same way as on the button family. Without `href` it stays a normal menu item:
+- **`BitkitActionMenu.Item` as a link** — pass `href` to make a menu item render as an anchor; `target` and `rel` work the same way as on the button family, and `isExternal` does too except that it also adds the trailing arrow (see below). Without `href` it stays a normal menu item:
   ```tsx
   <BitkitActionMenu.Item href="/settings" value="settings">Settings</BitkitActionMenu.Item>
   <BitkitActionMenu.Item href="https://example.com" isExternal value="docs">Open docs</BitkitActionMenu.Item>
   ```
+- **`BitkitActionMenu.Item` slots** — `icon` is the leading icon, sized from the menu's `size`; `secondaryText` adds a quieter second line; `isDanger` styles the row as destructive. There is no trailing-icon prop: the only trailing icon in the design is the "leaves this page" arrow, and `isExternal` adds it for you. Groups and rules are their own children, not props:
+  ```tsx
+  <BitkitActionMenu size="md" trigger={<BitkitIconButton icon={IconDots} label="Actions" />}>
+    <BitkitActionMenu.Item icon={IconPencil} value="rename">Rename</BitkitActionMenu.Item>
+    <BitkitActionMenu.Group label="Share">
+      <BitkitActionMenu.Item href="https://example.com" icon={IconCopy} isExternal value="docs">Open docs</BitkitActionMenu.Item>
+    </BitkitActionMenu.Group>
+    <BitkitActionMenu.Separator />
+    <BitkitActionMenu.Item icon={IconTrash} isDanger secondaryText="This cannot be undone" value="delete">Delete</BitkitActionMenu.Item>
+  </BitkitActionMenu>
+  ```
 - **Form components are flat** — `BitkitTextInput`, `BitkitSelect`, `BitkitCombobox`, etc. expose `label`, `errorText`, `helperText`, etc. directly as props. No need to wrap in a separate field component.
 - **`BitkitTextInput` in-field slots** — all four slots take a `ReactNode`, not just icons/strings: `startElement` / `endElement` render inside the field (an icon, badge, text, or an interactive control like a reveal/clear button), and `startAddon` / `endAddon` render as a bordered, attached box outside the field (a text label like `$` / `USD`, or a component such as a `select` / button). These match the Figma slot names. The validation status icon (error/warning) is added automatically and sits left of `endElement`. For a component addon that brings its own styling, pass `startAddonProps={{ unstyled: true }}` (or `endAddonProps`) to drop the default grey box:
   ```tsx
@@ -208,7 +220,7 @@ Bitkit components use consistent prop names across the library:
 
   **Exceptions** — a few component groups intentionally own their own layout and don't accept arbitrary style props from outside:
   - Page-level overlays: `BitkitDialog`, `BitkitFormDialog`, `BitkitStepperDialog`, `BitkitDrawer`, `BitkitCalendar`, `BitkitTour` — they own their layout; where it's configurable at all, it's through their own props (`size`, `maxHeight`, …), not style props from outside.
-  - Floating positioned components: `BitkitTooltip`, `BitkitLabelTooltip`, `BitkitDefinitionTooltip`, `BitkitOverflowTooltip`, `BitkitToast`, `BitkitSelectMenu`, `BitkitMultiselectMenu` — their layout is positioned automatically; pass styling via the component's own props instead of a wrapper.
+  - Floating positioned components: `BitkitTooltip`, `BitkitLabelTooltip`, `BitkitDefinitionTooltip`, `BitkitOverflowTooltip`, `BitkitToast`, `BitkitActionMenu`, `BitkitSelectMenu`, `BitkitMultiselectMenu` — their layout is positioned automatically; pass styling via the component's own props instead of a wrapper.
 
   > **For everything else, if a style prop doesn't take effect on a Bitkit component, that's a bug in the component, not a styling task.** Stop, tell the user something looks off in Bitkit so they can flag it to the Bitkit team — don't quietly add a `<Box>` workaround. Each silent workaround hides a regression and bakes the wrapper pattern into the codebase.
 

package/dist/components/BitkitAccordion/BitkitAccordion.d.ts

@@ -9,10 +9,9 @@ export interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerPro
     suffix?: ReactNode;
 }
 export type BitkitAccordionItemBodyProps = AccordionItemBodyProps;
-declare const BitkitAccordion: {
-    Root: import('react').ForwardRefExoticComponent<Accordion.RootProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const _default: import('react').ForwardRefExoticComponent<Accordion.RootProps & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<Accordion.ItemProps & import('react').RefAttributes<HTMLDivElement>>;
-    ItemTrigger: import('react').ForwardRefExoticComponent<BitkitAccordionItemTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
     ItemBody: import('react').ForwardRefExoticComponent<Accordion.ItemBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    ItemTrigger: import('react').ForwardRefExoticComponent<BitkitAccordionItemTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
 };
-export default BitkitAccordion;
+export default _default;

package/dist/components/BitkitAccordion/BitkitAccordion.js

@@ -1,11 +1,12 @@
 import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import { Accordion, useAccordionItemContext } from "@chakra-ui/react/accordion";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitAccordion/BitkitAccordion.tsx
-var Root = forwardRef((props, ref) => {
+var BitkitAccordion = forwardRef((props, ref) => {
 	return /* @__PURE__ */ jsx(Accordion.Root, {
 		ref,
 		multiple: true,
@@ -63,17 +64,16 @@ var ItemBody = forwardRef(({ ...props }, ref) => {
 		...props
 	}) });
 });
-Root.displayName = "BitkitAccordion.Root";
+BitkitAccordion.displayName = "BitkitAccordion";
 ItemBody.displayName = "BitkitAccordion.ItemBody";
 Item.displayName = "BitkitAccordion.Item";
 ItemTrigger.displayName = "BitkitAccordion.ItemTrigger";
-var BitkitAccordion = {
-	Root,
+var BitkitAccordion_default = withSubComponents(BitkitAccordion, {
 	Item,
-	ItemTrigger,
-	ItemBody
-};
+	ItemBody,
+	ItemTrigger
+});
 //#endregion
-export { BitkitAccordion as default };
+export { BitkitAccordion_default as default };
 
 //# sourceMappingURL=BitkitAccordion.js.map

package/dist/components/BitkitAccordion/BitkitAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemBodyProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n  useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n  suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst Root = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n  return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n  return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n  ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n    const recipe = useSlotRecipe({ key: 'accordion' });\n    const styles = recipe();\n    return (\n      <Accordion.ItemTrigger ref={ref} {...props}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && (\n            <Box css={styles.icon} asChild>\n              <Icon size=\"16\" />\n            </Box>\n          )}\n          <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n            {children}\n            {secondaryText && (\n              <Box as=\"span\" css={styles.secdText}>\n                {secondaryText}\n              </Box>\n            )}\n          </Box>\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {suffix && (\n            <Box as=\"span\" css={styles.suffix}>\n              {suffix}\n            </Box>\n          )}\n          <Accordion.ItemIndicator asChild>\n            <AssetSelectChevron />\n          </Accordion.ItemIndicator>\n        </Box>\n      </Accordion.ItemTrigger>\n    );\n  },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n  const itemProps = useAccordionItemContext();\n  return (\n    <Accordion.ItemContent>\n      <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n    </Accordion.ItemContent>\n  );\n});\n\nRoot.displayName = 'BitkitAccordion.Root';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\nconst BitkitAccordion = { Root, Item, ItemTrigger, ItemBody };\n\nexport default BitkitAccordion;\n"],"mappings":";;;;;;;AAwBA,IAAM,OAAO,YAAkD,OAAO,QAAQ;CAC5E,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;CAAQ,CAAA;AACxD,CAAC;AACD,IAAM,OAAO,YAAsD,OAAO,QAAQ;CAChF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;CAAuB,CAAA;AAC9D,CAAC;AACD,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO;CACtB,OACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;EAArC,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;GAA5C,UAAA,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;IACrB,UAAA,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACd,CAAA,GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;IAA1D,UAAA,CACG,UACA,iBACC,oBAAC,KAAD;KAAK,IAAG;KAAO,KAAK,OAAO;KACxB,UAAA;IACE,CAAA,CAEJ;GACF,CAAA,CAAA;EACL,CAAA,GAAA,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAA/B,UAAA,CACG,UACC,oBAAC,KAAD;IAAK,IAAG;IAAO,KAAK,OAAO;IACxB,UAAA;GACE,CAAA,GAEP,oBAAC,UAAU,eAAX;IAAyB,SAAA;IACvB,UAAA,oBAAC,oBAAD,CAAqB,CAAA;GACE,CAAA,CACtB;EACgB,CAAA,CAAA;;AAE3B,CACF;AACA,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,wBAAwB;CAC1C,OACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;CAAQ,CAAA,EACxD,CAAA;AAE3B,CAAC;AAED,KAAK,cAAc;AACnB,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,IAAM,kBAAkB;CAAE;CAAM;CAAM;CAAa;AAAS"}
+{"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemBodyProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n  useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n  suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst BitkitAccordion = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n  return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n  return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n  ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n    const recipe = useSlotRecipe({ key: 'accordion' });\n    const styles = recipe();\n    return (\n      <Accordion.ItemTrigger ref={ref} {...props}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && (\n            <Box css={styles.icon} asChild>\n              <Icon size=\"16\" />\n            </Box>\n          )}\n          <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n            {children}\n            {secondaryText && (\n              <Box as=\"span\" css={styles.secdText}>\n                {secondaryText}\n              </Box>\n            )}\n          </Box>\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {suffix && (\n            <Box as=\"span\" css={styles.suffix}>\n              {suffix}\n            </Box>\n          )}\n          <Accordion.ItemIndicator asChild>\n            <AssetSelectChevron />\n          </Accordion.ItemIndicator>\n        </Box>\n      </Accordion.ItemTrigger>\n    );\n  },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n  const itemProps = useAccordionItemContext();\n  return (\n    <Accordion.ItemContent>\n      <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n    </Accordion.ItemContent>\n  );\n});\n\nBitkitAccordion.displayName = 'BitkitAccordion';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\n\nexport default withSubComponents(BitkitAccordion, { Item, ItemBody, ItemTrigger });\n"],"mappings":";;;;;;;;AAyBA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;CAAQ,CAAA;AACxD,CAAC;AACD,IAAM,OAAO,YAAsD,OAAO,QAAQ;CAChF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;CAAuB,CAAA;AAC9D,CAAC;AACD,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO;CACtB,OACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;EAArC,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;GAA5C,UAAA,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;IACrB,UAAA,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACd,CAAA,GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;IAA1D,UAAA,CACG,UACA,iBACC,oBAAC,KAAD;KAAK,IAAG;KAAO,KAAK,OAAO;KACxB,UAAA;IACE,CAAA,CAEJ;GACF,CAAA,CAAA;EACL,CAAA,GAAA,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAA/B,UAAA,CACG,UACC,oBAAC,KAAD;IAAK,IAAG;IAAO,KAAK,OAAO;IACxB,UAAA;GACE,CAAA,GAEP,oBAAC,UAAU,eAAX;IAAyB,SAAA;IACvB,UAAA,oBAAC,oBAAD,CAAqB,CAAA;GACE,CAAA,CACtB;EACgB,CAAA,CAAA;;AAE3B,CACF;AACA,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,wBAAwB;CAC1C,OACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;CAAQ,CAAA,EACxD,CAAA;AAE3B,CAAC;AAED,gBAAgB,cAAc;AAC9B,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAE1B,IAAA,0BAAe,kBAAkB,iBAAiB;CAAE;CAAM;CAAU;AAAY,CAAC"}

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

@@ -1,41 +1,63 @@
-import { MenuItemGroupProps, MenuItemProps, MenuRootProps } from '@chakra-ui/react/menu';
+import { Menu, MenuItemGroupProps, MenuItemProps, MenuRootProps, MenuSeparatorProps } from '@chakra-ui/react/menu';
 import { ReactNode } from 'react';
 import { BitkitIconComponent } from '../../icons';
-interface BitkitMenuRootProps extends Omit<MenuRootProps, 'children'> {
-    trigger: ReactNode;
+export interface BitkitActionMenuProps extends Omit<MenuRootProps, 'children'> {
+    /** The menu's items — `BitkitActionMenu.Item`, `.Group` and `.Separator`. */
     children?: ReactNode;
+    /**
+     * Row density, inherited by every item. `lg` (default) is the standalone action menu; `md` is for
+     * menus attached to dense UI, such as an overflow menu in a toolbar or a tab bar.
+     */
+    size?: MenuRootProps['size'];
+    /**
+     * The element the menu is anchored to — usually a `BitkitIconButton` or `BitkitButton`. Rendered
+     * via `asChild`, so it must accept a ref.
+     */
+    trigger: ReactNode;
 }
-interface BitkitMenuItemCommonProps extends MenuItemProps {
-    danger?: boolean;
+interface BitkitActionMenuItemCommonProps extends MenuItemProps {
+    /** The item's label. */
+    children?: ReactNode;
+    /** Leading icon, sized from the menu's `size` (24 on `lg`, 16 on `md`). */
     icon?: BitkitIconComponent;
+    /** Style the item as destructive — red label and icon. Use it for delete and similar actions. */
+    isDanger?: boolean;
+    /** A second, quieter line under the label. Adding it makes the row taller and top-aligns the icon. */
     secondaryText?: ReactNode;
 }
-interface BitkitMenuItemAsButtonProps extends BitkitMenuItemCommonProps {
+interface BitkitActionMenuItemAsButtonProps extends BitkitActionMenuItemCommonProps {
     href?: undefined;
     isExternal?: undefined;
     rel?: undefined;
     target?: undefined;
 }
-interface BitkitMenuItemAsAnchorProps extends BitkitMenuItemCommonProps {
+interface BitkitActionMenuItemAsAnchorProps extends BitkitActionMenuItemCommonProps {
+    /** Renders the item as an `<a>` instead of a menu button. */
     href: string;
+    /**
+     * Shorthand for `target="_blank"` plus `rel="noreferrer noopener"`. Also puts an
+     * `IconArrowNortheast` at the end of the row — the design system's "leaves this page" marker.
+     */
     isExternal?: boolean;
+    /** Extra `rel` tokens. With `isExternal` the safety tokens are appended to these. */
     rel?: string;
+    /** Anchor target. Ignored when `isExternal` is set. */
     target?: string;
 }
-export type BitkitMenuItemProps = BitkitMenuItemAsButtonProps | BitkitMenuItemAsAnchorProps;
-export interface BitkitMenuGroupProps extends MenuItemGroupProps {
+export type BitkitActionMenuItemProps = BitkitActionMenuItemAsButtonProps | BitkitActionMenuItemAsAnchorProps;
+export interface BitkitActionMenuGroupProps extends MenuItemGroupProps {
+    /** The group's items. */
+    children?: ReactNode;
+    /** The group's heading, rendered uppercase with a rule filling the rest of the row. */
     label: ReactNode;
 }
-declare const BitkitActionMenu: {
-    Root: {
-        ({ trigger, children, size, ...props }: BitkitMenuRootProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    Separator: {
-        (): import("react").JSX.Element;
-        displayName: string;
-    };
-    Item: import('react').ForwardRefExoticComponent<BitkitMenuItemProps & import('react').RefAttributes<HTMLElement>>;
-    Group: import('react').ForwardRefExoticComponent<BitkitMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export type BitkitActionMenuSeparatorProps = MenuSeparatorProps;
+declare const _default: {
+    ({ trigger, children, size, ...props }: BitkitActionMenuProps): import("react").JSX.Element;
+    displayName: string;
+} & {
+    Group: import('react').ForwardRefExoticComponent<BitkitActionMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<BitkitActionMenuItemProps & import('react').RefAttributes<HTMLElement>>;
+    Separator: import('react').ForwardRefExoticComponent<Menu.SeparatorProps & import('react').RefAttributes<HTMLHRElement>>;
 };
-export default BitkitActionMenu;
+export default _default;

package/dist/components/BitkitActionMenu/BitkitActionMenu.js

@@ -1,3 +1,5 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
+import IconArrowNortheast from "../../icons/IconArrowNortheast.js";
 import { Box } from "@chakra-ui/react/box";
 import { createContext, forwardRef, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -6,39 +8,48 @@ import { Menu, useMenuStyles } from "@chakra-ui/react/menu";
 import { Separator } from "@chakra-ui/react/separator";
 import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitActionMenu/BitkitActionMenu.tsx
-var BitkitMenuContext = createContext("lg");
-var Root = ({ trigger, children, size = "lg", ...props }) => {
+var BitkitActionMenuContext = createContext("lg");
+var BitkitActionMenu = ({ trigger, children, size = "lg", ...props }) => {
 	return /* @__PURE__ */ jsxs(Menu.Root, {
 		size,
 		...props,
 		children: [/* @__PURE__ */ jsx(Menu.Trigger, {
 			asChild: true,
 			children: trigger
-		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(BitkitMenuContext.Provider, {
+		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(BitkitActionMenuContext.Provider, {
 			value: size,
 			children: /* @__PURE__ */ jsx(Menu.Content, { children })
 		}) }) })]
 	});
 };
-Root.displayName = "BitkitActionMenu.Root";
-var Item = forwardRef((props, ref) => {
-	const { children, danger, icon: Icon, secondaryText } = props;
+BitkitActionMenu.displayName = "BitkitActionMenu";
+var BitkitActionMenuItem = forwardRef((props, ref) => {
+	const { children, icon: Icon, isDanger, secondaryText } = props;
 	const style = useMenuStyles();
-	const menuCtx = useContext(BitkitMenuContext);
-	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [Icon && /* @__PURE__ */ jsx(Icon, { size: menuCtx === "lg" ? "24" : "16" }), /* @__PURE__ */ jsxs(Box, {
-		flex: "1",
-		children: [/* @__PURE__ */ jsx(Text, { children }), secondaryText && /* @__PURE__ */ jsx(Text, {
-			css: style.itemHelper,
-			children: secondaryText
-		})]
-	})] });
+	const iconSize = useContext(BitkitActionMenuContext) === "lg" ? "24" : "16";
+	const hasHelper = secondaryText ? true : void 0;
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		Icon && /* @__PURE__ */ jsx(Icon, { size: iconSize }),
+		/* @__PURE__ */ jsxs(Box, {
+			flex: "1",
+			children: [/* @__PURE__ */ jsx(Text, { children }), secondaryText && /* @__PURE__ */ jsx(Text, {
+				css: style.itemHelper,
+				children: secondaryText
+			})]
+		}),
+		props.isExternal && /* @__PURE__ */ jsx(IconArrowNortheast, {
+			"data-suffix-icon": true,
+			size: iconSize
+		})
+	] });
 	if (props.href !== void 0) {
-		const { children: _children, danger: _danger, href, icon: _icon, isExternal, rel, secondaryText: _secondaryText, target, ...rest } = props;
+		const { children: _children, href, icon: _icon, isDanger: _isDanger, isExternal, rel, secondaryText: _secondaryText, target, ...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": danger,
+			"data-danger": isDanger,
+			"data-helper": hasHelper,
 			...rest,
 			children: /* @__PURE__ */ jsx("a", {
 				ref,
@@ -49,34 +60,37 @@ var Item = forwardRef((props, ref) => {
 			})
 		});
 	}
-	const { children: _children, danger: _danger, icon: _icon, secondaryText: _secondaryText, ...rest } = props;
+	const { children: _children, icon: _icon, isDanger: _isDanger, secondaryText: _secondaryText, ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.Item, {
-		"data-danger": danger,
+		"data-danger": isDanger,
+		"data-helper": hasHelper,
 		ref,
 		...rest,
 		children: content
 	});
 });
-Item.displayName = "BitkitActionMenu.Item";
-var Group = forwardRef(({ label, children, ...props }, ref) => {
+BitkitActionMenuItem.displayName = "BitkitActionMenu.Item";
+var BitkitActionMenuGroup = forwardRef(({ label, children, ...props }, ref) => {
 	return /* @__PURE__ */ jsxs(Menu.ItemGroup, {
 		ref,
 		...props,
 		children: [/* @__PURE__ */ jsxs(Menu.ItemGroupLabel, { children: [/* @__PURE__ */ jsx(Text, { children: label }), /* @__PURE__ */ jsx(Separator, { flex: "1" })] }), children]
 	});
 });
-Group.displayName = "BitkitActionMenu.Group";
-var Separator$1 = () => {
-	return /* @__PURE__ */ jsx(Menu.Separator, {});
-};
-Separator$1.displayName = "BitkitActionMenu.Separator";
-var BitkitActionMenu = {
-	Root,
-	Separator: Separator$1,
-	Item,
-	Group
-};
+BitkitActionMenuGroup.displayName = "BitkitActionMenu.Group";
+var BitkitActionMenuSeparator = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		ref,
+		...props
+	});
+});
+BitkitActionMenuSeparator.displayName = "BitkitActionMenu.Separator";
+var BitkitActionMenu_default = withSubComponents(BitkitActionMenu, {
+	Group: BitkitActionMenuGroup,
+	Item: BitkitActionMenuItem,
+	Separator: BitkitActionMenuSeparator
+});
 //#endregion
-export { BitkitActionMenu as default };
+export { BitkitActionMenu_default as default };
 
 //# sourceMappingURL=BitkitActionMenu.js.map

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  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 } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nconst BitkitMenuContext = createContext<MenuRootProps['size']>('lg');\n\ninterface BitkitMenuRootProps extends Omit<MenuRootProps, 'children'> {\n  trigger: ReactNode;\n  children?: ReactNode;\n}\n\nconst Root = ({ trigger, children, size = 'lg', ...props }: BitkitMenuRootProps) => {\n  return (\n    <Menu.Root size={size} {...props}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitMenuContext.Provider value={size}>\n            <Menu.Content>{children}</Menu.Content>\n          </BitkitMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nRoot.displayName = 'BitkitActionMenu.Root';\n\ninterface BitkitMenuItemCommonProps extends MenuItemProps {\n  danger?: boolean;\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n}\n\ninterface BitkitMenuItemAsButtonProps extends BitkitMenuItemCommonProps {\n  href?: undefined;\n  isExternal?: undefined;\n  rel?: undefined;\n  target?: undefined;\n}\n\ninterface BitkitMenuItemAsAnchorProps extends BitkitMenuItemCommonProps {\n  href: string;\n  isExternal?: boolean;\n  rel?: string;\n  target?: string;\n}\n\nexport type BitkitMenuItemProps = BitkitMenuItemAsButtonProps | BitkitMenuItemAsAnchorProps;\n\nconst Item = forwardRef<HTMLElement, BitkitMenuItemProps>((props, ref) => {\n  const { children, danger, icon: Icon, secondaryText } = props;\n  const style = useMenuStyles();\n  const menuCtx = useContext(BitkitMenuContext);\n\n  const content = (\n    <>\n      {Icon && <Icon size={menuCtx === 'lg' ? '24' : '16'} />}\n      <Box flex=\"1\">\n        <Text>{children}</Text>\n        {secondaryText && <Text css={style.itemHelper}>{secondaryText}</Text>}\n      </Box>\n    </>\n  );\n\n  if (props.href !== undefined) {\n    const {\n      children: _children,\n      danger: _danger,\n      href,\n      icon: _icon,\n      isExternal,\n      rel,\n      secondaryText: _secondaryText,\n      target,\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={danger} {...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 { children: _children, danger: _danger, icon: _icon, secondaryText: _secondaryText, ...rest } = props;\n  return (\n    <Menu.Item data-danger={danger} ref={ref as Ref<HTMLDivElement>} {...rest}>\n      {content}\n    </Menu.Item>\n  );\n});\nItem.displayName = 'BitkitActionMenu.Item';\n\nexport interface BitkitMenuGroupProps extends MenuItemGroupProps {\n  label: ReactNode;\n}\nconst Group = forwardRef<HTMLDivElement, BitkitMenuGroupProps>(({ 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});\nGroup.displayName = 'BitkitActionMenu.Group';\n\nconst Separator = () => {\n  return <Menu.Separator />;\n};\nSeparator.displayName = 'BitkitActionMenu.Separator';\n\nconst BitkitActionMenu = {\n  Root,\n  Separator,\n  Item,\n  Group,\n};\n\nexport default BitkitActionMenu;\n"],"mappings":";;;;;;;;AAeA,IAAM,oBAAoB,cAAqC,IAAI;AAOnE,IAAM,QAAQ,EAAE,SAAS,UAAU,OAAO,MAAM,GAAG,YAAiC;CAClF,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,kBAAkB,UAAnB;GAA4B,OAAO;GACjC,UAAA,oBAAC,KAAK,SAAN,EAAe,SAAuB,CAAA;EACZ,CAAA,EACb,CAAA,EACX,CAAA,CACC;;AAEf;AACA,KAAK,cAAc;AAwBnB,IAAM,OAAO,YAA8C,OAAO,QAAQ;CACxE,MAAM,EAAE,UAAU,QAAQ,MAAM,MAAM,kBAAkB;CACxD,MAAM,QAAQ,cAAc;CAC5B,MAAM,UAAU,WAAW,iBAAiB;CAE5C,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,YAAY,OAAO,OAAO,KAAO,CAAA,GACtD,qBAAC,KAAD;EAAK,MAAK;EAAV,UAAA,CACE,oBAAC,MAAD,EAAO,SAAe,CAAA,GACrB,iBAAiB,oBAAC,MAAD;GAAM,KAAK,MAAM;GAAa,UAAA;EAAoB,CAAA,CACjE;CACL,CAAA,CAAA,EAAA,CAAA;CAGJ,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UAAU,WACV,QAAQ,SACR,MACA,MAAM,OACN,YACA,KACA,eAAe,gBACf,QACA,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;GAAQ,GAAI;GAC1C,UAAA,oBAAC,KAAD;IAAQ;IAAqC;IAAM,KAAK;IAAc,QAAQ;IAC3E,UAAA;GACA,CAAA;EACM,CAAA;CAEf;CAEA,MAAM,EAAE,UAAU,WAAW,QAAQ,SAAS,MAAM,OAAO,eAAe,gBAAgB,GAAG,SAAS;CACtG,OACE,oBAAC,KAAK,MAAN;EAAW,eAAa;EAAa;EAA4B,GAAI;EAClE,UAAA;CACQ,CAAA;AAEf,CAAC;AACD,KAAK,cAAc;AAKnB,IAAM,QAAQ,YAAkD,EAAE,OAAO,UAAU,GAAG,SAAS,QAAQ;CACrG,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,CAAC;AACD,MAAM,cAAc;AAEpB,IAAM,oBAAkB;CACtB,OAAO,oBAAC,KAAK,WAAN,CAAiB,CAAA;AAC1B;AACA,YAAU,cAAc;AAExB,IAAM,mBAAmB;CACvB;CACA,WAAA;CACA;CACA;AACF"}
+{"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 } from 'react';\n\nimport { type BitkitIconComponent, IconArrowNortheast } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst BitkitActionMenuContext = createContext<MenuRootProps['size']>('lg');\n\nexport interface BitkitActionMenuProps extends Omit<MenuRootProps, 'children'> {\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  return (\n    <Menu.Root size={size} {...props}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitActionMenuContext.Provider value={size}>\n            <Menu.Content>{children}</Menu.Content>\n          </BitkitActionMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nBitkitActionMenu.displayName = 'BitkitActionMenu';\n\ninterface BitkitActionMenuItemCommonProps extends MenuItemProps {\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\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\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      ...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} {...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 { children: _children, icon: _icon, isDanger: _isDanger, secondaryText: _secondaryText, ...rest } = props;\n  return (\n    <Menu.Item data-danger={isDanger} data-helper={hasHelper} ref={ref as Ref<HTMLDivElement>} {...rest}>\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":";;;;;;;;;;AAiBA,IAAM,0BAA0B,cAAqC,IAAI;AAiBzE,IAAM,oBAAoB,EAAE,SAAS,UAAU,OAAO,MAAM,GAAG,YAAmC;CAChG,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,EAAe,SAAuB,CAAA;EACN,CAAA,EACnB,CAAA,EACX,CAAA,CACC;;AAEf;AACA,iBAAiB,cAAc;AAoC/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;CAEzC,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,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,GAAI;GACpE,UAAA,oBAAC,KAAD;IAAQ;IAAqC;IAAM,KAAK;IAAc,QAAQ;IAC3E,UAAA;GACA,CAAA;EACM,CAAA;CAEf;CAEA,MAAM,EAAE,UAAU,WAAW,MAAM,OAAO,UAAU,WAAW,eAAe,gBAAgB,GAAG,SAAS;CAC1G,OACE,oBAAC,KAAK,MAAN;EAAW,eAAa;EAAU,eAAa;EAAgB;EAA4B,GAAI;EAC5F,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/BitkitBreadcrumb/BitkitBreadcrumb.js

@@ -1,7 +1,7 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconChevronRight from "../../icons/IconChevronRight.js";
 import IconMoreHorizontal from "../../icons/IconMoreHorizontal.js";
 import { flattenChildren } from "../../utilities/flattenChildren.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import BitkitControlButton from "../BitkitControlButton/BitkitControlButton.js";
 import BreadcrumbCurrentItem from "./components/BreadcrumbCurrentItem.js";
 import BreadcrumbItem from "./components/BreadcrumbItem.js";

package/dist/components/BitkitCombobox/BitkitCombobox.js

@@ -1,9 +1,9 @@
 import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
 import IconWarningYellow from "../../icons/IconWarningYellow.js";
 import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
 import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import BitkitSelectMenuAction from "../BitkitSelectMenu/BitkitSelectMenuAction.js";
 import BitkitSelectMenu from "../BitkitSelectMenu/BitkitSelectMenu.js";
 import BitkitField from "../BitkitField/BitkitField.js";

package/dist/components/BitkitDialog/BitkitStepperDialog.js

@@ -1,5 +1,5 @@
-import { flattenChildren } from "../../utilities/flattenChildren.js";
 import { withSubComponents } from "../../utilities/withSubComponents.js";
+import { flattenChildren } from "../../utilities/flattenChildren.js";
 import DialogInner from "./DialogInner.js";
 import DialogShell from "./DialogShell.js";
 import BitkitSteps_default from "../BitkitSteps/BitkitSteps.js";

package/dist/components/BitkitMultiselect/BitkitMultiselect.js

@@ -1,9 +1,9 @@
 import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
 import IconWarningYellow from "../../icons/IconWarningYellow.js";
 import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
 import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import BitkitSelectMenuAction from "../BitkitSelectMenu/BitkitSelectMenuAction.js";
 import BitkitField from "../BitkitField/BitkitField.js";
 import BitkitMultiselectMenu from "../BitkitMultiselectMenu/BitkitMultiselectMenu.js";

package/dist/components/BitkitPageFooter/BitkitPageFooter.js

@@ -1,5 +1,5 @@
-import IconBitbot from "../../icons/IconBitbot.js";
 import { withSubComponents } from "../../utilities/withSubComponents.js";
+import IconBitbot from "../../icons/IconBitbot.js";
 import { Box } from "@chakra-ui/react/box";
 import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef } from "react";

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -1,9 +1,9 @@
 import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
 import IconWarningYellow from "../../icons/IconWarningYellow.js";
 import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
 import BitkitAvatar from "../BitkitAvatar/BitkitAvatar.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import BitkitSelectMenuAction from "../BitkitSelectMenu/BitkitSelectMenuAction.js";
 import { selectSizeMap } from "../BitkitSelectMenu/SelectMenuShell.js";
 import BitkitSelectMenu from "../BitkitSelectMenu/BitkitSelectMenu.js";

package/dist/components/BitkitSidebar/BitkitSidebar.js

@@ -1,6 +1,6 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconChevronLeft from "../../icons/IconChevronLeft.js";
 import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import BitkitGroupHeading from "../BitkitGroupHeading/BitkitGroupHeading.js";
 import { Box } from "@chakra-ui/react/box";
 import { chakra, useRecipe, useSlotRecipe } from "@chakra-ui/react/styled-system";

package/dist/components/BitkitSplitButton/BitkitSplitButton.d.ts

@@ -18,11 +18,8 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<GroupProp
     children?: ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Action: import('react').ForwardRefExoticComponent<BitkitSplitButtonActionProps & import('react').RefAttributes<HTMLElement>>;
-    Group: import('react').ForwardRefExoticComponent<import('..').BitkitMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-    Item: import('react').ForwardRefExoticComponent<import('..').BitkitMenuItemProps & import('react').RefAttributes<HTMLElement>>;
-    Separator: {
-        (): import("react").JSX.Element;
-        displayName: string;
-    };
+    Group: import('react').ForwardRefExoticComponent<import('..').BitkitActionMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<import('..').BitkitActionMenuItemProps & import('react').RefAttributes<HTMLElement>>;
+    Separator: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').MenuSeparatorProps & import('react').RefAttributes<HTMLHRElement>>;
 };
 export default _default;

package/dist/components/BitkitSplitButton/BitkitSplitButton.js

@@ -1,7 +1,7 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconChevronDown from "../../icons/IconChevronDown.js";
-import BitkitActionMenu from "../BitkitActionMenu/BitkitActionMenu.js";
+import BitkitActionMenu_default from "../BitkitActionMenu/BitkitActionMenu.js";
 import { flattenChildren } from "../../utilities/flattenChildren.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import BitkitButton from "../BitkitButton/BitkitButton.js";
 import BitkitIconButton from "../BitkitIconButton/BitkitIconButton.js";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
@@ -15,7 +15,7 @@ var isValidActionItem = (child) => {
 	return isValidElement(child) && child.type === BitkitSplitButtonAction;
 };
 var isValidMenuItem = (child) => {
-	return isValidElement(child) && (child.type === BitkitActionMenu.Group || child.type === BitkitActionMenu.Item || child.type === BitkitActionMenu.Separator);
+	return isValidElement(child) && (child.type === BitkitActionMenu_default.Group || child.type === BitkitActionMenu_default.Item || child.type === BitkitActionMenu_default.Separator);
 };
 var [SplitButtonProvider, useSplitButtonContext] = createContext$1({
 	name: "SplitButtonContext",
@@ -64,7 +64,7 @@ var BitkitSplitButton = forwardRef((props, ref) => {
 				...rest,
 				attached: true,
 				display: "inline-flex",
-				children: [actionChild, /* @__PURE__ */ jsx(BitkitActionMenu.Root, {
+				children: [actionChild, /* @__PURE__ */ jsx(BitkitActionMenu_default, {
 					size: menuSize,
 					trigger: /* @__PURE__ */ jsx(BitkitIconButton, {
 						css: styles.trigger,
@@ -85,9 +85,9 @@ var BitkitSplitButton = forwardRef((props, ref) => {
 BitkitSplitButton.displayName = "BitkitSplitButton";
 var BitkitSplitButton_default = withSubComponents(BitkitSplitButton, {
 	Action: BitkitSplitButtonAction,
-	Group: BitkitActionMenu.Group,
-	Item: BitkitActionMenu.Item,
-	Separator: BitkitActionMenu.Separator
+	Group: BitkitActionMenu_default.Group,
+	Item: BitkitActionMenu_default.Item,
+	Separator: BitkitActionMenu_default.Separator
 });
 //#endregion
 export { BitkitSplitButton_default as default };

package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSplitButton.js","names":[],"sources":["../../../lib/components/BitkitSplitButton/BitkitSplitButton.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Group, type GroupProps } from '@chakra-ui/react/group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, isValidElement, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';\n\nimport { IconChevronDown } from '../../icons';\nimport { flattenChildren } from '../../utilities/flattenChildren';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitButton, {\n  type BitkitButtonAsAnchorProps,\n  type BitkitButtonAsButtonProps,\n} from '../BitkitButton/BitkitButton';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\n\ntype Size = 'lg' | 'md' | 'sm';\ntype Variant = 'primary' | 'secondary';\ntype State = 'disabled' | 'loading' | 'skeleton';\n\nconst isValidActionItem = (child: ReactNode): child is ReactElement => {\n  return isValidElement(child) && child.type === BitkitSplitButtonAction;\n};\n\nconst isValidMenuItem = (child: ReactNode): child is ReactElement => {\n  return (\n    isValidElement(child) &&\n    (child.type === BitkitActionMenu.Group ||\n      child.type === BitkitActionMenu.Item ||\n      child.type === BitkitActionMenu.Separator)\n  );\n};\n\n// --- Context ---\ninterface SplitButtonContext {\n  size: Size;\n  variant: Variant;\n  state: State | undefined;\n  styles: Record<string, SystemStyleObject>;\n}\n\nconst [SplitButtonProvider, useSplitButtonContext] = createContext<SplitButtonContext>({\n  name: 'SplitButtonContext',\n  hookName: 'useSplitButtonContext',\n  providerName: '<BitkitSplitButton />',\n});\n\n// --- Action ---\n// Split-button action can be a button (default) or anchor (when href is set). asChild is intentionally\n// not part of the API — routing-library elements don't fit cleanly into the Group attached layout.\n// The forwarded ref is HTMLElement so it covers both <button> and <a>.\ntype BitkitSplitButtonActionProps = Omit<\n  BitkitButtonAsButtonProps | BitkitButtonAsAnchorProps,\n  'size' | 'variant' | 'state'\n>;\n\nconst BitkitSplitButtonAction = forwardRef<HTMLElement, BitkitSplitButtonActionProps>((props, ref) => {\n  const { size, state, styles, variant } = useSplitButtonContext();\n\n  if (props.href !== undefined) {\n    // Anchor branch: BitkitButton's anchor variant doesn't allow state=\"loading\". Coerce to \"disabled\"\n    // so a SplitButton-wide loading state still surfaces visually on a link-mode action.\n    return (\n      <BitkitButton\n        {...(props as BitkitButtonAsAnchorProps)}\n        css={styles.action}\n        ref={ref}\n        size={size}\n        state={state === 'loading' ? 'disabled' : state}\n        variant={variant}\n      />\n    );\n  }\n\n  return (\n    <BitkitButton\n      {...(props as BitkitButtonAsButtonProps)}\n      css={styles.action}\n      ref={ref}\n      size={size}\n      state={state}\n      variant={variant}\n    />\n  );\n});\n\nBitkitSplitButtonAction.displayName = 'BitkitSplitButtonAction';\n\n// --- Root ---\nexport type BitkitSplitButtonProps = PropsWithChildren<\n  Omit<GroupProps, 'attached' | 'children' | 'display'> & {\n    size?: Size;\n    variant?: Variant;\n    state?: State;\n  }\n>;\n\nconst BitkitSplitButton = forwardRef<HTMLDivElement, BitkitSplitButtonProps>((props, ref) => {\n  const { children, size = 'lg', state, variant = 'primary', ...rest } = props;\n\n  const childArray = flattenChildren(children);\n  const actionChild = childArray.find(isValidActionItem);\n  const menuItems = childArray.filter(isValidMenuItem);\n\n  const menuSize = size === 'lg' ? 'lg' : 'md';\n  const recipe = useSlotRecipe({ key: 'splitButton' });\n  const styles = recipe({ variant });\n\n  return (\n    <SplitButtonProvider value={{ size, state, styles, variant }}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <Group ref={ref} {...rest} attached display=\"inline-flex\">\n          {actionChild}\n          <BitkitActionMenu.Root\n            size={menuSize}\n            trigger={\n              <BitkitIconButton\n                css={styles.trigger}\n                icon={IconChevronDown}\n                label=\"Toggle menu\"\n                size={size}\n                state={state === 'loading' ? 'disabled' : state}\n                // Design decision: no tooltip on the menu trigger — the label stays as aria-label\n                tooltipProps={{ disabled: true }}\n                variant={variant}\n              />\n            }\n            positioning={{ placement: 'bottom-end' }}\n          >\n            {menuItems}\n          </BitkitActionMenu.Root>\n        </Group>\n      </Skeleton>\n    </SplitButtonProvider>\n  );\n});\nBitkitSplitButton.displayName = 'BitkitSplitButton';\n\nexport default withSubComponents(BitkitSplitButton, {\n  Action: BitkitSplitButtonAction,\n  Group: BitkitActionMenu.Group,\n  Item: BitkitActionMenu.Item,\n  Separator: BitkitActionMenu.Separator,\n});\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAM,qBAAqB,UAA4C;CACrE,OAAO,eAAe,KAAK,KAAK,MAAM,SAAS;AACjD;AAEA,IAAM,mBAAmB,UAA4C;CACnE,OACE,eAAe,KAAK,MACnB,MAAM,SAAS,iBAAiB,SAC/B,MAAM,SAAS,iBAAiB,QAChC,MAAM,SAAS,iBAAiB;AAEtC;AAUA,IAAM,CAAC,qBAAqB,yBAAyB,gBAAkC;CACrF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAWD,IAAM,0BAA0B,YAAuD,OAAO,QAAQ;CACpG,MAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,sBAAsB;CAE/D,IAAI,MAAM,SAAS,KAAA,GAGjB,OACE,oBAAC,cAAD;EACE,GAAK;EACL,KAAK,OAAO;EACP;EACC;EACN,OAAO,UAAU,YAAY,aAAa;EACjC;CACV,CAAA;CAIL,OACE,oBAAC,cAAD;EACE,GAAK;EACL,KAAK,OAAO;EACP;EACC;EACC;EACE;CACV,CAAA;AAEL,CAAC;AAED,wBAAwB,cAAc;AAWtC,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EAAE,UAAU,OAAO,MAAM,OAAO,UAAU,WAAW,GAAG,SAAS;CAEvE,MAAM,aAAa,gBAAgB,QAAQ;CAC3C,MAAM,cAAc,WAAW,KAAK,iBAAiB;CACrD,MAAM,YAAY,WAAW,OAAO,eAAe;CAEnD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CACnC,CAAA,CAAO,EAAE,QAAQ,CAAC;CAEjC,OACE,oBAAC,qBAAD;EAAqB,OAAO;GAAE;GAAM;GAAO;GAAQ;EAAQ;EACzD,UAAA,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;GACnC,UAAA,qBAAC,OAAD;IAAY;IAAK,GAAI;IAAM,UAAA;IAAS,SAAQ;IAA5C,UAAA,CACG,aACD,oBAAC,iBAAiB,MAAlB;KACE,MAAM;KACN,SACE,oBAAC,kBAAD;MACE,KAAK,OAAO;MACZ,MAAM;MACN,OAAM;MACA;MACN,OAAO,UAAU,YAAY,aAAa;MAE1C,cAAc,EAAE,UAAU,KAAK;MACtB;KACV,CAAA;KAEH,aAAa,EAAE,WAAW,aAAa;KAEtC,UAAA;IACoB,CAAA,CAClB;;EACC,CAAA;CACS,CAAA;AAEzB,CAAC;AACD,kBAAkB,cAAc;AAEhC,IAAA,4BAAe,kBAAkB,mBAAmB;CAClD,QAAQ;CACR,OAAO,iBAAiB;CACxB,MAAM,iBAAiB;CACvB,WAAW,iBAAiB;AAC9B,CAAC"}
+{"version":3,"file":"BitkitSplitButton.js","names":[],"sources":["../../../lib/components/BitkitSplitButton/BitkitSplitButton.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Group, type GroupProps } from '@chakra-ui/react/group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, isValidElement, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';\n\nimport { IconChevronDown } from '../../icons';\nimport { flattenChildren } from '../../utilities/flattenChildren';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitButton, {\n  type BitkitButtonAsAnchorProps,\n  type BitkitButtonAsButtonProps,\n} from '../BitkitButton/BitkitButton';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\n\ntype Size = 'lg' | 'md' | 'sm';\ntype Variant = 'primary' | 'secondary';\ntype State = 'disabled' | 'loading' | 'skeleton';\n\nconst isValidActionItem = (child: ReactNode): child is ReactElement => {\n  return isValidElement(child) && child.type === BitkitSplitButtonAction;\n};\n\nconst isValidMenuItem = (child: ReactNode): child is ReactElement => {\n  return (\n    isValidElement(child) &&\n    (child.type === BitkitActionMenu.Group ||\n      child.type === BitkitActionMenu.Item ||\n      child.type === BitkitActionMenu.Separator)\n  );\n};\n\n// --- Context ---\ninterface SplitButtonContext {\n  size: Size;\n  variant: Variant;\n  state: State | undefined;\n  styles: Record<string, SystemStyleObject>;\n}\n\nconst [SplitButtonProvider, useSplitButtonContext] = createContext<SplitButtonContext>({\n  name: 'SplitButtonContext',\n  hookName: 'useSplitButtonContext',\n  providerName: '<BitkitSplitButton />',\n});\n\n// --- Action ---\n// Split-button action can be a button (default) or anchor (when href is set). asChild is intentionally\n// not part of the API — routing-library elements don't fit cleanly into the Group attached layout.\n// The forwarded ref is HTMLElement so it covers both <button> and <a>.\ntype BitkitSplitButtonActionProps = Omit<\n  BitkitButtonAsButtonProps | BitkitButtonAsAnchorProps,\n  'size' | 'variant' | 'state'\n>;\n\nconst BitkitSplitButtonAction = forwardRef<HTMLElement, BitkitSplitButtonActionProps>((props, ref) => {\n  const { size, state, styles, variant } = useSplitButtonContext();\n\n  if (props.href !== undefined) {\n    // Anchor branch: BitkitButton's anchor variant doesn't allow state=\"loading\". Coerce to \"disabled\"\n    // so a SplitButton-wide loading state still surfaces visually on a link-mode action.\n    return (\n      <BitkitButton\n        {...(props as BitkitButtonAsAnchorProps)}\n        css={styles.action}\n        ref={ref}\n        size={size}\n        state={state === 'loading' ? 'disabled' : state}\n        variant={variant}\n      />\n    );\n  }\n\n  return (\n    <BitkitButton\n      {...(props as BitkitButtonAsButtonProps)}\n      css={styles.action}\n      ref={ref}\n      size={size}\n      state={state}\n      variant={variant}\n    />\n  );\n});\n\nBitkitSplitButtonAction.displayName = 'BitkitSplitButtonAction';\n\n// --- Root ---\nexport type BitkitSplitButtonProps = PropsWithChildren<\n  Omit<GroupProps, 'attached' | 'children' | 'display'> & {\n    size?: Size;\n    variant?: Variant;\n    state?: State;\n  }\n>;\n\nconst BitkitSplitButton = forwardRef<HTMLDivElement, BitkitSplitButtonProps>((props, ref) => {\n  const { children, size = 'lg', state, variant = 'primary', ...rest } = props;\n\n  const childArray = flattenChildren(children);\n  const actionChild = childArray.find(isValidActionItem);\n  const menuItems = childArray.filter(isValidMenuItem);\n\n  const menuSize = size === 'lg' ? 'lg' : 'md';\n  const recipe = useSlotRecipe({ key: 'splitButton' });\n  const styles = recipe({ variant });\n\n  return (\n    <SplitButtonProvider value={{ size, state, styles, variant }}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <Group ref={ref} {...rest} attached display=\"inline-flex\">\n          {actionChild}\n          <BitkitActionMenu\n            size={menuSize}\n            trigger={\n              <BitkitIconButton\n                css={styles.trigger}\n                icon={IconChevronDown}\n                label=\"Toggle menu\"\n                size={size}\n                state={state === 'loading' ? 'disabled' : state}\n                // Design decision: no tooltip on the menu trigger — the label stays as aria-label\n                tooltipProps={{ disabled: true }}\n                variant={variant}\n              />\n            }\n            positioning={{ placement: 'bottom-end' }}\n          >\n            {menuItems}\n          </BitkitActionMenu>\n        </Group>\n      </Skeleton>\n    </SplitButtonProvider>\n  );\n});\nBitkitSplitButton.displayName = 'BitkitSplitButton';\n\nexport default withSubComponents(BitkitSplitButton, {\n  Action: BitkitSplitButtonAction,\n  Group: BitkitActionMenu.Group,\n  Item: BitkitActionMenu.Item,\n  Separator: BitkitActionMenu.Separator,\n});\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAM,qBAAqB,UAA4C;CACrE,OAAO,eAAe,KAAK,KAAK,MAAM,SAAS;AACjD;AAEA,IAAM,mBAAmB,UAA4C;CACnE,OACE,eAAe,KAAK,MACnB,MAAM,SAAS,yBAAiB,SAC/B,MAAM,SAAS,yBAAiB,QAChC,MAAM,SAAS,yBAAiB;AAEtC;AAUA,IAAM,CAAC,qBAAqB,yBAAyB,gBAAkC;CACrF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAWD,IAAM,0BAA0B,YAAuD,OAAO,QAAQ;CACpG,MAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,sBAAsB;CAE/D,IAAI,MAAM,SAAS,KAAA,GAGjB,OACE,oBAAC,cAAD;EACE,GAAK;EACL,KAAK,OAAO;EACP;EACC;EACN,OAAO,UAAU,YAAY,aAAa;EACjC;CACV,CAAA;CAIL,OACE,oBAAC,cAAD;EACE,GAAK;EACL,KAAK,OAAO;EACP;EACC;EACC;EACE;CACV,CAAA;AAEL,CAAC;AAED,wBAAwB,cAAc;AAWtC,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EAAE,UAAU,OAAO,MAAM,OAAO,UAAU,WAAW,GAAG,SAAS;CAEvE,MAAM,aAAa,gBAAgB,QAAQ;CAC3C,MAAM,cAAc,WAAW,KAAK,iBAAiB;CACrD,MAAM,YAAY,WAAW,OAAO,eAAe;CAEnD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CACnC,CAAA,CAAO,EAAE,QAAQ,CAAC;CAEjC,OACE,oBAAC,qBAAD;EAAqB,OAAO;GAAE;GAAM;GAAO;GAAQ;EAAQ;EACzD,UAAA,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;GACnC,UAAA,qBAAC,OAAD;IAAY;IAAK,GAAI;IAAM,UAAA;IAAS,SAAQ;IAA5C,UAAA,CACG,aACD,oBAAC,0BAAD;KACE,MAAM;KACN,SACE,oBAAC,kBAAD;MACE,KAAK,OAAO;MACZ,MAAM;MACN,OAAM;MACA;MACN,OAAO,UAAU,YAAY,aAAa;MAE1C,cAAc,EAAE,UAAU,KAAK;MACtB;KACV,CAAA;KAEH,aAAa,EAAE,WAAW,aAAa;KAEtC,UAAA;IACe,CAAA,CACb;;EACC,CAAA;CACS,CAAA;AAEzB,CAAC;AACD,kBAAkB,cAAc;AAEhC,IAAA,4BAAe,kBAAkB,mBAAmB;CAClD,QAAQ;CACR,OAAO,yBAAiB;CACxB,MAAM,yBAAiB;CACvB,WAAW,yBAAiB;AAC9B,CAAC"}

package/dist/components/BitkitSteps/BitkitSteps.js

@@ -1,6 +1,6 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconCheck from "../../icons/IconCheck.js";
 import IconSkip from "../../icons/IconSkip.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import { useStepCardContext } from "../BitkitStepsCard/StepCardContext.js";
 import { Box } from "@chakra-ui/react/box";
 import { Children, cloneElement, forwardRef, isValidElement } from "react";

package/dist/components/BitkitTreeView/BitkitTreeView.js

@@ -1,7 +1,7 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
 import IconChevronRight from "../../icons/IconChevronRight.js";
 import IconFolder from "../../icons/IconFolder.js";
 import IconWarningYellow from "../../icons/IconWarningYellow.js";
-import { withSubComponents } from "../../utilities/withSubComponents.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { cloneElement, forwardRef } from "react";

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 export { default as BitkitAccordion, type BitkitAccordionItemBodyProps, type BitkitAccordionItemProps, type BitkitAccordionItemTriggerProps, type BitkitAccordionProps, } from './BitkitAccordion/BitkitAccordion';
 export { default as BitkitActionBar, type BitkitActionBarProps } from './BitkitActionBar/BitkitActionBar';
-export { default as BitkitActionMenu, type BitkitMenuGroupProps, type BitkitMenuItemProps, } from './BitkitActionMenu/BitkitActionMenu';
+export { default as BitkitActionMenu, type BitkitActionMenuGroupProps, type BitkitActionMenuItemProps, type BitkitActionMenuProps, type BitkitActionMenuSeparatorProps, } from './BitkitActionMenu/BitkitActionMenu';
 export { default as BitkitAlert, type BitkitAlertProps } from './BitkitAlert/BitkitAlert';
 export { default as BitkitAvatar, type BitkitAvatarProps } from './BitkitAvatar/BitkitAvatar';
 export { default as BitkitBadge, type BitkitBadgeProps } from './BitkitBadge/BitkitBadge';

package/dist/main.js

@@ -1,4 +1,4 @@
-import BitkitAccordion from "./components/BitkitAccordion/BitkitAccordion.js";
+import BitkitAccordion_default from "./components/BitkitAccordion/BitkitAccordion.js";
 import { bitkitIcon } from "./icons/bitkitIcon.js";
 import IconAbortCircle from "./icons/IconAbortCircle.js";
 import IconAbortCircleFilled from "./icons/IconAbortCircleFilled.js";
@@ -286,7 +286,7 @@ import IconXTwitter from "./icons/IconXTwitter.js";
 import BitkitLabelTooltip from "./components/BitkitLabelTooltip/BitkitLabelTooltip.js";
 import BitkitCloseButton from "./components/BitkitCloseButton/BitkitCloseButton.js";
 import BitkitActionBar from "./components/BitkitActionBar/BitkitActionBar.js";
-import BitkitActionMenu from "./components/BitkitActionMenu/BitkitActionMenu.js";
+import BitkitActionMenu_default from "./components/BitkitActionMenu/BitkitActionMenu.js";
 import { rem } from "./theme/themeUtils.js";
 import BitkitColorButton from "./components/BitkitColorButton/BitkitColorButton.js";
 import BitkitAlert from "./components/BitkitAlert/BitkitAlert.js";
@@ -373,4 +373,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
 import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTour, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, useBitkitTour, useResponsive, useStepperDialog };
+export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTour, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, useBitkitTour, useResponsive, useStepperDialog };

package/dist/theme/slot-recipes/Menu.recipe.d.ts

@@ -2,17 +2,28 @@ declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"c
     size: {
         lg: {
             item: {
+                alignItems: "center";
                 paddingY: "12";
                 textStyle: "body/lg/regular";
+                '&[data-helper]': {
+                    alignItems: "flex-start";
+                    paddingY: "8";
+                };
             };
         };
         md: {
             item: {
-                _icon: {
-                    marginTop: "2";
-                };
+                alignItems: "center";
+                minHeight: "40";
                 paddingY: "8";
                 textStyle: "body/md/regular";
+                '&[data-helper]': {
+                    _icon: {
+                        marginTop: "2";
+                    };
+                    alignItems: "flex-start";
+                    paddingY: "6";
+                };
             };
         };
     };

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

@@ -15,13 +15,24 @@ var menuSlotRecipe = defineSlotRecipe({
 	slots: [...menuAnatomy.keys(), "itemHelper"],
 	variants: { size: {
 		lg: { item: {
+			alignItems: "center",
 			paddingY: "12",
-			textStyle: "body/lg/regular"
+			textStyle: "body/lg/regular",
+			"&[data-helper]": {
+				alignItems: "flex-start",
+				paddingY: "8"
+			}
 		} },
 		md: { item: {
-			_icon: { marginTop: "2" },
+			alignItems: "center",
+			minHeight: "40",
 			paddingY: "8",
-			textStyle: "body/md/regular"
+			textStyle: "body/md/regular",
+			"&[data-helper]": {
+				_icon: { marginTop: "2" },
+				alignItems: "flex-start",
+				paddingY: "6"
+			}
 		} }
 	} },
 	base: {
@@ -76,17 +87,18 @@ var menuSlotRecipe = defineSlotRecipe({
 			_highlighted: {
 				background: "button/secondary/bg-hover",
 				_active: itemActive
-			}
+			},
+			"& [data-suffix-icon]": { color: "icon/tertiary" }
 		},
 		itemGroupLabel: {
 			textStyle: "heading/h6",
 			color: "text/tertiary",
 			paddingTop: "12",
 			paddingLeft: "16",
-			paddingRight: "24",
+			paddingRight: "16",
 			paddingBottom: "6",
 			display: "flex",
-			gap: "12",
+			gap: "8",
 			flexDirection: "row",
 			alignItems: "center"
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  _icon: {\n    color: 'icon/primary',\n  },\n};\nconst itemActiveDanger: SystemStyleObject = {\n  background: 'button/danger-secondary/bg-active',\n  color: 'button/danger-secondary/fg-active',\n  _icon: {\n    color: 'button/danger-secondary/fg-active',\n  },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n  className: 'menu',\n  slots: [...menuAnatomy.keys(), 'itemHelper'],\n  variants: {\n    size: {\n      lg: {\n        item: {\n          paddingY: '12',\n          textStyle: 'body/lg/regular',\n        },\n      },\n      md: {\n        item: {\n          _icon: {\n            marginTop: '2',\n          },\n          paddingY: '8',\n          textStyle: 'body/md/regular',\n        },\n      },\n    },\n  },\n  base: {\n    content: {\n      // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n      // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n      // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n      zIndex: 'popover',\n      borderRadius: '4',\n      paddingY: '8',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      _focusVisible: { outline: 'none' },\n      boxShadow: 'elevation/lg',\n      background: 'background/primary',\n      maxHeight: 'var(--available-height)',\n      _open: {\n        animationStyle: 'slide-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'slide-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    itemHelper: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n    item: {\n      _icon: {\n        color: 'icon/secondary',\n        _active: {\n          color: 'icon/primary',\n        },\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      userSelect: 'none',\n      flexDirection: 'row',\n      paddingLeft: '16',\n      paddingRight: '24',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      '&[data-danger]': {\n        color: 'button/danger-secondary/fg',\n        _icon: {\n          color: 'button/danger-secondary/fg',\n        },\n        _active: itemActiveDanger,\n        _highlighted: {\n          background: 'button/danger-secondary/bg-hover',\n          color: 'button/danger-secondary/fg-hover',\n          _active: itemActiveDanger,\n          _icon: {\n            color: 'button/danger-secondary/fg-hover',\n          },\n        },\n      },\n      _active: itemActive,\n      _highlighted: {\n        background: 'button/secondary/bg-hover',\n        _active: itemActive,\n      },\n    },\n    itemGroupLabel: {\n      textStyle: 'heading/h6',\n      color: 'text/tertiary',\n      paddingTop: '12',\n      paddingLeft: '16',\n      paddingRight: '24',\n      paddingBottom: '6',\n      display: 'flex',\n      gap: '12',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    separator: {\n      color: 'border/minimal',\n      marginY: '8',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,UAAU;GACV,WAAW;EACb,EACF;EACA,IAAI,EACF,MAAM;GACJ,OAAO,EACL,WAAW,IACb;GACA,UAAU;GACV,WAAW;EACb,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,WAAW,EACT,QAAQ,cACV;GACA,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;EACF;EACA,gBAAgB;GACd,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  _icon: {\n    color: 'icon/primary',\n  },\n};\nconst itemActiveDanger: SystemStyleObject = {\n  background: 'button/danger-secondary/bg-active',\n  color: 'button/danger-secondary/fg-active',\n  _icon: {\n    color: 'button/danger-secondary/fg-active',\n  },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n  className: 'menu',\n  slots: [...menuAnatomy.keys(), 'itemHelper'],\n  variants: {\n    size: {\n      lg: {\n        item: {\n          alignItems: 'center',\n          paddingY: '12',\n          textStyle: 'body/lg/regular',\n          // With a helper line the item aligns to the top of the label and gets tighter padding.\n          '&[data-helper]': {\n            alignItems: 'flex-start',\n            paddingY: '8',\n          },\n        },\n      },\n      md: {\n        item: {\n          alignItems: 'center',\n          // The label line (20px) alone is shorter than the designed 40px row.\n          minHeight: '40',\n          paddingY: '8',\n          textStyle: 'body/md/regular',\n          '&[data-helper]': {\n            _icon: {\n              // Optically center the 16px icon against the 20px label line.\n              marginTop: '2',\n            },\n            alignItems: 'flex-start',\n            paddingY: '6',\n          },\n        },\n      },\n    },\n  },\n  base: {\n    content: {\n      // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n      // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n      // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n      zIndex: 'popover',\n      borderRadius: '4',\n      paddingY: '8',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      _focusVisible: { outline: 'none' },\n      boxShadow: 'elevation/lg',\n      background: 'background/primary',\n      maxHeight: 'var(--available-height)',\n      _open: {\n        animationStyle: 'slide-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'slide-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    itemHelper: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n    item: {\n      _icon: {\n        color: 'icon/secondary',\n        _active: {\n          color: 'icon/primary',\n        },\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      userSelect: 'none',\n      flexDirection: 'row',\n      paddingLeft: '16',\n      paddingRight: '24',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      '&[data-danger]': {\n        color: 'button/danger-secondary/fg',\n        _icon: {\n          color: 'button/danger-secondary/fg',\n        },\n        _active: itemActiveDanger,\n        _highlighted: {\n          background: 'button/danger-secondary/bg-hover',\n          color: 'button/danger-secondary/fg-hover',\n          _active: itemActiveDanger,\n          _icon: {\n            color: 'button/danger-secondary/fg-hover',\n          },\n        },\n      },\n      _active: itemActive,\n      _highlighted: {\n        background: 'button/secondary/bg-hover',\n        _active: itemActive,\n      },\n      // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n      // state — including the destructive one, which overrides `_icon` above.\n      '& [data-suffix-icon]': {\n        color: 'icon/tertiary',\n      },\n    },\n    itemGroupLabel: {\n      textStyle: 'heading/h6',\n      color: 'text/tertiary',\n      paddingTop: '12',\n      paddingLeft: '16',\n      paddingRight: '16',\n      paddingBottom: '6',\n      display: 'flex',\n      gap: '8',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    separator: {\n      color: 'border/minimal',\n      marginY: '8',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,WAAW,EACT,QAAQ,cACV;GACA,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,gBAAgB;GACd,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

package/dist/theme/slot-recipes/index.d.ts

@@ -1111,17 +1111,28 @@ declare const slotRecipes: {
         size: {
             lg: {
                 item: {
+                    alignItems: "center";
                     paddingY: "12";
                     textStyle: "body/lg/regular";
+                    '&[data-helper]': {
+                        alignItems: "flex-start";
+                        paddingY: "8";
+                    };
                 };
             };
             md: {
                 item: {
-                    _icon: {
-                        marginTop: "2";
-                    };
+                    alignItems: "center";
+                    minHeight: "40";
                     paddingY: "8";
                     textStyle: "body/md/regular";
+                    '&[data-helper]': {
+                        _icon: {
+                            marginTop: "2";
+                        };
+                        alignItems: "flex-start";
+                        paddingY: "6";
+                    };
                 };
             };
         };

package/package.json

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