@bitrise/bitkit-v2 0.3.208 → 0.3.210

package/dist/components/BitkitActionMenu/BitkitActionMenu.js

@@ -3,8 +3,8 @@ import { Text } from "@chakra-ui/react/text";
 import { createContext, forwardRef, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
-import { Separator } from "@chakra-ui/react/separator";
 import { Menu, useMenuStyles } from "@chakra-ui/react/menu";
+import { Separator } from "@chakra-ui/react/separator";
 //#region lib/components/BitkitActionMenu/BitkitActionMenu.tsx
 var BitkitMenuContext = createContext("lg");
 var Root = ({ trigger, children, ...props }) => {

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.js

@@ -0,0 +1,88 @@
+import IconChevronRight from "../../icons/IconChevronRight.js";
+import IconMoreHorizontal from "../../icons/IconMoreHorizontal.js";
+import BitkitControlButton from "../BitkitControlButton/BitkitControlButton.js";
+import BreadcrumbCurrentItem from "./components/BreadcrumbCurrentItem.js";
+import BreadcrumbItem from "./components/BreadcrumbItem.js";
+import OverflowMenuTrigger from "./components/OverflowMenuTrigger.js";
+import OverflowMenu from "./components/OverflowMenu.js";
+import OverflowMenuItem from "./components/OverflowMenuItem.js";
+import { Children, Fragment, forwardRef, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Breadcrumb } from "@chakra-ui/react/breadcrumb";
+import { useBreakpointValue } from "@chakra-ui/react/hooks";
+import { Show } from "@chakra-ui/react/show";
+//#region lib/components/BitkitBreadcrumb/BitkitBreadcrumb.tsx
+var flattenItemProps = (elements) => {
+	const props = [];
+	for (const child of elements) if (child.type === BreadcrumbItem) {
+		const { href, children } = child.props;
+		props.push({
+			href,
+			children
+		});
+	} else if (child.type === OverflowMenu) {
+		const { children: menuChildren } = child.props;
+		const menuChildArray = Children.toArray(menuChildren).filter(isValidElement);
+		for (const menuChild of menuChildArray) if (menuChild.type === OverflowMenuItem) {
+			const { href, children } = menuChild.props;
+			props.push({
+				href,
+				children
+			});
+		}
+	}
+	return props;
+};
+var BitkitBreadcrumbRoot = forwardRef(({ children }, ref) => {
+	const isMobile = useBreakpointValue({
+		base: true,
+		tablet: false
+	}, { fallback: "tablet" });
+	const childArray = Children.toArray(children).filter(isValidElement);
+	if (childArray.length === 0) return null;
+	if (isMobile) {
+		const links = flattenItemProps(childArray);
+		if (links.length === 0) return null;
+		const lastLink = links[links.length - 1];
+		const overflowLinks = links.slice(0, -1).reverse();
+		return /* @__PURE__ */ jsx(Breadcrumb.Root, {
+			ref,
+			children: /* @__PURE__ */ jsxs(Breadcrumb.List, { children: [
+				/* @__PURE__ */ jsxs(Show, {
+					when: overflowLinks.length > 0,
+					children: [/* @__PURE__ */ jsxs(OverflowMenu, { children: [/* @__PURE__ */ jsx(OverflowMenuTrigger, { children: /* @__PURE__ */ jsx(BitkitControlButton, {
+						icon: IconMoreHorizontal,
+						label: "Open breadcrumbs",
+						size: "xs"
+					}) }), overflowLinks.map((link) => /* @__PURE__ */ jsx(OverflowMenuItem, {
+						href: link.href,
+						children: link.children
+					}, link.href))] }), /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: /* @__PURE__ */ jsx(IconChevronRight, {}) })]
+				}),
+				/* @__PURE__ */ jsx(BreadcrumbItem, {
+					href: lastLink.href,
+					children: lastLink.children
+				}),
+				/* @__PURE__ */ jsx(Breadcrumb.Separator, { children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
+			] })
+		});
+	}
+	return /* @__PURE__ */ jsx(Breadcrumb.Root, {
+		ref,
+		children: /* @__PURE__ */ jsx(Breadcrumb.List, { children: childArray.map((child, index) => /* @__PURE__ */ jsxs(Fragment, { children: [child, /* @__PURE__ */ jsx(Show, {
+			when: index < childArray.length - 1,
+			children: /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
+		})] }, child.key)) })
+	});
+});
+BitkitBreadcrumbRoot.displayName = "BitkitBreadcrumb";
+var BitkitBreadcrumb = Object.assign(BitkitBreadcrumbRoot, {
+	CurrentItem: BreadcrumbCurrentItem,
+	Item: BreadcrumbItem,
+	OverflowMenu,
+	OverflowMenuItem
+});
+//#endregion
+export { BitkitBreadcrumb as default };
+
+//# sourceMappingURL=BitkitBreadcrumb.js.map

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitBreadcrumb.js","names":[],"sources":["../../../lib/components/BitkitBreadcrumb/BitkitBreadcrumb.tsx"],"sourcesContent":["import { Breadcrumb } from '@chakra-ui/react/breadcrumb';\nimport { useBreakpointValue } from '@chakra-ui/react/hooks';\nimport { Show } from '@chakra-ui/react/show';\nimport { Children, forwardRef, Fragment, isValidElement, type ReactElement } from 'react';\n\nimport { IconChevronRight, IconMoreHorizontal } from '../../icons';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton.tsx';\nimport BreadcrumbCurrentItem, { type CurrentItemProps } from './components/BreadcrumbCurrentItem.tsx';\nimport BreadcrumbItem from './components/BreadcrumbItem.tsx';\nimport OverflowMenu, { type OverflowMenuProps } from './components/OverflowMenu.tsx';\nimport OverflowMenuItem from './components/OverflowMenuItem.tsx';\nimport OverflowMenuTrigger from './components/OverflowMenuTrigger.tsx';\nimport { type ItemProps } from './types.ts';\n\ntype BitkitBreadcrumbChild = ReactElement<ItemProps> | ReactElement<CurrentItemProps> | ReactElement<OverflowMenuProps>;\n\nexport type BitkitBreadcrumbProps = {\n  children: BitkitBreadcrumbChild | BitkitBreadcrumbChild[];\n};\n\nconst flattenItemProps = (elements: ReactElement[]): ItemProps[] => {\n  const props: ItemProps[] = [];\n\n  for (const child of elements) {\n    if (child.type === BreadcrumbItem) {\n      const { href, children } = child.props as ItemProps;\n      props.push({ href, children });\n    } else if (child.type === OverflowMenu) {\n      const { children: menuChildren } = child.props as OverflowMenuProps;\n      const menuChildArray = Children.toArray(menuChildren).filter(isValidElement);\n      for (const menuChild of menuChildArray) {\n        if (menuChild.type === OverflowMenuItem) {\n          const { href, children } = menuChild.props as ItemProps;\n          props.push({ href, children });\n        }\n      }\n    }\n  }\n\n  return props;\n};\n\nconst BitkitBreadcrumbRoot = forwardRef<HTMLElement, BitkitBreadcrumbProps>(({ children }, ref) => {\n  const isMobile = useBreakpointValue({ base: true, tablet: false }, { fallback: 'tablet' });\n  const childArray = Children.toArray(children).filter(isValidElement);\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  if (isMobile) {\n    const links = flattenItemProps(childArray);\n    if (links.length === 0) {\n      return null;\n    }\n\n    const lastLink = links[links.length - 1];\n    const overflowLinks = links.slice(0, -1).reverse();\n\n    return (\n      <Breadcrumb.Root ref={ref}>\n        <Breadcrumb.List>\n          <Show when={overflowLinks.length > 0}>\n            <OverflowMenu>\n              <OverflowMenuTrigger>\n                <BitkitControlButton icon={IconMoreHorizontal} label=\"Open breadcrumbs\" size=\"xs\" />\n              </OverflowMenuTrigger>\n              {overflowLinks.map((link) => (\n                <OverflowMenuItem key={link.href} href={link.href}>\n                  {link.children}\n                </OverflowMenuItem>\n              ))}\n            </OverflowMenu>\n            <Breadcrumb.Separator>\n              <IconChevronRight />\n            </Breadcrumb.Separator>\n          </Show>\n          <BreadcrumbItem href={lastLink.href}>{lastLink.children}</BreadcrumbItem>\n          <Breadcrumb.Separator>\n            <IconChevronRight />\n          </Breadcrumb.Separator>\n        </Breadcrumb.List>\n      </Breadcrumb.Root>\n    );\n  }\n\n  return (\n    <Breadcrumb.Root ref={ref}>\n      <Breadcrumb.List>\n        {childArray.map((child, index) => (\n          <Fragment key={child.key}>\n            {child}\n            <Show when={index < childArray.length - 1}>\n              <Breadcrumb.Separator>\n                <IconChevronRight />\n              </Breadcrumb.Separator>\n            </Show>\n          </Fragment>\n        ))}\n      </Breadcrumb.List>\n    </Breadcrumb.Root>\n  );\n});\n\nBitkitBreadcrumbRoot.displayName = 'BitkitBreadcrumb';\n\nconst BitkitBreadcrumb = Object.assign(BitkitBreadcrumbRoot, {\n  CurrentItem: BreadcrumbCurrentItem,\n  Item: BreadcrumbItem,\n  OverflowMenu,\n  OverflowMenuItem,\n});\n\nexport default BitkitBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAM,oBAAoB,aAA0C;CAClE,MAAM,QAAqB,EAAE;AAE7B,MAAK,MAAM,SAAS,SAClB,KAAI,MAAM,SAAS,gBAAgB;EACjC,MAAM,EAAE,MAAM,aAAa,MAAM;AACjC,QAAM,KAAK;GAAE;GAAM;GAAU,CAAC;YACrB,MAAM,SAAS,cAAc;EACtC,MAAM,EAAE,UAAU,iBAAiB,MAAM;EACzC,MAAM,iBAAiB,SAAS,QAAQ,aAAa,CAAC,OAAO,eAAe;AAC5E,OAAK,MAAM,aAAa,eACtB,KAAI,UAAU,SAAS,kBAAkB;GACvC,MAAM,EAAE,MAAM,aAAa,UAAU;AACrC,SAAM,KAAK;IAAE;IAAM;IAAU,CAAC;;;AAMtC,QAAO;;AAGT,IAAM,uBAAuB,YAAgD,EAAE,YAAY,QAAQ;CACjG,MAAM,WAAW,mBAAmB;EAAE,MAAM;EAAM,QAAQ;EAAO,EAAE,EAAE,UAAU,UAAU,CAAC;CAC1F,MAAM,aAAa,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;AAEpE,KAAI,WAAW,WAAW,EACxB,QAAO;AAGT,KAAI,UAAU;EACZ,MAAM,QAAQ,iBAAiB,WAAW;AAC1C,MAAI,MAAM,WAAW,EACnB,QAAO;EAGT,MAAM,WAAW,MAAM,MAAM,SAAS;EACtC,MAAM,gBAAgB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS;AAElD,SACE,oBAAC,WAAW,MAAZ;GAAsB;aACpB,qBAAC,WAAW,MAAZ,EAAA,UAAA;IACE,qBAAC,MAAD;KAAM,MAAM,cAAc,SAAS;eAAnC,CACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAA,UACE,oBAAC,qBAAD;MAAqB,MAAM;MAAoB,OAAM;MAAmB,MAAK;MAAO,CAAA,EAChE,CAAA,EACrB,cAAc,KAAK,SAClB,oBAAC,kBAAD;MAAkC,MAAM,KAAK;gBAC1C,KAAK;MACW,EAFI,KAAK,KAET,CACnB,CACW,EAAA,CAAA,EACf,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,EAAoB,CAAA,EACC,CAAA,CAClB;;IACP,oBAAC,gBAAD;KAAgB,MAAM,SAAS;eAAO,SAAS;KAA0B,CAAA;IACzE,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,EAAoB,CAAA,EACC,CAAA;IACP,EAAA,CAAA;GACF,CAAA;;AAItB,QACE,oBAAC,WAAW,MAAZ;EAAsB;YACpB,oBAAC,WAAW,MAAZ,EAAA,UACG,WAAW,KAAK,OAAO,UACtB,qBAAC,UAAD,EAAA,UAAA,CACG,OACD,oBAAC,MAAD;GAAM,MAAM,QAAQ,WAAW,SAAS;aACtC,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,EAAoB,CAAA,EACC,CAAA;GAClB,CAAA,CACE,EAAA,EAPI,MAAM,IAOV,CACX,EACc,CAAA;EACF,CAAA;EAEpB;AAEF,qBAAqB,cAAc;AAEnC,IAAM,mBAAmB,OAAO,OAAO,sBAAsB;CAC3D,aAAa;CACb,MAAM;CACN;CACA;CACD,CAAC"}

package/dist/components/BitkitBreadcrumb/components/BreadcrumbCurrentItem.js

@@ -0,0 +1,15 @@
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumb } from "@chakra-ui/react/breadcrumb";
+//#region lib/components/BitkitBreadcrumb/components/BreadcrumbCurrentItem.tsx
+var BreadcrumbCurrentItem = forwardRef(({ children }, ref) => {
+	return /* @__PURE__ */ jsx(Breadcrumb.Item, { children: /* @__PURE__ */ jsx(Breadcrumb.CurrentLink, {
+		ref,
+		children
+	}) });
+});
+BreadcrumbCurrentItem.displayName = "BitkitBreadcrumb.CurrentItem";
+//#endregion
+export { BreadcrumbCurrentItem as default };
+
+//# sourceMappingURL=BreadcrumbCurrentItem.js.map

package/dist/components/BitkitBreadcrumb/components/BreadcrumbCurrentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbCurrentItem.js","names":[],"sources":["../../../../lib/components/BitkitBreadcrumb/components/BreadcrumbCurrentItem.tsx"],"sourcesContent":["import { Breadcrumb } from '@chakra-ui/react/breadcrumb';\nimport { forwardRef, type ReactNode } from 'react';\n\nexport type CurrentItemProps = {\n  children: ReactNode;\n};\n\nconst BreadcrumbCurrentItem = forwardRef<HTMLElement, CurrentItemProps>(({ children }, ref) => {\n  return (\n    <Breadcrumb.Item>\n      <Breadcrumb.CurrentLink ref={ref}>{children}</Breadcrumb.CurrentLink>\n    </Breadcrumb.Item>\n  );\n});\n\nBreadcrumbCurrentItem.displayName = 'BitkitBreadcrumb.CurrentItem';\n\nexport default BreadcrumbCurrentItem;\n"],"mappings":";;;;AAOA,IAAM,wBAAwB,YAA2C,EAAE,YAAY,QAAQ;AAC7F,QACE,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,aAAZ;EAA6B;EAAM;EAAkC,CAAA,EACrD,CAAA;EAEpB;AAEF,sBAAsB,cAAc"}

package/dist/components/BitkitBreadcrumb/components/BreadcrumbItem.js

@@ -0,0 +1,16 @@
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumb } from "@chakra-ui/react/breadcrumb";
+//#region lib/components/BitkitBreadcrumb/components/BreadcrumbItem.tsx
+var BreadcrumbItem = forwardRef(({ href, children }, ref) => {
+	return /* @__PURE__ */ jsx(Breadcrumb.Item, { children: /* @__PURE__ */ jsx(Breadcrumb.Link, {
+		ref,
+		href,
+		children
+	}) });
+});
+BreadcrumbItem.displayName = "BitkitBreadcrumb.Item";
+//#endregion
+export { BreadcrumbItem as default };
+
+//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/components/BitkitBreadcrumb/components/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../../../lib/components/BitkitBreadcrumb/components/BreadcrumbItem.tsx"],"sourcesContent":["import { Breadcrumb } from '@chakra-ui/react/breadcrumb';\nimport { forwardRef } from 'react';\n\nimport { type ItemProps } from '../types.ts';\n\nconst BreadcrumbItem = forwardRef<HTMLAnchorElement, ItemProps>(({ href, children }, ref) => {\n  return (\n    <Breadcrumb.Item>\n      <Breadcrumb.Link ref={ref} href={href}>\n        {children}\n      </Breadcrumb.Link>\n    </Breadcrumb.Item>\n  );\n});\n\nBreadcrumbItem.displayName = 'BitkitBreadcrumb.Item';\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;AAKA,IAAM,iBAAiB,YAA0C,EAAE,MAAM,YAAY,QAAQ;AAC3F,QACE,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,MAAZ;EAAsB;EAAW;EAC9B;EACe,CAAA,EACF,CAAA;EAEpB;AAEF,eAAe,cAAc"}

package/dist/components/BitkitBreadcrumb/components/OverflowMenu.js

@@ -0,0 +1,21 @@
+import OverflowMenuTrigger from "./OverflowMenuTrigger.js";
+import { Children, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { Menu } from "@chakra-ui/react/menu";
+//#region lib/components/BitkitBreadcrumb/components/OverflowMenu.tsx
+var OverflowMenu = ({ children }) => {
+	const childArray = Children.toArray(children).filter(isValidElement);
+	const trigger = childArray.find((child) => child.type === OverflowMenuTrigger);
+	const items = childArray.filter((child) => child.type !== OverflowMenuTrigger);
+	return /* @__PURE__ */ jsxs(Menu.Root, {
+		size: "md",
+		positioning: { offset: { crossAxis: -16 } },
+		children: [trigger ?? /* @__PURE__ */ jsx(OverflowMenuTrigger, {}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: items }) }) })]
+	});
+};
+OverflowMenu.displayName = "BitkitBreadcrumb.OverflowMenu";
+//#endregion
+export { OverflowMenu as default };
+
+//# sourceMappingURL=OverflowMenu.js.map

package/dist/components/BitkitBreadcrumb/components/OverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.js","names":[],"sources":["../../../../lib/components/BitkitBreadcrumb/components/OverflowMenu.tsx"],"sourcesContent":["import { Menu } from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Children, isValidElement, type ReactNode } from 'react';\n\nimport OverflowMenuTrigger from './OverflowMenuTrigger.tsx';\n\nexport type OverflowMenuProps = {\n  children: ReactNode;\n};\n\nconst OverflowMenu = ({ children }: OverflowMenuProps) => {\n  const childArray = Children.toArray(children).filter(isValidElement);\n  const trigger = childArray.find((child) => child.type === OverflowMenuTrigger);\n  const items = childArray.filter((child) => child.type !== OverflowMenuTrigger);\n\n  return (\n    <Menu.Root size=\"md\" positioning={{ offset: { crossAxis: -16 } }}>\n      {trigger ?? <OverflowMenuTrigger />}\n      <Portal>\n        <Menu.Positioner>\n          <Menu.Content>{items}</Menu.Content>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\n\nOverflowMenu.displayName = 'BitkitBreadcrumb.OverflowMenu';\n\nexport default OverflowMenu;\n"],"mappings":";;;;;;AAUA,IAAM,gBAAgB,EAAE,eAAkC;CACxD,MAAM,aAAa,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;CACpE,MAAM,UAAU,WAAW,MAAM,UAAU,MAAM,SAAS,oBAAoB;CAC9E,MAAM,QAAQ,WAAW,QAAQ,UAAU,MAAM,SAAS,oBAAoB;AAE9E,QACE,qBAAC,KAAK,MAAN;EAAW,MAAK;EAAK,aAAa,EAAE,QAAQ,EAAE,WAAW,KAAK,EAAE;YAAhE,CACG,WAAW,oBAAC,qBAAD,EAAuB,CAAA,EACnC,oBAAC,QAAD,EAAA,UACE,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,KAAK,SAAN,EAAA,UAAe,OAAqB,CAAA,EACpB,CAAA,EACX,CAAA,CACC;;;AAIhB,aAAa,cAAc"}

package/dist/components/BitkitBreadcrumb/components/OverflowMenuItem.js

@@ -0,0 +1,21 @@
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@chakra-ui/react/menu";
+//#region lib/components/BitkitBreadcrumb/components/OverflowMenuItem.tsx
+var OverflowMenuItem = forwardRef(({ href, children }, ref) => {
+	const id = useId();
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		value: id,
+		asChild: true,
+		children: /* @__PURE__ */ jsx("a", {
+			ref,
+			href,
+			children
+		})
+	});
+});
+OverflowMenuItem.displayName = "BitkitBreadcrumb.OverflowMenuItem";
+//#endregion
+export { OverflowMenuItem as default };
+
+//# sourceMappingURL=OverflowMenuItem.js.map

package/dist/components/BitkitBreadcrumb/components/OverflowMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuItem.js","names":[],"sources":["../../../../lib/components/BitkitBreadcrumb/components/OverflowMenuItem.tsx"],"sourcesContent":["import { Menu } from '@chakra-ui/react/menu';\nimport { forwardRef, useId } from 'react';\n\nimport { type ItemProps } from '../types.ts';\n\nconst OverflowMenuItem = forwardRef<HTMLAnchorElement, ItemProps>(({ href, children }, ref) => {\n  const id = useId();\n\n  return (\n    <Menu.Item value={id} asChild>\n      <a ref={ref} href={href}>\n        {children}\n      </a>\n    </Menu.Item>\n  );\n});\n\nOverflowMenuItem.displayName = 'BitkitBreadcrumb.OverflowMenuItem';\n\nexport default OverflowMenuItem;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,YAA0C,EAAE,MAAM,YAAY,QAAQ;CAC7F,MAAM,KAAK,OAAO;AAElB,QACE,oBAAC,KAAK,MAAN;EAAW,OAAO;EAAI,SAAA;YACpB,oBAAC,KAAD;GAAQ;GAAW;GAChB;GACC,CAAA;EACM,CAAA;EAEd;AAEF,iBAAiB,cAAc"}

package/dist/components/BitkitBreadcrumb/components/OverflowMenuTrigger.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@chakra-ui/react/menu";
+import { Breadcrumb } from "@chakra-ui/react/breadcrumb";
+//#region lib/components/BitkitBreadcrumb/components/OverflowMenuTrigger.tsx
+var DEFAULT_TRIGGER = /* @__PURE__ */ jsx(Breadcrumb.Ellipsis, {
+	as: "span",
+	tabIndex: 0,
+	children: ". . ."
+});
+var OverflowMenuTrigger = ({ children = DEFAULT_TRIGGER }) => {
+	return /* @__PURE__ */ jsx(Breadcrumb.Item, { children: /* @__PURE__ */ jsx(Menu.Trigger, {
+		asChild: true,
+		children
+	}) });
+};
+OverflowMenuTrigger.displayName = "BitkitBreadcrumb.OverflowMenuTrigger";
+//#endregion
+export { OverflowMenuTrigger as default };
+
+//# sourceMappingURL=OverflowMenuTrigger.js.map

package/dist/components/BitkitBreadcrumb/components/OverflowMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuTrigger.js","names":[],"sources":["../../../../lib/components/BitkitBreadcrumb/components/OverflowMenuTrigger.tsx"],"sourcesContent":["import { Breadcrumb } from '@chakra-ui/react/breadcrumb';\nimport { Menu } from '@chakra-ui/react/menu';\nimport { type ReactNode } from 'react';\n\ntype OverflowMenuTriggerProps = {\n  children?: ReactNode;\n};\n\nconst DEFAULT_TRIGGER = (\n  <Breadcrumb.Ellipsis as=\"span\" tabIndex={0}>\n    . . .\n  </Breadcrumb.Ellipsis>\n);\n\nconst OverflowMenuTrigger = ({ children = DEFAULT_TRIGGER }: OverflowMenuTriggerProps) => {\n  return (\n    <Breadcrumb.Item>\n      <Menu.Trigger asChild>{children}</Menu.Trigger>\n    </Breadcrumb.Item>\n  );\n};\n\nOverflowMenuTrigger.displayName = 'BitkitBreadcrumb.OverflowMenuTrigger';\n\nexport default OverflowMenuTrigger;\n"],"mappings":";;;;AAQA,IAAM,kBACJ,oBAAC,WAAW,UAAZ;CAAqB,IAAG;CAAO,UAAU;WAAG;CAEtB,CAAA;AAGxB,IAAM,uBAAuB,EAAE,WAAW,sBAAgD;AACxF,QACE,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,KAAK,SAAN;EAAc,SAAA;EAAS;EAAwB,CAAA,EAC/B,CAAA;;AAItB,oBAAoB,cAAc"}

package/dist/components/BitkitButton/BitkitButton.js

@@ -1,7 +1,7 @@
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@chakra-ui/react/button";
 import { Skeleton } from "@chakra-ui/react/skeleton";
+import { Button } from "@chakra-ui/react/button";
 //#region lib/components/BitkitButton/BitkitButton.tsx
 var BitkitButton = forwardRef((props, ref) => {
 	const { children, icon: Icon, size, state, suffixIcon: SuffixIcon, ...rest } = props;

package/dist/components/BitkitCombobox/BitkitCombobox.js

@@ -7,8 +7,8 @@ import BitkitField from "../BitkitField/BitkitField.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
-import { Combobox } from "@chakra-ui/react/combobox";
 import { useListCollection } from "@chakra-ui/react/hooks";
+import { Combobox } from "@chakra-ui/react/combobox";
 import { useFilter } from "@chakra-ui/react/locale";
 //#region lib/components/BitkitCombobox/BitkitCombobox.tsx
 var BitkitCombobox = forwardRef((props, ref) => {

package/dist/components/BitkitDialog/BitkitDialogContent.js

@@ -28,7 +28,7 @@ var BitkitDialogContent = ({ children, headerLabel, maxHeight, scrollBehavior: s
 							children: headerLabel
 						}), /* @__PURE__ */ jsx(Dialog.Title, { children: title })]
 					}),
-					/* @__PURE__ */ jsx(Box, {
+					!!stepHeader && /* @__PURE__ */ jsx(Box, {
 						css: styles.stepHeader,
 						children: stepHeader
 					}),

package/dist/components/BitkitDialog/BitkitDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { DialogBodyContext } from './BitkitDialogBody';\nimport { BitkitDialogStepProvider } from './BitkitDialogStepContext';\n\nexport interface BitkitDialogContentProps {\n  children?: ReactNode;\n  headerLabel?: string;\n  maxHeight?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  step?: number;\n  stepHeader?: ReactNode;\n  title: ReactNode;\n  variant?: 'overflowContent';\n}\n\nconst BitkitDialogContent = ({\n  children,\n  headerLabel,\n  maxHeight,\n  scrollBehavior: scrollBehaviorProp = 'outside',\n  showScrollGradient = true,\n  step = 0,\n  stepHeader,\n  title,\n  variant,\n}: BitkitDialogContentProps) => {\n  const scrollBehavior = variant === 'overflowContent' ? 'inside' : scrollBehaviorProp;\n  const styles = useDialogStyles();\n\n  return (\n    <Dialog.Content maxHeight={maxHeight}>\n      <BitkitDialogStepProvider value={{ step }}>\n        <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n          <Dialog.Header>\n            <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n              {headerLabel && <chakra.p css={styles.label}>{headerLabel}</chakra.p>}\n              <Dialog.Title>{title}</Dialog.Title>\n            </Box>\n            <Box css={styles.stepHeader}>{stepHeader}</Box>\n            <Dialog.CloseTrigger asChild>\n              <BitkitCloseButton size={variant === 'overflowContent' ? 'xs' : 'md'} />\n            </Dialog.CloseTrigger>\n          </Dialog.Header>\n          {children}\n        </DialogBodyContext.Provider>\n      </BitkitDialogStepProvider>\n    </Dialog.Content>\n  );\n};\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;;AAqBA,IAAM,uBAAuB,EAC3B,UACA,aACA,WACA,gBAAgB,qBAAqB,WACrC,qBAAqB,MACrB,OAAO,GACP,YACA,OACA,cAC8B;CAC9B,MAAM,iBAAiB,YAAY,oBAAoB,WAAW;CAClE,MAAM,SAAS,iBAAiB;AAEhC,QACE,oBAAC,OAAO,SAAR;EAA2B;YACzB,oBAAC,0BAAD;GAA0B,OAAO,EAAE,MAAM;aACvC,qBAAC,kBAAkB,UAAnB;IAA4B,OAAO;KAAE;KAAgB;KAAoB;cAAzE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA;KACE,qBAAC,KAAD;MAAK,SAAQ;MAAO,eAAc;MAAS,KAAI;gBAA/C,CACG,eAAe,oBAAC,OAAO,GAAR;OAAU,KAAK,OAAO;iBAAQ;OAAuB,CAAA,EACrE,oBAAC,OAAO,OAAR,EAAA,UAAe,OAAqB,CAAA,CAChC;;KACN,oBAAC,KAAD;MAAK,KAAK,OAAO;gBAAa;MAAiB,CAAA;KAC/C,oBAAC,OAAO,cAAR;MAAqB,SAAA;gBACnB,oBAAC,mBAAD,EAAmB,MAAM,YAAY,oBAAoB,OAAO,MAAQ,CAAA;MACpD,CAAA;KACR,EAAA,CAAA,EACf,SAC0B;;GACJ,CAAA;EACZ,CAAA"}
+{"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { DialogBodyContext } from './BitkitDialogBody';\nimport { BitkitDialogStepProvider } from './BitkitDialogStepContext';\n\nexport interface BitkitDialogContentProps {\n  children?: ReactNode;\n  headerLabel?: string;\n  maxHeight?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  step?: number;\n  stepHeader?: ReactNode;\n  title: ReactNode;\n  variant?: 'overflowContent';\n}\n\nconst BitkitDialogContent = ({\n  children,\n  headerLabel,\n  maxHeight,\n  scrollBehavior: scrollBehaviorProp = 'outside',\n  showScrollGradient = true,\n  step = 0,\n  stepHeader,\n  title,\n  variant,\n}: BitkitDialogContentProps) => {\n  const scrollBehavior = variant === 'overflowContent' ? 'inside' : scrollBehaviorProp;\n  const styles = useDialogStyles();\n\n  return (\n    <Dialog.Content maxHeight={maxHeight}>\n      <BitkitDialogStepProvider value={{ step }}>\n        <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n          <Dialog.Header>\n            <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n              {headerLabel && <chakra.p css={styles.label}>{headerLabel}</chakra.p>}\n              <Dialog.Title>{title}</Dialog.Title>\n            </Box>\n            {!!stepHeader && <Box css={styles.stepHeader}>{stepHeader}</Box>}\n            <Dialog.CloseTrigger asChild>\n              <BitkitCloseButton size={variant === 'overflowContent' ? 'xs' : 'md'} />\n            </Dialog.CloseTrigger>\n          </Dialog.Header>\n          {children}\n        </DialogBodyContext.Provider>\n      </BitkitDialogStepProvider>\n    </Dialog.Content>\n  );\n};\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;;AAqBA,IAAM,uBAAuB,EAC3B,UACA,aACA,WACA,gBAAgB,qBAAqB,WACrC,qBAAqB,MACrB,OAAO,GACP,YACA,OACA,cAC8B;CAC9B,MAAM,iBAAiB,YAAY,oBAAoB,WAAW;CAClE,MAAM,SAAS,iBAAiB;AAEhC,QACE,oBAAC,OAAO,SAAR;EAA2B;YACzB,oBAAC,0BAAD;GAA0B,OAAO,EAAE,MAAM;aACvC,qBAAC,kBAAkB,UAAnB;IAA4B,OAAO;KAAE;KAAgB;KAAoB;cAAzE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA;KACE,qBAAC,KAAD;MAAK,SAAQ;MAAO,eAAc;MAAS,KAAI;gBAA/C,CACG,eAAe,oBAAC,OAAO,GAAR;OAAU,KAAK,OAAO;iBAAQ;OAAuB,CAAA,EACrE,oBAAC,OAAO,OAAR,EAAA,UAAe,OAAqB,CAAA,CAChC;;KACL,CAAC,CAAC,cAAc,oBAAC,KAAD;MAAK,KAAK,OAAO;gBAAa;MAAiB,CAAA;KAChE,oBAAC,OAAO,cAAR;MAAqB,SAAA;gBACnB,oBAAC,mBAAD,EAAmB,MAAM,YAAY,oBAAoB,OAAO,MAAQ,CAAA;MACpD,CAAA;KACR,EAAA,CAAA,EACf,SAC0B;;GACJ,CAAA;EACZ,CAAA"}

package/dist/components/BitkitIconButton/BitkitIconButton.js

@@ -1,8 +1,8 @@
 import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { IconButton } from "@chakra-ui/react/button";
 import { Skeleton } from "@chakra-ui/react/skeleton";
+import { IconButton } from "@chakra-ui/react/button";
 //#region lib/components/BitkitIconButton/BitkitIconButton.tsx
 var BitkitIconButton = forwardRef((props, ref) => {
 	const { icon: Icon, label, size, state, tooltipProps, ...rest } = props;

package/dist/components/BitkitPagination/BitkitPagination.js

@@ -6,8 +6,8 @@ import { Box } from "@chakra-ui/react/box";
 import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Skeleton } from "@chakra-ui/react/skeleton";
 import { Separator } from "@chakra-ui/react/separator";
+import { Skeleton } from "@chakra-ui/react/skeleton";
 //#region lib/components/BitkitPagination/BitkitPagination.tsx
 var DEFAULT_LABELS = {
 	items: "{start}–{end} of {total} items",

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

@@ -17,8 +17,8 @@ declare const _default: import('react').ForwardRefExoticComponent<{
     children?: ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Action: import('react').ForwardRefExoticComponent<BitkitSplitButtonActionProps & import('react').RefAttributes<HTMLButtonElement>>;
-    Group: import('react').ForwardRefExoticComponent<import('../BitkitActionMenu/BitkitActionMenu').BitkitMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-    Item: import('react').ForwardRefExoticComponent<import('../BitkitActionMenu/BitkitActionMenu').BitkitMenuItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('react').ForwardRefExoticComponent<import('..').BitkitMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<import('..').BitkitMenuItemProps & import('react').RefAttributes<HTMLDivElement>>;
     Separator: {
         (): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/dist/components/BitkitSplitButton/BitkitSplitButton.js

@@ -1,7 +1,7 @@
 import IconChevronDown from "../../icons/IconChevronDown.js";
+import BitkitActionMenu from "../BitkitActionMenu/BitkitActionMenu.js";
 import BitkitButton from "../BitkitButton/BitkitButton.js";
 import BitkitIconButton from "../BitkitIconButton/BitkitIconButton.js";
-import BitkitActionMenu from "../BitkitActionMenu/BitkitActionMenu.js";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { Children, forwardRef, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/BitkitTable/BitkitExpandableRow.js

@@ -0,0 +1,67 @@
+import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Collapsible } from "@chakra-ui/react/collapsible";
+import { Table } from "@chakra-ui/react/table";
+//#region lib/components/BitkitTable/BitkitExpandableRow.tsx
+var expandCellCss = {
+	paddingBlock: 0,
+	paddingInline: 0,
+	verticalAlign: "middle",
+	width: "48"
+};
+var expandTriggerCss = {
+	alignItems: "center",
+	background: "none",
+	border: "none",
+	cursor: "pointer",
+	display: "flex",
+	justifyContent: "center",
+	padding: "12",
+	paddingInlineEnd: "4",
+	width: "full"
+};
+var expandedContentCss = {
+	paddingBlock: "16",
+	paddingInlineEnd: "16",
+	paddingInlineStart: "64"
+};
+var BitkitExpandableRow = forwardRef(({ children, colSpan, defaultOpen = false, expandedContent }, ref) => /* @__PURE__ */ jsx(Collapsible.Root, {
+	asChild: true,
+	defaultOpen,
+	children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Table.Row, {
+		ref,
+		children: [/* @__PURE__ */ jsx(Table.Cell, {
+			css: expandCellCss,
+			children: /* @__PURE__ */ jsx(Collapsible.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(chakra.button, {
+					"aria-label": "Toggle row details",
+					css: expandTriggerCss,
+					type: "button",
+					children: /* @__PURE__ */ jsx(AssetSelectChevron, { color: "button/secondary/fg/text" })
+				})
+			})
+		}), children]
+	}), /* @__PURE__ */ jsx(Table.Row, {
+		css: { _hover: { background: "none" } },
+		children: /* @__PURE__ */ jsx(Table.Cell, {
+			colSpan,
+			css: {
+				paddingBlock: 0,
+				paddingInline: 0
+			},
+			children: /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx(Box, {
+				css: expandedContentCss,
+				children: expandedContent
+			}) })
+		})
+	})] })
+}));
+BitkitExpandableRow.displayName = "BitkitExpandableRow";
+//#endregion
+export { BitkitExpandableRow as default };
+
+//# sourceMappingURL=BitkitExpandableRow.js.map

package/dist/components/BitkitTable/BitkitExpandableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitExpandableRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitExpandableRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Collapsible } from '@chakra-ui/react/collapsible';\nimport { chakra, type SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport interface BitkitExpandableRowProps {\n  children: ReactNode;\n  colSpan: number;\n  defaultOpen?: boolean;\n  expandedContent: ReactNode;\n}\n\nconst expandCellCss: SystemStyleObject = {\n  paddingBlock: 0,\n  paddingInline: 0,\n  verticalAlign: 'middle',\n  width: '48',\n};\n\nconst expandTriggerCss: SystemStyleObject = {\n  alignItems: 'center',\n  background: 'none',\n  border: 'none',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  padding: '12',\n  paddingInlineEnd: '4',\n  width: 'full',\n};\n\nconst expandedContentCss: SystemStyleObject = {\n  paddingBlock: '16',\n  paddingInlineEnd: '16',\n  paddingInlineStart: '64',\n};\n\nconst BitkitExpandableRow = forwardRef<HTMLTableRowElement, BitkitExpandableRowProps>(\n  ({ children, colSpan, defaultOpen = false, expandedContent }, ref) => (\n    <Collapsible.Root asChild defaultOpen={defaultOpen}>\n      <>\n        <Table.Row ref={ref}>\n          <Table.Cell css={expandCellCss}>\n            <Collapsible.Trigger asChild>\n              <chakra.button aria-label=\"Toggle row details\" css={expandTriggerCss} type=\"button\">\n                <AssetSelectChevron color=\"button/secondary/fg/text\" />\n              </chakra.button>\n            </Collapsible.Trigger>\n          </Table.Cell>\n          {children}\n        </Table.Row>\n        <Table.Row css={{ _hover: { background: 'none' } }}>\n          <Table.Cell colSpan={colSpan} css={{ paddingBlock: 0, paddingInline: 0 }}>\n            <Collapsible.Content>\n              <Box css={expandedContentCss}>{expandedContent}</Box>\n            </Collapsible.Content>\n          </Table.Cell>\n        </Table.Row>\n      </>\n    </Collapsible.Root>\n  ),\n);\n\nBitkitExpandableRow.displayName = 'BitkitExpandableRow';\n\nexport default BitkitExpandableRow;\n"],"mappings":";;;;;;;;AAeA,IAAM,gBAAmC;CACvC,cAAc;CACd,eAAe;CACf,eAAe;CACf,OAAO;CACR;AAED,IAAM,mBAAsC;CAC1C,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,gBAAgB;CAChB,SAAS;CACT,kBAAkB;CAClB,OAAO;CACR;AAED,IAAM,qBAAwC;CAC5C,cAAc;CACd,kBAAkB;CAClB,oBAAoB;CACrB;AAED,IAAM,sBAAsB,YACzB,EAAE,UAAU,SAAS,cAAc,OAAO,mBAAmB,QAC5D,oBAAC,YAAY,MAAb;CAAkB,SAAA;CAAqB;WACrC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAM,KAAP;EAAgB;YAAhB,CACE,oBAAC,MAAM,MAAP;GAAY,KAAK;aACf,oBAAC,YAAY,SAAb;IAAqB,SAAA;cACnB,oBAAC,OAAO,QAAR;KAAe,cAAW;KAAqB,KAAK;KAAkB,MAAK;eACzE,oBAAC,oBAAD,EAAoB,OAAM,4BAA6B,CAAA;KACzC,CAAA;IACI,CAAA;GACX,CAAA,EACZ,SACS;KACZ,oBAAC,MAAM,KAAP;EAAW,KAAK,EAAE,QAAQ,EAAE,YAAY,QAAQ,EAAE;YAChD,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK;IAAE,cAAc;IAAG,eAAe;IAAG;aACtE,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,KAAD;IAAK,KAAK;cAAqB;IAAsB,CAAA,EACjC,CAAA;GACX,CAAA;EACH,CAAA,CACX,EAAA,CAAA;CACc,CAAA,CAEtB;AAED,oBAAoB,cAAc"}

package/dist/components/BitkitTable/BitkitSortableColumnHeader.js

@@ -0,0 +1,81 @@
+import { chakra } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { Icon } from "@chakra-ui/react/icon";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Table } from "@chakra-ui/react/table";
+//#region lib/components/BitkitTable/BitkitSortableColumnHeader.tsx
+var sortHeaderCss = {
+	paddingBlock: 0,
+	paddingInline: 0
+};
+var sortButtonCss = {
+	alignItems: "center",
+	appearance: "none",
+	background: "none",
+	border: "none",
+	color: "inherit",
+	cursor: "pointer",
+	display: "flex",
+	font: "inherit",
+	gap: "4",
+	height: "100%",
+	paddingBlock: "12",
+	paddingInline: "16",
+	userSelect: "none",
+	_focusVisible: { outlineOffset: "-3px" },
+	width: "100%",
+	_hover: { backgroundColor: "background/active" }
+};
+var SortIcon = forwardRef((props, ref) => {
+	const { direction, ...rest } = props;
+	const upFill = direction === "ascending" ? "currentColor" : "var(--sort-icon-inactive)";
+	const downFill = direction === "descending" ? "currentColor" : "var(--sort-icon-inactive)";
+	return /* @__PURE__ */ jsx(Icon, {
+		ref,
+		asChild: true,
+		css: {
+			"--sort-icon-inactive": "colors.icon.disabled",
+			color: "icon/primary",
+			display: "inline-block",
+			verticalAlign: "middle"
+		},
+		...rest,
+		children: /* @__PURE__ */ jsxs("svg", {
+			fill: "none",
+			height: "24",
+			viewBox: "0 0 24 24",
+			width: "24",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ jsx("path", {
+				d: "M11.617 4.461 7.684 9.18c-.271.326-.04.82.384.82h7.865c.424 0 .655-.494.384-.82l-3.933-4.719a.5.5 0 0 0-.767 0Z",
+				fill: upFill
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M12.384 19.539l3.933-4.719c.27-.326.04-.82-.384-.82H8.068c-.424 0-.655.494-.384.82l3.933 4.719a.5.5 0 0 0 .767 0Z",
+				fill: downFill
+			})]
+		})
+	});
+});
+SortIcon.displayName = "SortIcon";
+var BitkitSortableColumnHeader = forwardRef(({ children, direction, onSort, textAlign, ...rest }, ref) => /* @__PURE__ */ jsx(Table.ColumnHeader, {
+	ref,
+	"aria-sort": direction === "none" ? void 0 : direction,
+	css: sortHeaderCss,
+	...rest,
+	children: /* @__PURE__ */ jsxs(chakra.button, {
+		css: sortButtonCss,
+		justifyContent: textAlign === "end" ? "flex-end" : void 0,
+		onClick: onSort,
+		type: "button",
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(SortIcon, { direction })
+		]
+	})
+}));
+BitkitSortableColumnHeader.displayName = "BitkitSortableColumnHeader";
+//#endregion
+export { BitkitSortableColumnHeader as default };
+
+//# sourceMappingURL=BitkitSortableColumnHeader.js.map

package/dist/components/BitkitTable/BitkitSortableColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSortableColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitSortableColumnHeader.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type Ref } from 'react';\n\ntype SortDirection = 'ascending' | 'descending' | 'none';\n\nexport interface BitkitSortableColumnHeaderProps extends Omit<Table.ColumnHeaderProps, 'aria-sort' | 'onClick'> {\n  direction: SortDirection;\n  onSort: () => void;\n}\n\nconst sortHeaderCss = {\n  paddingBlock: 0,\n  paddingInline: 0,\n};\n\nconst sortButtonCss = {\n  alignItems: 'center',\n  appearance: 'none' as const,\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  font: 'inherit',\n  gap: '4',\n  height: '100%',\n  paddingBlock: '12',\n  paddingInline: '16',\n  userSelect: 'none' as const,\n  _focusVisible: {\n    outlineOffset: '-3px',\n  },\n  width: '100%',\n  _hover: { backgroundColor: 'background/active' },\n};\n\nconst SortIcon = forwardRef((props: IconProps & { direction: SortDirection }, ref: Ref<SVGSVGElement>) => {\n  const { direction, ...rest } = props;\n  const upFill = direction === 'ascending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n  const downFill = direction === 'descending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n\n  return (\n    <Icon\n      ref={ref}\n      asChild\n      css={{\n        '--sort-icon-inactive': 'colors.icon.disabled',\n        color: 'icon/primary',\n        display: 'inline-block',\n        verticalAlign: 'middle',\n      }}\n      {...rest}\n    >\n      <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M11.617 4.461 7.684 9.18c-.271.326-.04.82.384.82h7.865c.424 0 .655-.494.384-.82l-3.933-4.719a.5.5 0 0 0-.767 0Z\"\n          fill={upFill}\n        />\n        <path\n          d=\"M12.384 19.539l3.933-4.719c.27-.326.04-.82-.384-.82H8.068c-.424 0-.655.494-.384.82l3.933 4.719a.5.5 0 0 0 .767 0Z\"\n          fill={downFill}\n        />\n      </svg>\n    </Icon>\n  );\n});\n\nSortIcon.displayName = 'SortIcon';\n\nconst BitkitSortableColumnHeader = forwardRef<HTMLTableCellElement, BitkitSortableColumnHeaderProps>(\n  ({ children, direction, onSort, textAlign, ...rest }, ref) => (\n    <Table.ColumnHeader\n      ref={ref}\n      aria-sort={direction === 'none' ? undefined : direction}\n      css={sortHeaderCss}\n      {...rest}\n    >\n      <chakra.button\n        css={sortButtonCss}\n        justifyContent={textAlign === 'end' ? 'flex-end' : undefined}\n        onClick={onSort}\n        type=\"button\"\n      >\n        {children} <SortIcon direction={direction} />\n      </chakra.button>\n    </Table.ColumnHeader>\n  ),\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitSortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,gBAAgB;CACpB,cAAc;CACd,eAAe;CAChB;AAED,IAAM,gBAAgB;CACpB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,QAAQ;CACR,cAAc;CACd,eAAe;CACf,YAAY;CACZ,eAAe,EACb,eAAe,QAChB;CACD,OAAO;CACP,QAAQ,EAAE,iBAAiB,qBAAqB;CACjD;AAED,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;AAE/D,QACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;GAChB;EACD,GAAI;YAEJ,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;aAAlE,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;IACN,CAAA,EACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;IACN,CAAA,CACE;;EACD,CAAA;EAET;AAEF,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QACpD,oBAAC,MAAM,cAAP;CACO;CACL,aAAW,cAAc,SAAS,KAAA,IAAY;CAC9C,KAAK;CACL,GAAI;WAEJ,qBAAC,OAAO,QAAR;EACE,KAAK;EACL,gBAAgB,cAAc,QAAQ,aAAa,KAAA;EACnD,SAAS;EACT,MAAK;YAJP;GAMG;GAAS;GAAC,oBAAC,UAAD,EAAqB,WAAa,CAAA;GAC/B;;CACG,CAAA,CAExB;AAED,2BAA2B,cAAc"}

package/dist/components/index.d.ts

@@ -1,8 +1,10 @@
 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 BitkitAlert, type BitkitAlertProps } from './BitkitAlert/BitkitAlert';
 export { default as BitkitAvatar, type BitkitAvatarProps } from './BitkitAvatar/BitkitAvatar';
 export { default as BitkitBadge, type BitkitBadgeProps } from './BitkitBadge/BitkitBadge';
+export { default as BitkitBreadcrumb, type BitkitBreadcrumbProps } from './BitkitBreadcrumb/BitkitBreadcrumb';
 export { default as BitkitButton, type BitkitButtonProps } from './BitkitButton/BitkitButton';
 export { default as BitkitCalendar, type BitkitCalendarProps } from './BitkitCalendar/BitkitCalendar';
 export { default as BitkitCard } from './BitkitCard/BitkitCard';
@@ -67,6 +69,8 @@ export { default as BitkitStat, type BitkitStatProps, type TrendColor, type Tren
 export { default as BitkitSteps, type BitkitStepsItemProps, type BitkitStepsItemState, type BitkitStepsProps, } from './BitkitSteps/BitkitSteps';
 export { default as BitkitStepsCard, type BitkitStepsCardBodyProps, type BitkitStepsCardFooterProps, type BitkitStepsCardHeaderProps, type BitkitStepsCardProps, type BitkitStepsCardStepProps, } from './BitkitStepsCard/BitkitStepsCard';
 export { default as BitkitSwitch, type BitkitSwitchProps } from './BitkitSwitch';
+export { default as BitkitExpandableRow, type BitkitExpandableRowProps } from './BitkitTable/BitkitExpandableRow';
+export { default as BitkitSortableColumnHeader, type BitkitSortableColumnHeaderProps, } from './BitkitTable/BitkitSortableColumnHeader';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';
 export { default as BitkitTagsInput, type BitkitTagsInputProps } from './BitkitTagsInput/BitkitTagsInput';

package/dist/main.js

@@ -283,10 +283,13 @@ 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 BitkitColorButton from "./components/BitkitColorButton/BitkitColorButton.js";
 import BitkitAlert from "./components/BitkitAlert/BitkitAlert.js";
 import BitkitAvatar from "./components/BitkitAvatar/BitkitAvatar.js";
 import BitkitBadge from "./components/BitkitBadge/BitkitBadge.js";
+import BitkitControlButton from "./components/BitkitControlButton/BitkitControlButton.js";
+import BitkitBreadcrumb from "./components/BitkitBreadcrumb/BitkitBreadcrumb.js";
 import BitkitButton from "./components/BitkitButton/BitkitButton.js";
 import BitkitGroupHeading from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
 import BitkitSelectMenu from "./components/BitkitSelectMenu/BitkitSelectMenu.js";
@@ -300,7 +303,6 @@ import BitkitLabel from "./components/BitkitLabel/BitkitLabel.js";
 import BitkitCollapsible from "./components/BitkitCollapsible/BitkitCollapsible.js";
 import BitkitField from "./components/BitkitField/BitkitField.js";
 import BitkitCombobox from "./components/BitkitCombobox/BitkitCombobox.js";
-import BitkitControlButton from "./components/BitkitControlButton/BitkitControlButton.js";
 import BitkitDataWidget from "./components/BitkitDataWidget/BitkitDataWidget.js";
 import BitkitDefinitionTooltip from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
 import BitkitDialogStep from "./components/BitkitDialog/BitkitDialogStep.js";
@@ -350,6 +352,8 @@ import BitkitStat from "./components/BitkitStat/BitkitStat.js";
 import BitkitSteps_default from "./components/BitkitSteps/BitkitSteps.js";
 import BitkitStepsCard_default from "./components/BitkitStepsCard/BitkitStepsCard.js";
 import BitkitSwitch from "./components/BitkitSwitch/BitkitSwitch.js";
+import BitkitExpandableRow from "./components/BitkitTable/BitkitExpandableRow.js";
+import BitkitSortableColumnHeader from "./components/BitkitTable/BitkitSortableColumnHeader.js";
 import BitkitTabs from "./components/BitkitTabs/BitkitTabs.js";
 import BitkitTagsInput from "./components/BitkitTagsInput/BitkitTagsInput.js";
 import BitkitTextArea from "./components/BitkitTextArea/BitkitTextArea.js";
@@ -359,4 +363,4 @@ import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButt
 import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, 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, 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, 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, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };
+export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, 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, 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, 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, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };

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

@@ -1,4 +1,4 @@
-declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
+declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
     variant: {
         [k: string]: {
             indicator: {

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

@@ -1,4 +1,4 @@
-declare const datePickerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
+declare const datePickerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "valueText" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "months", {
     layout: {
         '1-month': {
             content: {

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

@@ -1,4 +1,4 @@
-declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
+declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
     colorScheme: {
         white: {
             root: {

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

@@ -21,8 +21,10 @@ var expandableCardSlotRecipe = defineSlotRecipe({
 			justifyContent: "space-between",
 			cursor: "pointer",
 			width: "100%",
+			color: "text/primary",
 			"&:active": { backgroundColor: "background/active" },
 			"&:hover:not(:active)": { backgroundColor: "background/hover" },
+			_hover: { color: "text/primary" },
 			_open: { backgroundColor: "background/secondary" }
 		},
 		collapsible: {

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ExpandableCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst expandableCardSlotRecipe = defineSlotRecipe({\n  className: 'expandable-card',\n  slots: [...cardAnatomy.keys(), 'collapsible', 'icon', 'secdText', 'suffix'],\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      overflow: 'hidden',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      cursor: 'pointer',\n      width: '100%',\n      '&:active': {\n        backgroundColor: 'background/active',\n      },\n      '&:hover:not(:active)': {\n        backgroundColor: 'background/hover',\n      },\n      _open: {\n        backgroundColor: 'background/secondary',\n      },\n    },\n    collapsible: {\n      overflow: 'hidden',\n      _open: {\n        animationName: 'expand-height, fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height, fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    body: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      padding: '16',\n    },\n    icon: {\n      color: 'icon/secondary',\n    },\n    secdText: {\n      color: 'text/secondary',\n    },\n    suffix: {\n      color: 'text/secondary',\n      mx: '16',\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        header: { textStyle: 'body/md/regular', paddingX: '16', paddingY: '12' },\n        secdText: { textStyle: 'body/sm/regular' },\n      },\n      lg: {\n        header: { textStyle: 'body/lg/regular', padding: '16' },\n        secdText: { textStyle: 'body/md/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default expandableCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,MAAM;EAAE;EAAe;EAAQ;EAAY;EAAS;CAC3E,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;GACX;EACD,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,YAAY,EACV,iBAAiB,qBAClB;GACD,wBAAwB,EACtB,iBAAiB,oBAClB;GACD,OAAO,EACL,iBAAiB,wBAClB;GACF;EACD,aAAa;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,MAAM;GACJ,WAAW;GACX,aAAa;GACb,SAAS;GACV;EACD,MAAM,EACJ,OAAO,kBACR;EACD,UAAU,EACR,OAAO,kBACR;EACD,QAAQ;GACN,OAAO;GACP,IAAI;GACJ,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,UAAU;IAAM,UAAU;IAAM;GACxE,UAAU,EAAE,WAAW,mBAAmB;GAC3C;EACD,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,SAAS;IAAM;GACvD,UAAU,EAAE,WAAW,mBAAmB;GAC3C;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"ExpandableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ExpandableCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst expandableCardSlotRecipe = defineSlotRecipe({\n  className: 'expandable-card',\n  slots: [...cardAnatomy.keys(), 'collapsible', 'icon', 'secdText', 'suffix'],\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      overflow: 'hidden',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      cursor: 'pointer',\n      width: '100%',\n      color: 'text/primary',\n      '&:active': {\n        backgroundColor: 'background/active',\n      },\n      '&:hover:not(:active)': {\n        backgroundColor: 'background/hover',\n      },\n      _hover: {\n        color: 'text/primary',\n      },\n      _open: {\n        backgroundColor: 'background/secondary',\n      },\n    },\n    collapsible: {\n      overflow: 'hidden',\n      _open: {\n        animationName: 'expand-height, fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height, fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    body: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      padding: '16',\n    },\n    icon: {\n      color: 'icon/secondary',\n    },\n    secdText: {\n      color: 'text/secondary',\n    },\n    suffix: {\n      color: 'text/secondary',\n      mx: '16',\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        header: { textStyle: 'body/md/regular', paddingX: '16', paddingY: '12' },\n        secdText: { textStyle: 'body/sm/regular' },\n      },\n      lg: {\n        header: { textStyle: 'body/lg/regular', padding: '16' },\n        secdText: { textStyle: 'body/md/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default expandableCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,MAAM;EAAE;EAAe;EAAQ;EAAY;EAAS;CAC3E,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;GACX;EACD,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,OAAO;GACP,YAAY,EACV,iBAAiB,qBAClB;GACD,wBAAwB,EACtB,iBAAiB,oBAClB;GACD,QAAQ,EACN,OAAO,gBACR;GACD,OAAO,EACL,iBAAiB,wBAClB;GACF;EACD,aAAa;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,MAAM;GACJ,WAAW;GACX,aAAa;GACb,SAAS;GACV;EACD,MAAM,EACJ,OAAO,kBACR;EACD,UAAU,EACR,OAAO,kBACR;EACD,QAAQ;GACN,OAAO;GACP,IAAI;GACJ,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,UAAU;IAAM,UAAU;IAAM;GACxE,UAAU,EAAE,WAAW,mBAAmB;GAC3C;EACD,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,SAAS;IAAM;GACvD,UAAU,EAAE,WAAW,mBAAmB;GAC3C;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -1,4 +1,4 @@
-declare const fileUploadSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
+declare const fileUploadSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "itemGroup" | "clearTrigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
     variant: {
         image: {
             root: {

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

@@ -1,4 +1,4 @@
-declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
+declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "contextTrigger" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand" | "itemHelper", {
     size: {
         lg: {
             item: {

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

@@ -1,5 +1,5 @@
 export declare const triggerSeparatorStyle: import('@chakra-ui/react').SystemStyleObject;
-export declare const numberInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
+export declare const numberInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "valueText" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
     size: {
         md: {
             input: import('@chakra-ui/react').SystemStyleObject | undefined;

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

@@ -1,4 +1,4 @@
-declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "progress" | "title" | "separator" | "list" | "root" | "item" | "trigger" | "description" | "indicator" | "nextTrigger" | "prevTrigger", {
+declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "progress" | "title" | "separator" | "list" | "root" | "item" | "trigger" | "indicator" | "description" | "nextTrigger" | "prevTrigger", {
     orientation: {
         horizontal: {
             list: {

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

@@ -1,4 +1,4 @@
-declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemDeleteTrigger" | "itemPreview" | "tagsBlock" | "itemInput" | "suffixBlock", {
+declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "itemText" | "clearTrigger" | "control" | "itemDeleteTrigger" | "itemPreview" | "tagsBlock" | "itemInput" | "suffixBlock", {
     size: {
         md: {
             control: {

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

@@ -1,4 +1,4 @@
-declare const toastSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "icon" | "root" | "closeTrigger" | "description" | "indicator" | "timestamp" | "actionTrigger", {
+declare const toastSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "icon" | "root" | "closeTrigger" | "indicator" | "description" | "timestamp" | "actionTrigger", {
     variant: {
         [k: string]: {
             icon: {

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

@@ -1,4 +1,4 @@
-declare const treeViewSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "secondaryText" | "root" | "item" | "itemIndicator" | "tree" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "actionGroup" | "suffixGroup", {
+declare const treeViewSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "secondaryText" | "root" | "item" | "itemIndicator" | "itemText" | "tree" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "actionGroup" | "suffixGroup", {
     variant: {
         files: {
             branchControl: {

package/package.json

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