@bitrise/bitkit-v2 0.3.402-beta.2587 → 0.3.402-beta.2601

package/AGENTS.md

@@ -95,7 +95,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>`.
+  Three exceptions need an explicit `.Root` because they re-export a whole Chakra namespace: `BitkitDrawer.Root`, `BitkitTable.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>

package/dist/components/BitkitControlButton/BitkitControlButton.js

@@ -62,7 +62,6 @@ var BitkitControlButton = forwardRef((props, ref) => {
 			ref,
 			"aria-label": label,
 			disabled: state === "disabled" || state === "skeleton",
-			type: "button",
 			...buttonRest,
 			css: recipe({
 				isDanger,

package/dist/components/BitkitControlButton/BitkitControlButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitControlButton.js","names":[],"sources":["../../../lib/components/BitkitControlButton/BitkitControlButton.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, type HTMLChakraProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type KeyboardEvent, type MouseEvent, type Ref } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport opensPopup from '../../utilities/opensPopup';\nimport BitkitLabelTooltip, { type BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\ntype ControlButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';\n\ninterface BitkitControlButtonCommonProps {\n  icon: BitkitIconComponent;\n  isDanger?: boolean;\n  label: string;\n  size?: ControlButtonSize;\n  state?: 'disabled' | 'skeleton';\n  /**\n   * Overrides for the label tooltip. It is off by default when this control opens a popup — a menu,\n   * select or popover trigger — where the panel is the affordance and a tooltip would hover over it.\n   * Pass `{ disabled: false }` to bring it back. The accessible name comes from `label` either way.\n   */\n  tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;\n}\n\n// Exported so dependent declarations can name it: `BitkitTabs.AddButton`'s props derive from\n// `Extract<BitkitControlButtonProps, { href?: undefined }>` (this type), and the .d.ts emit\n// fails with TS4023 (\"cannot be named\") if it isn't exported.\nexport interface BitkitControlButtonAsButtonProps\n  extends BitkitControlButtonCommonProps, Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {\n  href?: undefined;\n  isExternal?: undefined;\n}\n\nexport interface BitkitControlButtonAsAnchorProps\n  extends BitkitControlButtonCommonProps, Omit<HTMLChakraProps<'a'>, 'children' | 'size'> {\n  href: string;\n  isExternal?: boolean;\n}\n\nexport type BitkitControlButtonProps = BitkitControlButtonAsButtonProps | BitkitControlButtonAsAnchorProps;\n\nconst BitkitControlButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, BitkitControlButtonProps>(\n  (props, ref) => {\n    const Icon = props.icon;\n    const size = props.size ?? 'sm';\n    const recipe = useRecipe({ key: 'controlButton' });\n    const iconSize = size === 'xxs' || size === 'xs' ? '16' : '24';\n    const isDisabled = props.state === 'disabled';\n    const isSkeleton = props.state === 'skeleton';\n    const isPopupTrigger = opensPopup(props);\n    const inertOnClick = isDisabled || isSkeleton;\n\n    // --- Anchor mode (href) ---\n    if (props.href !== undefined) {\n      const {\n        href,\n        icon: _icon,\n        isDanger,\n        isExternal,\n        label,\n        onClick,\n        onKeyDown,\n        rel,\n        size: _size,\n        state: _state,\n        target,\n        tooltipProps,\n        ...anchorRest\n      } = props;\n      const effectiveTarget = isExternal ? '_blank' : target;\n      const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n      const handleClick = inertOnClick\n        ? (e: MouseEvent<HTMLAnchorElement>) => {\n            e.preventDefault();\n            e.stopPropagation();\n          }\n        : onClick;\n      const handleKeyDown = inertOnClick\n        ? (e: KeyboardEvent<HTMLAnchorElement>) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              e.stopPropagation();\n            }\n          }\n        : onKeyDown;\n      return (\n        <BitkitLabelTooltip text={label} disabled={isPopupTrigger} {...tooltipProps}>\n          <chakra.a\n            ref={ref as Ref<HTMLAnchorElement>}\n            aria-disabled={inertOnClick || undefined}\n            aria-label={label}\n            {...anchorRest}\n            css={recipe({ isDanger, size })}\n            href={inertOnClick ? undefined : href}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            rel={effectiveRel}\n            target={effectiveTarget}\n          >\n            <Skeleton loading={isSkeleton}>\n              <Icon size={iconSize} />\n            </Skeleton>\n          </chakra.a>\n        </BitkitLabelTooltip>\n      );\n    }\n\n    // --- Button mode (default) ---\n    const { icon: _icon, isDanger, label, size: _size, state, tooltipProps, ...buttonRest } = props;\n    return (\n      <BitkitLabelTooltip text={label} disabled={isPopupTrigger} {...tooltipProps}>\n        <chakra.button\n          ref={ref as Ref<HTMLButtonElement>}\n          aria-label={label}\n          disabled={state === 'disabled' || state === 'skeleton'}\n          // A control button is an action, not a form submit — without this it would submit any\n          // form it happens to sit inside. Before the spread, so a consumer can still opt into\n          // `type=\"submit\"`.\n          type=\"button\"\n          {...buttonRest}\n          css={recipe({ isDanger, size })}\n        >\n          <Skeleton loading={isSkeleton}>\n            <Icon size={iconSize} />\n          </Skeleton>\n        </chakra.button>\n      </BitkitLabelTooltip>\n    );\n  },\n);\n\nBitkitControlButton.displayName = 'BitkitControlButton';\n\nexport default BitkitControlButton;\n"],"mappings":";;;;;;;AAyCA,IAAM,sBAAsB,YACzB,OAAO,QAAQ;CACd,MAAM,OAAO,MAAM;CACnB,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,SAAS,UAAU,EAAE,KAAK,gBAAgB,CAAC;CACjD,MAAM,WAAW,SAAS,SAAS,SAAS,OAAO,OAAO;CAC1D,MAAM,aAAa,MAAM,UAAU;CACnC,MAAM,aAAa,MAAM,UAAU;CACnC,MAAM,iBAAiB,WAAW,KAAK;CACvC,MAAM,eAAe,cAAc;CAGnC,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,MACA,MAAM,OACN,UACA,YACA,OACA,SACA,WACA,KACA,MAAM,OACN,OAAO,QACP,QACA,cACA,GAAG,eACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,MAAM,cAAc,gBACf,MAAqC;GACpC,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACpB,IACA;EACJ,MAAM,gBAAgB,gBACjB,MAAwC;GACvC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;IACtC,EAAE,eAAe;IACjB,EAAE,gBAAgB;GACpB;EACF,IACA;EACJ,OACE,oBAAC,oBAAD;GAAoB,MAAM;GAAO,UAAU;GAAgB,GAAI;GAC7D,UAAA,oBAAC,OAAO,GAAR;IACO;IACL,iBAAe,gBAAgB,KAAA;IAC/B,cAAY;IACZ,GAAI;IACJ,KAAK,OAAO;KAAE;KAAU;IAAK,CAAC;IAC9B,MAAM,eAAe,KAAA,IAAY;IACjC,SAAS;IACT,WAAW;IACX,KAAK;IACL,QAAQ;IAER,UAAA,oBAAC,UAAD;KAAU,SAAS;KACjB,UAAA,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;IACf,CAAA;GACF,CAAA;EACQ,CAAA;CAExB;CAGA,MAAM,EAAE,MAAM,OAAO,UAAU,OAAO,MAAM,OAAO,OAAO,cAAc,GAAG,eAAe;CAC1F,OACE,oBAAC,oBAAD;EAAoB,MAAM;EAAO,UAAU;EAAgB,GAAI;EAC7D,UAAA,oBAAC,OAAO,QAAR;GACO;GACL,cAAY;GACZ,UAAU,UAAU,cAAc,UAAU;GAI5C,MAAK;GACL,GAAI;GACJ,KAAK,OAAO;IAAE;IAAU;GAAK,CAAC;GAE9B,UAAA,oBAAC,UAAD;IAAU,SAAS;IACjB,UAAA,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;GACf,CAAA;EACG,CAAA;CACG,CAAA;AAExB,CACF;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"BitkitControlButton.js","names":[],"sources":["../../../lib/components/BitkitControlButton/BitkitControlButton.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, type HTMLChakraProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type KeyboardEvent, type MouseEvent, type Ref } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport opensPopup from '../../utilities/opensPopup';\nimport BitkitLabelTooltip, { type BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\ntype ControlButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';\n\ninterface BitkitControlButtonCommonProps {\n  icon: BitkitIconComponent;\n  isDanger?: boolean;\n  label: string;\n  size?: ControlButtonSize;\n  state?: 'disabled' | 'skeleton';\n  /**\n   * Overrides for the label tooltip. It is off by default when this control opens a popup — a menu,\n   * select or popover trigger — where the panel is the affordance and a tooltip would hover over it.\n   * Pass `{ disabled: false }` to bring it back. The accessible name comes from `label` either way.\n   */\n  tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;\n}\n\n// Exported so dependent declarations can name it: `BitkitTabs.AddButton`'s props derive from\n// `Extract<BitkitControlButtonProps, { href?: undefined }>` (this type), and the .d.ts emit\n// fails with TS4023 (\"cannot be named\") if it isn't exported.\nexport interface BitkitControlButtonAsButtonProps\n  extends BitkitControlButtonCommonProps, Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {\n  href?: undefined;\n  isExternal?: undefined;\n}\n\nexport interface BitkitControlButtonAsAnchorProps\n  extends BitkitControlButtonCommonProps, Omit<HTMLChakraProps<'a'>, 'children' | 'size'> {\n  href: string;\n  isExternal?: boolean;\n}\n\nexport type BitkitControlButtonProps = BitkitControlButtonAsButtonProps | BitkitControlButtonAsAnchorProps;\n\nconst BitkitControlButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, BitkitControlButtonProps>(\n  (props, ref) => {\n    const Icon = props.icon;\n    const size = props.size ?? 'sm';\n    const recipe = useRecipe({ key: 'controlButton' });\n    const iconSize = size === 'xxs' || size === 'xs' ? '16' : '24';\n    const isDisabled = props.state === 'disabled';\n    const isSkeleton = props.state === 'skeleton';\n    const isPopupTrigger = opensPopup(props);\n    const inertOnClick = isDisabled || isSkeleton;\n\n    // --- Anchor mode (href) ---\n    if (props.href !== undefined) {\n      const {\n        href,\n        icon: _icon,\n        isDanger,\n        isExternal,\n        label,\n        onClick,\n        onKeyDown,\n        rel,\n        size: _size,\n        state: _state,\n        target,\n        tooltipProps,\n        ...anchorRest\n      } = props;\n      const effectiveTarget = isExternal ? '_blank' : target;\n      const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n      const handleClick = inertOnClick\n        ? (e: MouseEvent<HTMLAnchorElement>) => {\n            e.preventDefault();\n            e.stopPropagation();\n          }\n        : onClick;\n      const handleKeyDown = inertOnClick\n        ? (e: KeyboardEvent<HTMLAnchorElement>) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              e.stopPropagation();\n            }\n          }\n        : onKeyDown;\n      return (\n        <BitkitLabelTooltip text={label} disabled={isPopupTrigger} {...tooltipProps}>\n          <chakra.a\n            ref={ref as Ref<HTMLAnchorElement>}\n            aria-disabled={inertOnClick || undefined}\n            aria-label={label}\n            {...anchorRest}\n            css={recipe({ isDanger, size })}\n            href={inertOnClick ? undefined : href}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            rel={effectiveRel}\n            target={effectiveTarget}\n          >\n            <Skeleton loading={isSkeleton}>\n              <Icon size={iconSize} />\n            </Skeleton>\n          </chakra.a>\n        </BitkitLabelTooltip>\n      );\n    }\n\n    // --- Button mode (default) ---\n    const { icon: _icon, isDanger, label, size: _size, state, tooltipProps, ...buttonRest } = props;\n    return (\n      <BitkitLabelTooltip text={label} disabled={isPopupTrigger} {...tooltipProps}>\n        <chakra.button\n          ref={ref as Ref<HTMLButtonElement>}\n          aria-label={label}\n          disabled={state === 'disabled' || state === 'skeleton'}\n          {...buttonRest}\n          css={recipe({ isDanger, size })}\n        >\n          <Skeleton loading={isSkeleton}>\n            <Icon size={iconSize} />\n          </Skeleton>\n        </chakra.button>\n      </BitkitLabelTooltip>\n    );\n  },\n);\n\nBitkitControlButton.displayName = 'BitkitControlButton';\n\nexport default BitkitControlButton;\n"],"mappings":";;;;;;;AAyCA,IAAM,sBAAsB,YACzB,OAAO,QAAQ;CACd,MAAM,OAAO,MAAM;CACnB,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,SAAS,UAAU,EAAE,KAAK,gBAAgB,CAAC;CACjD,MAAM,WAAW,SAAS,SAAS,SAAS,OAAO,OAAO;CAC1D,MAAM,aAAa,MAAM,UAAU;CACnC,MAAM,aAAa,MAAM,UAAU;CACnC,MAAM,iBAAiB,WAAW,KAAK;CACvC,MAAM,eAAe,cAAc;CAGnC,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,MACA,MAAM,OACN,UACA,YACA,OACA,SACA,WACA,KACA,MAAM,OACN,OAAO,QACP,QACA,cACA,GAAG,eACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,MAAM,cAAc,gBACf,MAAqC;GACpC,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACpB,IACA;EACJ,MAAM,gBAAgB,gBACjB,MAAwC;GACvC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;IACtC,EAAE,eAAe;IACjB,EAAE,gBAAgB;GACpB;EACF,IACA;EACJ,OACE,oBAAC,oBAAD;GAAoB,MAAM;GAAO,UAAU;GAAgB,GAAI;GAC7D,UAAA,oBAAC,OAAO,GAAR;IACO;IACL,iBAAe,gBAAgB,KAAA;IAC/B,cAAY;IACZ,GAAI;IACJ,KAAK,OAAO;KAAE;KAAU;IAAK,CAAC;IAC9B,MAAM,eAAe,KAAA,IAAY;IACjC,SAAS;IACT,WAAW;IACX,KAAK;IACL,QAAQ;IAER,UAAA,oBAAC,UAAD;KAAU,SAAS;KACjB,UAAA,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;IACf,CAAA;GACF,CAAA;EACQ,CAAA;CAExB;CAGA,MAAM,EAAE,MAAM,OAAO,UAAU,OAAO,MAAM,OAAO,OAAO,cAAc,GAAG,eAAe;CAC1F,OACE,oBAAC,oBAAD;EAAoB,MAAM;EAAO,UAAU;EAAgB,GAAI;EAC7D,UAAA,oBAAC,OAAO,QAAR;GACO;GACL,cAAY;GACZ,UAAU,UAAU,cAAc,UAAU;GAC5C,GAAI;GACJ,KAAK,OAAO;IAAE;IAAU;GAAK,CAAC;GAE9B,UAAA,oBAAC,UAAD;IAAU,SAAS;IACjB,UAAA,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;GACf,CAAA;EACG,CAAA;CACG,CAAA;AAExB,CACF;AAEA,oBAAoB,cAAc"}

package/dist/components/BitkitGroupHeading/BitkitGroupHeading.d.ts

@@ -1,8 +1,6 @@
 import { BoxProps } from '@chakra-ui/react/box';
-import { ReactNode } from 'react';
 import { BitkitIconComponent } from '../../icons';
 export interface BitkitGroupHeadingProps extends Omit<BoxProps, 'icon'> {
-    badge?: ReactNode;
     icon?: BitkitIconComponent;
     label: string;
 }

package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js

@@ -5,26 +5,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Separator } from "@chakra-ui/react/separator";
 //#region lib/components/BitkitGroupHeading/BitkitGroupHeading.tsx
 var BitkitGroupHeading = forwardRef((props, ref) => {
-	const { badge, icon: Icon, label, ...rest } = props;
+	const { icon: Icon, label, ...rest } = props;
 	const styles = useSlotRecipe({ key: "groupHeading" })();
 	return /* @__PURE__ */ jsxs(Box, {
 		css: styles.root,
 		ref,
 		...rest,
-		children: [
-			/* @__PURE__ */ jsxs(chakra.div, {
-				css: styles.titleBlock,
-				children: [Icon && /* @__PURE__ */ jsx(Icon, {
-					css: styles.icon,
-					size: "16"
-				}), /* @__PURE__ */ jsx(chakra.span, {
-					css: styles.label,
-					children: label
-				})]
-			}),
-			/* @__PURE__ */ jsx(Separator, { css: styles.separator }),
-			badge
-		]
+		children: [/* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.titleBlock,
+			children: [Icon && /* @__PURE__ */ jsx(Icon, {
+				css: styles.icon,
+				size: "16"
+			}), /* @__PURE__ */ jsx(chakra.span, {
+				css: styles.label,
+				children: label
+			})]
+		}), /* @__PURE__ */ jsx(Separator, { css: styles.separator })]
 	});
 });
 BitkitGroupHeading.displayName = "BitkitGroupHeading";

package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitGroupHeading.js","names":[],"sources":["../../../lib/components/BitkitGroupHeading/BitkitGroupHeading.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitGroupHeadingProps extends Omit<BoxProps, 'icon'> {\n  badge?: ReactNode;\n  icon?: BitkitIconComponent;\n  label: string;\n}\n\nconst BitkitGroupHeading = forwardRef<HTMLDivElement, BitkitGroupHeadingProps>((props, ref) => {\n  const { badge, icon: Icon, label, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'groupHeading' });\n  const styles = recipe();\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.div css={styles.titleBlock}>\n        {Icon && <Icon css={styles.icon} size=\"16\" />}\n        <chakra.span css={styles.label}>{label}</chakra.span>\n      </chakra.div>\n      <Separator css={styles.separator} />\n      {badge}\n    </Box>\n  );\n});\n\nBitkitGroupHeading.displayName = 'BitkitGroupHeading';\n\nexport default BitkitGroupHeading;\n"],"mappings":";;;;;;AAaA,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EAAE,OAAO,MAAM,MAAM,OAAO,GAAG,SAAS;CAG9C,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,CAAA,CAAO;CAEtB,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;EAArC,UAAA;GACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;IAAxB,UAAA,CACG,QAAQ,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAM,MAAK;IAAM,CAAA,GAC5C,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;KAAQ,UAAA;IAAmB,CAAA,CAC1C;;GACZ,oBAAC,WAAD,EAAW,KAAK,OAAO,UAAY,CAAA;GAClC;EACE;;AAET,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitGroupHeading.js","names":[],"sources":["../../../lib/components/BitkitGroupHeading/BitkitGroupHeading.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitGroupHeadingProps extends Omit<BoxProps, 'icon'> {\n  icon?: BitkitIconComponent;\n  label: string;\n}\n\nconst BitkitGroupHeading = forwardRef<HTMLDivElement, BitkitGroupHeadingProps>((props, ref) => {\n  const { icon: Icon, label, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'groupHeading' });\n  const styles = recipe();\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.div css={styles.titleBlock}>\n        {Icon && <Icon css={styles.icon} size=\"16\" />}\n        <chakra.span css={styles.label}>{label}</chakra.span>\n      </chakra.div>\n      <Separator css={styles.separator} />\n    </Box>\n  );\n});\n\nBitkitGroupHeading.displayName = 'BitkitGroupHeading';\n\nexport default BitkitGroupHeading;\n"],"mappings":";;;;;;AAYA,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EAAE,MAAM,MAAM,OAAO,GAAG,SAAS;CAGvC,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,CAAA,CAAO;CAEtB,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;EAArC,UAAA,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;GAAxB,UAAA,CACG,QAAQ,oBAAC,MAAD;IAAM,KAAK,OAAO;IAAM,MAAK;GAAM,CAAA,GAC5C,oBAAC,OAAO,MAAR;IAAa,KAAK,OAAO;IAAQ,UAAA;GAAmB,CAAA,CAC1C;EACZ,CAAA,GAAA,oBAAC,WAAD,EAAW,KAAK,OAAO,UAAY,CAAA,CAChC;;AAET,CAAC;AAED,mBAAmB,cAAc"}

package/dist/components/BitkitList/BitkitList.js

@@ -100,7 +100,7 @@ var BitkitListItem = forwardRef((props, ref) => {
 			borderRadius: "50%",
 			color: `color/${colorVariant}/strong`,
 			height: helperText ? "24" : "20",
-			marginBlock: helperText ? void 0 : "2",
+			marginBlockEnd: helperText ? void 0 : "4",
 			overflow: "hidden",
 			textStyle: "comp/badge/sm",
 			width: helperText ? "24" : "20"

package/dist/components/BitkitList/BitkitList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered' | 'unstyled' | 'inline';\ntype BitkitListSize = 'lg' | 'md' | 'sm';\ntype BitkitListTextColor = 'body' | 'secondary';\n\ninterface BitkitListContext {\n  colorVariant: 'neutral' | 'purple';\n  size: BitkitListSize;\n  textColor: BitkitListTextColor;\n  variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n  name: 'BitkitListContext',\n  hookName: 'useBitkitListContext',\n  providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette' | 'size'> {\n  children: ReactNode;\n  colorVariant?: 'neutral' | 'purple';\n  size?: BitkitListSize;\n  textColor?: BitkitListTextColor;\n  variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n  const { children, colorVariant = 'neutral', size = 'lg', textColor = 'body', variant = 'unordered', ...rest } = props;\n\n  const rootProps =\n    variant === 'ordered'\n      ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n      : variant === 'explainer'\n        ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n        : variant === 'inline'\n          ? ({ alignItems: 'center', flexDirection: 'row', flexWrap: 'wrap', gap: 0 } as const)\n          : {};\n\n  return (\n    <BitkitListProvider value={{ colorVariant, size, textColor, variant }}>\n      <List.Root ref={ref} size={size} {...rootProps} {...rest}>\n        {children}\n      </List.Root>\n    </BitkitListProvider>\n  );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n  children: ReactNode;\n  helperText?: ReactNode;\n  icon?: BitkitIconComponent;\n  iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n  lg: '24',\n  md: '16',\n  sm: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n  const { children, helperText, icon: Icon, iconColor } = props;\n  const { colorVariant, size, textColor, variant } = useBitkitListContext();\n\n  if (variant === 'unstyled') {\n    return (\n      <List.Item ref={ref} color={textColor === 'secondary' ? 'text/secondary' : 'text/body'}>\n        {children}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'inline') {\n    return (\n      <List.Item\n        ref={ref}\n        alignItems=\"center\"\n        color={textColor === 'secondary' ? 'text/secondary' : 'text/body'}\n        _notFirst={{\n          _before: {\n            content: '\"\\\\2022\"',\n            color: 'text/tertiary',\n            marginInline: '8',\n          },\n        }}\n      >\n        {children}\n      </List.Item>\n    );\n  }\n\n  const content = helperText ? (\n    <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n      {children}\n      <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n        {helperText}\n      </Text>\n    </Box>\n  ) : (\n    children\n  );\n\n  if (variant === 'ordered') {\n    return (\n      <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'icon/secondary'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'explainer') {\n    return (\n      <List.Item\n        ref={ref}\n        counterIncrement=\"bitkit-list\"\n        gap={helperText ? '12' : '6'}\n        marginBlockEnd={helperText ? '8' : undefined}\n      >\n        {Icon ? (\n          <List.Indicator color={iconColor ?? `color/${colorVariant}/strong`}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator\n            _before={{ content: 'counter(bitkit-list)' }}\n            background={`color/${colorVariant}/subtle`}\n            borderRadius=\"50%\"\n            color={`color/${colorVariant}/strong`}\n            height={helperText ? '24' : '20'}\n            // Give the smaller 20px circle 2px of block margin on each side so the marker\n            // always occupies a 24px vertical slot and its center aligns with the first\n            // text line — matches the Figma frame with the 20px circle centered in a 24px\n            // marker box.\n            marginBlock={helperText ? undefined : '2'}\n            overflow=\"hidden\"\n            textStyle=\"comp/badge/sm\"\n            width={helperText ? '24' : '20'}\n          />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  // unordered (default)\n  if (Icon) {\n    return (\n      <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n        <List.Indicator color={iconColor ?? 'icon/secondary'}>\n          <Icon size={UNORDERED_ICON_SIZE[size]} />\n        </List.Indicator>\n        {content}\n      </List.Item>\n    );\n  }\n\n  return (\n    <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n      <List.Indicator aria-hidden>•</List.Indicator>\n      {content}\n    </List.Item>\n  );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default withSubComponents(BitkitList, { Item: BitkitListItem });\n"],"mappings":"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"}
+{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered' | 'unstyled' | 'inline';\ntype BitkitListSize = 'lg' | 'md' | 'sm';\ntype BitkitListTextColor = 'body' | 'secondary';\n\ninterface BitkitListContext {\n  colorVariant: 'neutral' | 'purple';\n  size: BitkitListSize;\n  textColor: BitkitListTextColor;\n  variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n  name: 'BitkitListContext',\n  hookName: 'useBitkitListContext',\n  providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette' | 'size'> {\n  children: ReactNode;\n  colorVariant?: 'neutral' | 'purple';\n  size?: BitkitListSize;\n  textColor?: BitkitListTextColor;\n  variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n  const { children, colorVariant = 'neutral', size = 'lg', textColor = 'body', variant = 'unordered', ...rest } = props;\n\n  const rootProps =\n    variant === 'ordered'\n      ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n      : variant === 'explainer'\n        ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n        : variant === 'inline'\n          ? ({ alignItems: 'center', flexDirection: 'row', flexWrap: 'wrap', gap: 0 } as const)\n          : {};\n\n  return (\n    <BitkitListProvider value={{ colorVariant, size, textColor, variant }}>\n      <List.Root ref={ref} size={size} {...rootProps} {...rest}>\n        {children}\n      </List.Root>\n    </BitkitListProvider>\n  );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n  children: ReactNode;\n  helperText?: ReactNode;\n  icon?: BitkitIconComponent;\n  iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n  lg: '24',\n  md: '16',\n  sm: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n  const { children, helperText, icon: Icon, iconColor } = props;\n  const { colorVariant, size, textColor, variant } = useBitkitListContext();\n\n  if (variant === 'unstyled') {\n    return (\n      <List.Item ref={ref} color={textColor === 'secondary' ? 'text/secondary' : 'text/body'}>\n        {children}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'inline') {\n    return (\n      <List.Item\n        ref={ref}\n        alignItems=\"center\"\n        color={textColor === 'secondary' ? 'text/secondary' : 'text/body'}\n        _notFirst={{\n          _before: {\n            content: '\"\\\\2022\"',\n            color: 'text/tertiary',\n            marginInline: '8',\n          },\n        }}\n      >\n        {children}\n      </List.Item>\n    );\n  }\n\n  const content = helperText ? (\n    <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n      {children}\n      <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n        {helperText}\n      </Text>\n    </Box>\n  ) : (\n    children\n  );\n\n  if (variant === 'ordered') {\n    return (\n      <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'icon/secondary'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'explainer') {\n    return (\n      <List.Item\n        ref={ref}\n        counterIncrement=\"bitkit-list\"\n        gap={helperText ? '12' : '6'}\n        marginBlockEnd={helperText ? '8' : undefined}\n      >\n        {Icon ? (\n          <List.Indicator color={iconColor ?? `color/${colorVariant}/strong`}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator\n            _before={{ content: 'counter(bitkit-list)' }}\n            background={`color/${colorVariant}/subtle`}\n            borderRadius=\"50%\"\n            color={`color/${colorVariant}/strong`}\n            height={helperText ? '24' : '20'}\n            // The 20px circle keeps the marker's 24px vertical slot through a block-end margin\n            // alone: centering it in that slot would put it half a line below the first line of\n            // text, whose line box is 20px.\n            marginBlockEnd={helperText ? undefined : '4'}\n            overflow=\"hidden\"\n            textStyle=\"comp/badge/sm\"\n            width={helperText ? '24' : '20'}\n          />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  // unordered (default)\n  if (Icon) {\n    return (\n      <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n        <List.Indicator color={iconColor ?? 'icon/secondary'}>\n          <Icon size={UNORDERED_ICON_SIZE[size]} />\n        </List.Indicator>\n        {content}\n      </List.Item>\n    );\n  }\n\n  return (\n    <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n      <List.Indicator aria-hidden>•</List.Indicator>\n      {content}\n    </List.Item>\n  );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default withSubComponents(BitkitList, { Item: BitkitListItem });\n"],"mappings":"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"}

package/dist/components/BitkitSidebar/BitkitSidebar.d.ts

@@ -0,0 +1,45 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+import { BitkitGroupHeadingProps } from '../BitkitGroupHeading/BitkitGroupHeading';
+export interface BitkitSidebarProps extends BoxProps {
+    children: ReactNode;
+}
+interface BitkitSidebarItemCommonProps {
+    badge?: ReactNode;
+    children: ReactNode;
+    icon?: BitkitIconComponent;
+    selected?: boolean;
+    suffixIcon?: BitkitIconComponent;
+}
+interface BitkitSidebarItemLinkProps extends Omit<HTMLChakraProps<'a'>, 'children'>, BitkitSidebarItemCommonProps {
+    href: string;
+}
+interface BitkitSidebarItemButtonProps extends Omit<HTMLChakraProps<'button'>, 'children'>, BitkitSidebarItemCommonProps {
+    href?: never;
+}
+export type BitkitSidebarItemProps = BitkitSidebarItemButtonProps | BitkitSidebarItemLinkProps;
+export interface BitkitSidebarTitleProps extends BoxProps {
+    backHref?: string;
+    backLabel?: string;
+    children: ReactNode;
+    onBackClick?: () => void;
+}
+export interface BitkitSidebarFooterProps extends BoxProps {
+    children: ReactNode;
+}
+export interface BitkitSidebarProjectProps extends BoxProps {
+    label: string;
+    value: string;
+}
+export type BitkitSidebarGroupHeadingProps = BitkitGroupHeadingProps;
+declare const _default: import('react').ForwardRefExoticComponent<BitkitSidebarProps & import('react').RefAttributes<HTMLElement>> & {
+    Divider: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<BitkitSidebarFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+    GroupHeading: import('react').ForwardRefExoticComponent<BitkitGroupHeadingProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<BitkitSidebarItemProps & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+    Project: import('react').ForwardRefExoticComponent<BitkitSidebarProjectProps & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<BitkitSidebarTitleProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/components/BitkitSidebar/BitkitSidebar.js

@@ -0,0 +1,147 @@
+import { withSubComponents } from "../../utilities/withSubComponents.js";
+import IconChevronLeft from "../../icons/IconChevronLeft.js";
+import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
+import BitkitGroupHeading from "../BitkitGroupHeading/BitkitGroupHeading.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useRecipe, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Separator } from "@chakra-ui/react/separator";
+//#region lib/components/BitkitSidebar/BitkitSidebar.tsx
+var BitkitSidebar = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const styles = useSlotRecipe({ key: "sidebar" })();
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		asChild: true,
+		css: styles.root,
+		...rest,
+		children: /* @__PURE__ */ jsx("nav", { children })
+	});
+});
+BitkitSidebar.displayName = "BitkitSidebar";
+var BitkitSidebarItem = forwardRef((props, ref) => {
+	const { badge, children, icon: Icon, selected, suffixIcon: SuffixIcon, ...rest } = props;
+	const styles = useSlotRecipe({ key: "sidebar" })({ selected });
+	const itemContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		Icon && /* @__PURE__ */ jsx(Icon, {
+			css: styles.itemIcon,
+			size: "24"
+		}),
+		/* @__PURE__ */ jsx(chakra.span, {
+			css: styles.itemLabel,
+			children
+		}),
+		badge,
+		SuffixIcon && /* @__PURE__ */ jsx(SuffixIcon, {
+			css: styles.suffixIcon,
+			size: "24"
+		}),
+		/* @__PURE__ */ jsx(chakra.div, { css: styles.selectionMarker })
+	] });
+	if (rest.href !== void 0) {
+		const { className, ...linkRest } = rest;
+		return /* @__PURE__ */ jsx(chakra.a, {
+			ref,
+			...linkRest,
+			"aria-current": selected ? "page" : void 0,
+			className: className ? `group ${className}` : "group",
+			css: styles.item,
+			children: itemContent
+		});
+	}
+	const { className, href: _, ...buttonRest } = rest;
+	return /* @__PURE__ */ jsx(chakra.button, {
+		ref,
+		...buttonRest,
+		"aria-pressed": selected,
+		className: className ? `group ${className}` : "group",
+		css: styles.item,
+		type: "button",
+		children: itemContent
+	});
+});
+BitkitSidebarItem.displayName = "BitkitSidebarItem";
+var BitkitSidebarTitle = forwardRef((props, ref) => {
+	const { backHref, backLabel = "Back", children, onBackClick, ...rest } = props;
+	const styles = useSlotRecipe({ key: "sidebar" })();
+	const controlButtonRecipe = useRecipe({ key: "controlButton" });
+	const hasBack = !!backHref || !!onBackClick;
+	const BackElement = onBackClick ? chakra.button : chakra.a;
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		css: hasBack ? styles.titleWithBack : styles.title,
+		...rest,
+		children: [hasBack && /* @__PURE__ */ jsx(BitkitLabelTooltip, {
+			text: backLabel,
+			children: /* @__PURE__ */ jsx(BackElement, {
+				"aria-label": backLabel,
+				css: controlButtonRecipe({ size: "sm" }),
+				...onBackClick ? {
+					onClick: onBackClick,
+					type: "button"
+				} : { href: backHref },
+				children: /* @__PURE__ */ jsx(IconChevronLeft, { size: "24" })
+			})
+		}), children]
+	});
+});
+BitkitSidebarTitle.displayName = "BitkitSidebarTitle";
+var BitkitSidebarFooter = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const styles = useSlotRecipe({ key: "sidebar" })();
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		css: styles.footer,
+		...rest,
+		children
+	});
+});
+BitkitSidebarFooter.displayName = "BitkitSidebarFooter";
+var BitkitSidebarProject = forwardRef((props, ref) => {
+	const { label, value, ...rest } = props;
+	const styles = useSlotRecipe({ key: "sidebar" })();
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		css: styles.project,
+		...rest,
+		children: [/* @__PURE__ */ jsx(chakra.span, {
+			css: styles.projectLabel,
+			children: label
+		}), /* @__PURE__ */ jsx(chakra.span, {
+			css: styles.projectValue,
+			children: value
+		})]
+	});
+});
+BitkitSidebarProject.displayName = "BitkitSidebarProject";
+var BitkitSidebarGroupHeading = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(BitkitGroupHeading, {
+		ref,
+		paddingBlockEnd: "12",
+		paddingBlockStart: "24",
+		paddingInline: "32",
+		...props
+	});
+});
+BitkitSidebarGroupHeading.displayName = "BitkitSidebarGroupHeading";
+var BitkitSidebarDivider = forwardRef((_, ref) => {
+	const styles = useSlotRecipe({ key: "sidebar" })();
+	return /* @__PURE__ */ jsx(Separator, {
+		ref,
+		css: styles.divider
+	});
+});
+BitkitSidebarDivider.displayName = "BitkitSidebarDivider";
+var BitkitSidebar_default = withSubComponents(BitkitSidebar, {
+	Divider: BitkitSidebarDivider,
+	Footer: BitkitSidebarFooter,
+	GroupHeading: BitkitSidebarGroupHeading,
+	Item: BitkitSidebarItem,
+	Project: BitkitSidebarProject,
+	Title: BitkitSidebarTitle
+});
+//#endregion
+export { BitkitSidebar_default as default };
+
+//# sourceMappingURL=BitkitSidebar.js.map

package/dist/components/BitkitSidebar/BitkitSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSidebar.js","names":[],"sources":["../../../lib/components/BitkitSidebar/BitkitSidebar.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { chakra, type HTMLChakraProps, useRecipe, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconChevronLeft from '../../icons/IconChevronLeft';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitGroupHeading, { type BitkitGroupHeadingProps } from '../BitkitGroupHeading/BitkitGroupHeading';\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\n// ----- BitkitSidebar (Root) -----\n\nexport interface BitkitSidebarProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebar = forwardRef<HTMLElement, BitkitSidebarProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} asChild css={styles.root} {...rest}>\n      <nav>{children}</nav>\n    </Box>\n  );\n});\n\nBitkitSidebar.displayName = 'BitkitSidebar';\n\n// ----- BitkitSidebar.Item -----\n\ninterface BitkitSidebarItemCommonProps {\n  badge?: ReactNode;\n  children: ReactNode;\n  icon?: BitkitIconComponent;\n  selected?: boolean;\n  suffixIcon?: BitkitIconComponent;\n}\n\ninterface BitkitSidebarItemLinkProps extends Omit<HTMLChakraProps<'a'>, 'children'>, BitkitSidebarItemCommonProps {\n  href: string;\n}\n\ninterface BitkitSidebarItemButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'children'>, BitkitSidebarItemCommonProps {\n  href?: never;\n}\n\nexport type BitkitSidebarItemProps = BitkitSidebarItemButtonProps | BitkitSidebarItemLinkProps;\n\nconst BitkitSidebarItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitSidebarItemProps>((props, ref) => {\n  const { badge, children, icon: Icon, selected, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe({ selected });\n\n  const itemContent = (\n    <>\n      {Icon && <Icon css={styles.itemIcon} size=\"24\" />}\n      <chakra.span css={styles.itemLabel}>{children}</chakra.span>\n      {badge}\n      {SuffixIcon && <SuffixIcon css={styles.suffixIcon} size=\"24\" />}\n      <chakra.div css={styles.selectionMarker} />\n    </>\n  );\n\n  if (rest.href !== undefined) {\n    const { className, ...linkRest } = rest;\n    return (\n      <chakra.a\n        ref={ref}\n        {...linkRest}\n        aria-current={selected ? 'page' : undefined}\n        className={className ? `group ${className}` : 'group'}\n        css={styles.item}\n      >\n        {itemContent}\n      </chakra.a>\n    );\n  }\n\n  const { className, href: _, ...buttonRest } = rest;\n  return (\n    <chakra.button\n      ref={ref}\n      {...buttonRest}\n      aria-pressed={selected}\n      className={className ? `group ${className}` : 'group'}\n      css={styles.item}\n      type=\"button\"\n    >\n      {itemContent}\n    </chakra.button>\n  );\n});\n\nBitkitSidebarItem.displayName = 'BitkitSidebarItem';\n\n// ----- BitkitSidebar.Title -----\n\nexport interface BitkitSidebarTitleProps extends BoxProps {\n  backHref?: string;\n  backLabel?: string;\n  children: ReactNode;\n  onBackClick?: () => void;\n}\n\nconst BitkitSidebarTitle = forwardRef<HTMLDivElement, BitkitSidebarTitleProps>((props, ref) => {\n  const { backHref, backLabel = 'Back', children, onBackClick, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n  const controlButtonRecipe = useRecipe({ key: 'controlButton' });\n\n  const hasBack = !!backHref || !!onBackClick;\n\n  const BackElement = onBackClick ? chakra.button : chakra.a;\n\n  return (\n    <Box ref={ref} css={hasBack ? styles.titleWithBack : styles.title} {...rest}>\n      {hasBack && (\n        <BitkitLabelTooltip text={backLabel}>\n          <BackElement\n            aria-label={backLabel}\n            css={controlButtonRecipe({ size: 'sm' })}\n            {...(onBackClick ? { onClick: onBackClick, type: 'button' as const } : { href: backHref })}\n          >\n            <IconChevronLeft size=\"24\" />\n          </BackElement>\n        </BitkitLabelTooltip>\n      )}\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarTitle.displayName = 'BitkitSidebarTitle';\n\n// ----- BitkitSidebar.Footer -----\n\nexport interface BitkitSidebarFooterProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebarFooter = forwardRef<HTMLDivElement, BitkitSidebarFooterProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.footer} {...rest}>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarFooter.displayName = 'BitkitSidebarFooter';\n\n// ----- BitkitSidebar.Project -----\n\nexport interface BitkitSidebarProjectProps extends BoxProps {\n  label: string;\n  value: string;\n}\n\nconst BitkitSidebarProject = forwardRef<HTMLDivElement, BitkitSidebarProjectProps>((props, ref) => {\n  const { label, value, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.project} {...rest}>\n      <chakra.span css={styles.projectLabel}>{label}</chakra.span>\n      <chakra.span css={styles.projectValue}>{value}</chakra.span>\n    </Box>\n  );\n});\n\nBitkitSidebarProject.displayName = 'BitkitSidebarProject';\n\n// ----- BitkitSidebar.GroupHeading -----\n\nexport type BitkitSidebarGroupHeadingProps = BitkitGroupHeadingProps;\n\nconst BitkitSidebarGroupHeading = forwardRef<HTMLDivElement, BitkitSidebarGroupHeadingProps>((props, ref) => {\n  return <BitkitGroupHeading ref={ref} paddingBlockEnd=\"12\" paddingBlockStart=\"24\" paddingInline=\"32\" {...props} />;\n});\n\nBitkitSidebarGroupHeading.displayName = 'BitkitSidebarGroupHeading';\n\n// ----- BitkitSidebar.Divider -----\n\nconst BitkitSidebarDivider = forwardRef<HTMLDivElement>((_, ref) => {\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return <Separator ref={ref} css={styles.divider} />;\n});\n\nBitkitSidebarDivider.displayName = 'BitkitSidebarDivider';\n\nexport default withSubComponents(BitkitSidebar, {\n  Divider: BitkitSidebarDivider,\n  Footer: BitkitSidebarFooter,\n  GroupHeading: BitkitSidebarGroupHeading,\n  Item: BitkitSidebarItem,\n  Project: BitkitSidebarProject,\n  Title: BitkitSidebarTitle,\n});\n"],"mappings":"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"}

package/dist/components/BitkitTable/BitkitBulkActionsRow.d.ts

@@ -48,7 +48,7 @@ export interface BitkitBulkActionsRowProps extends Omit<Table.RowProps, 'childre
 /**
  * The bar above the column headers that appears while rows are selected: what is selected, the
  * offer to widen the selection to every page, and the actions to run on it. Belongs in
- * `Table.Header`, before the `Table.Row` that holds the column headers.
+ * `BitkitTable.Header`, before the `BitkitTable.Row` that holds the column headers.
  *
  * The count is mirrored into a visually hidden `aria-live` region, which is deliberately filled a
  * render after mount — a live region that enters the DOM with its text already in it is not
@@ -56,9 +56,9 @@ export interface BitkitBulkActionsRowProps extends Omit<Table.RowProps, 'childre
  *
  * @example
  * ```tsx
- * <Table.Header>
+ * <BitkitTable.Header>
  *   {selected.length > 0 && (
- *     <BitkitBulkActionsRow
+ *     <BitkitTable.BulkActionsRow
  *       colSpan={COL_COUNT}
  *       items={{ one: 'workflow', other: 'workflows' }}
  *       onCancel={clearSelection}
@@ -70,10 +70,10 @@ export interface BitkitBulkActionsRowProps extends Omit<Table.RowProps, 'childre
  *       <BitkitButton icon={IconMinusCircle} size="md" variant="danger-secondary">
  *         Remove
  *       </BitkitButton>
- *     </BitkitBulkActionsRow>
+ *     </BitkitTable.BulkActionsRow>
  *   )}
- *   <Table.Row>{columnHeaders}</Table.Row>
- * </Table.Header>
+ *   <BitkitTable.Row>{columnHeaders}</BitkitTable.Row>
+ * </BitkitTable.Header>
  * ```
  */
 declare const BitkitBulkActionsRow: import('react').ForwardRefExoticComponent<BitkitBulkActionsRowProps & import('react').RefAttributes<HTMLTableRowElement>>;

package/dist/components/BitkitTable/BitkitBulkActionsRow.js

@@ -25,7 +25,7 @@ var resolveItems = (items, count) => {
 /**
 * The bar above the column headers that appears while rows are selected: what is selected, the
 * offer to widen the selection to every page, and the actions to run on it. Belongs in
-* `Table.Header`, before the `Table.Row` that holds the column headers.
+* `BitkitTable.Header`, before the `BitkitTable.Row` that holds the column headers.
 *
 * The count is mirrored into a visually hidden `aria-live` region, which is deliberately filled a
 * render after mount — a live region that enters the DOM with its text already in it is not
@@ -33,9 +33,9 @@ var resolveItems = (items, count) => {
 *
 * @example
 * ```tsx
-* <Table.Header>
+* <BitkitTable.Header>
 *   {selected.length > 0 && (
-*     <BitkitBulkActionsRow
+*     <BitkitTable.BulkActionsRow
 *       colSpan={COL_COUNT}
 *       items={{ one: 'workflow', other: 'workflows' }}
 *       onCancel={clearSelection}
@@ -47,10 +47,10 @@ var resolveItems = (items, count) => {
 *       <BitkitButton icon={IconMinusCircle} size="md" variant="danger-secondary">
 *         Remove
 *       </BitkitButton>
-*     </BitkitBulkActionsRow>
+*     </BitkitTable.BulkActionsRow>
 *   )}
-*   <Table.Row>{columnHeaders}</Table.Row>
-* </Table.Header>
+*   <BitkitTable.Row>{columnHeaders}</BitkitTable.Row>
+* </BitkitTable.Header>
 * ```
 */
 var BitkitBulkActionsRow = forwardRef((props, ref) => {
@@ -117,7 +117,7 @@ var BitkitBulkActionsRow = forwardRef((props, ref) => {
 		})
 	});
 });
-BitkitBulkActionsRow.displayName = "BitkitBulkActionsRow";
+BitkitBulkActionsRow.displayName = "BitkitTable.BulkActionsRow";
 //#endregion
 export { BitkitBulkActionsRow as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitBulkActionsRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitBulkActionsRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { Text } from '@chakra-ui/react/text';\nimport { VisuallyHidden } from '@chakra-ui/react/visually-hidden';\nimport { forwardRef, type ReactNode, useEffect, useState } from 'react';\n\nimport formatLabel from '../../utilities/formatLabel';\nimport BitkitButton from '../BitkitButton/BitkitButton';\n\n/**\n * The noun the bar counts. A single string is used for every count; pass `{ one, other }` to get\n * `1 workflow selected.` instead of `1 workflows selected.`\n */\nexport type BitkitBulkActionsItems = string | { one: string; other: string };\n\n/**\n * Overrides for the bar's sentences. Each template can use `{items}` (the `items` prop, already\n * resolved to the form matching that sentence's count), `{selectedCount}` and `{totalItems}`.\n * Override a whole sentence for wording a template can't express, such as another language's\n * grammar.\n */\nexport interface BitkitBulkActionsLabels {\n  /** `selectionState=\"all\"`. Default: `All {totalItems} {items} selected.` */\n  allSelected?: string;\n  /** Default: `Cancel` */\n  cancel?: string;\n  /** The link offering the rows beyond this page. Default: `Select all {totalItems} {items}` */\n  selectAll?: string;\n  /** `selectionState=\"some\"`. Default: `{selectedCount} {items} selected.` */\n  selected?: string;\n  /** `selectionState=\"allOnPage\"`. Default: `{selectedCount} {items} selected on this page.` */\n  selectedOnPage?: string;\n}\n\nconst DEFAULT_LABELS: Required<BitkitBulkActionsLabels> = {\n  allSelected: 'All {totalItems} {items} selected.',\n  cancel: 'Cancel',\n  selectAll: 'Select all {totalItems} {items}',\n  selected: '{selectedCount} {items} selected.',\n  selectedOnPage: '{selectedCount} {items} selected on this page.',\n};\n\nconst DEFAULT_ITEMS: BitkitBulkActionsItems = { one: 'item', other: 'items' };\n\nconst resolveItems = (items: BitkitBulkActionsItems, count: number) => {\n  if (typeof items === 'string') return items;\n  return count === 1 ? items.one : items.other;\n};\n\nexport interface BitkitBulkActionsRowProps extends Omit<Table.RowProps, 'children'> {\n  /** The bulk action buttons, rendered after `Cancel`. */\n  children?: ReactNode;\n  /** Must match the table's column count, so the row spans the full width. */\n  colSpan: number;\n  /** The counted noun. Default: `{ one: 'item', other: 'items' }` */\n  items?: BitkitBulkActionsItems;\n  labels?: BitkitBulkActionsLabels;\n  onCancel: () => void;\n  /** Renders the `Select all {totalItems} {items}` link while `selectionState=\"allOnPage\"`. */\n  onSelectAll?: () => void;\n  selectedCount: number;\n  /**\n   * `some` — part of the page is selected. `allOnPage` — the whole page is selected, and the rows\n   * beyond it are still on offer. `all` — everything across every page is selected.\n   */\n  selectionState: 'some' | 'allOnPage' | 'all';\n  totalItems: number;\n}\n\n/**\n * The bar above the column headers that appears while rows are selected: what is selected, the\n * offer to widen the selection to every page, and the actions to run on it. Belongs in\n * `Table.Header`, before the `Table.Row` that holds the column headers.\n *\n * The count is mirrored into a visually hidden `aria-live` region, which is deliberately filled a\n * render after mount — a live region that enters the DOM with its text already in it is not\n * announced, so the first selection would go unspoken otherwise.\n *\n * @example\n * ```tsx\n * <Table.Header>\n *   {selected.length > 0 && (\n *     <BitkitBulkActionsRow\n *       colSpan={COL_COUNT}\n *       items={{ one: 'workflow', other: 'workflows' }}\n *       onCancel={clearSelection}\n *       onSelectAll={() => setAllAcrossPages(true)}\n *       selectedCount={selected.length}\n *       selectionState={selectionState}\n *       totalItems={TOTAL_ITEMS}\n *     >\n *       <BitkitButton icon={IconMinusCircle} size=\"md\" variant=\"danger-secondary\">\n *         Remove\n *       </BitkitButton>\n *     </BitkitBulkActionsRow>\n *   )}\n *   <Table.Row>{columnHeaders}</Table.Row>\n * </Table.Header>\n * ```\n */\nconst BitkitBulkActionsRow = forwardRef<HTMLTableRowElement, BitkitBulkActionsRowProps>((props, ref) => {\n  const {\n    children,\n    colSpan,\n    items = DEFAULT_ITEMS,\n    labels: labelsProp,\n    onCancel,\n    onSelectAll,\n    selectedCount,\n    selectionState,\n    totalItems,\n    ...rest\n  } = props;\n\n  const styles = useTableStyles();\n  const labels = { ...DEFAULT_LABELS, ...labelsProp };\n\n  const countLabel = {\n    all: labels.allSelected,\n    allOnPage: labels.selectedOnPage,\n    some: labels.selected,\n  }[selectionState];\n  const count = selectionState === 'all' ? totalItems : selectedCount;\n\n  const countText = formatLabel(countLabel, {\n    items: resolveItems(items, count),\n    selectedCount,\n    totalItems,\n  });\n\n  const selectAllText = formatLabel(labels.selectAll, {\n    items: resolveItems(items, totalItems),\n    selectedCount,\n    totalItems,\n  });\n\n  const [announcement, setAnnouncement] = useState('');\n\n  useEffect(() => {\n    setAnnouncement(countText);\n  }, [countText]);\n\n  return (\n    <Table.Row ref={ref} {...rest}>\n      <Table.Cell colSpan={colSpan} css={styles.utilityCell}>\n        <Box css={styles.bulkActionsGroup}>\n          <Text color=\"text/body\" textStyle=\"body/md/regular\">\n            {countText}\n          </Text>\n          <VisuallyHidden aria-live=\"polite\">{announcement}</VisuallyHidden>\n          {selectionState === 'allOnPage' && !!onSelectAll && (\n            <BitkitButton onClick={onSelectAll} size=\"sm\" variant=\"tertiary\">\n              {selectAllText}\n            </BitkitButton>\n          )}\n          <Box css={styles.bulkActionsButtons}>\n            <BitkitButton onClick={onCancel} size=\"md\" variant=\"tertiary\">\n              {labels.cancel}\n            </BitkitButton>\n            {children}\n          </Box>\n        </Box>\n      </Table.Cell>\n    </Table.Row>\n  );\n});\n\nBitkitBulkActionsRow.displayName = 'BitkitBulkActionsRow';\n\nexport default BitkitBulkActionsRow;\n"],"mappings":";;;;;;;;;AAkCA,IAAM,iBAAoD;CACxD,aAAa;CACb,QAAQ;CACR,WAAW;CACX,UAAU;CACV,gBAAgB;AAClB;AAEA,IAAM,gBAAwC;CAAE,KAAK;CAAQ,OAAO;AAAQ;AAE5E,IAAM,gBAAgB,OAA+B,UAAkB;CACrE,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,OAAO,UAAU,IAAI,MAAM,MAAM,MAAM;AACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAM,uBAAuB,YAA4D,OAAO,QAAQ;CACtG,MAAM,EACJ,UACA,SACA,QAAQ,eACR,QAAQ,YACR,UACA,aACA,eACA,gBACA,YACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe;CAC9B,MAAM,SAAS;EAAE,GAAG;EAAgB,GAAG;CAAW;CAElD,MAAM,aAAa;EACjB,KAAK,OAAO;EACZ,WAAW,OAAO;EAClB,MAAM,OAAO;CACf,EAAE;CAGF,MAAM,YAAY,YAAY,YAAY;EACxC,OAAO,aAAa,OAHR,mBAAmB,QAAQ,aAAa,aAGpB;EAChC;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,YAAY,OAAO,WAAW;EAClD,OAAO,aAAa,OAAO,UAAU;EACrC;EACA;CACF,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CAEnD,gBAAgB;EACd,gBAAgB,SAAS;CAC3B,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,oBAAC,MAAM,KAAP;EAAgB;EAAK,GAAI;EACvB,UAAA,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK,OAAO;GACxC,UAAA,qBAAC,KAAD;IAAK,KAAK,OAAO;IAAjB,UAAA;KACE,oBAAC,MAAD;MAAM,OAAM;MAAY,WAAU;MAC/B,UAAA;KACG,CAAA;KACN,oBAAC,gBAAD;MAAgB,aAAU;MAAU,UAAA;KAA6B,CAAA;KAChE,mBAAmB,eAAe,CAAC,CAAC,eACnC,oBAAC,cAAD;MAAc,SAAS;MAAa,MAAK;MAAK,SAAQ;MACnD,UAAA;KACW,CAAA;KAEhB,qBAAC,KAAD;MAAK,KAAK,OAAO;MAAjB,UAAA,CACE,oBAAC,cAAD;OAAc,SAAS;OAAU,MAAK;OAAK,SAAQ;OAChD,UAAA,OAAO;MACI,CAAA,GACb,QACE;;IACF;;EACK,CAAA;CACH,CAAA;AAEf,CAAC;AAED,qBAAqB,cAAc"}
+{"version":3,"file":"BitkitBulkActionsRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitBulkActionsRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { Text } from '@chakra-ui/react/text';\nimport { VisuallyHidden } from '@chakra-ui/react/visually-hidden';\nimport { forwardRef, type ReactNode, useEffect, useState } from 'react';\n\nimport formatLabel from '../../utilities/formatLabel';\nimport BitkitButton from '../BitkitButton/BitkitButton';\n\n/**\n * The noun the bar counts. A single string is used for every count; pass `{ one, other }` to get\n * `1 workflow selected.` instead of `1 workflows selected.`\n */\nexport type BitkitBulkActionsItems = string | { one: string; other: string };\n\n/**\n * Overrides for the bar's sentences. Each template can use `{items}` (the `items` prop, already\n * resolved to the form matching that sentence's count), `{selectedCount}` and `{totalItems}`.\n * Override a whole sentence for wording a template can't express, such as another language's\n * grammar.\n */\nexport interface BitkitBulkActionsLabels {\n  /** `selectionState=\"all\"`. Default: `All {totalItems} {items} selected.` */\n  allSelected?: string;\n  /** Default: `Cancel` */\n  cancel?: string;\n  /** The link offering the rows beyond this page. Default: `Select all {totalItems} {items}` */\n  selectAll?: string;\n  /** `selectionState=\"some\"`. Default: `{selectedCount} {items} selected.` */\n  selected?: string;\n  /** `selectionState=\"allOnPage\"`. Default: `{selectedCount} {items} selected on this page.` */\n  selectedOnPage?: string;\n}\n\nconst DEFAULT_LABELS: Required<BitkitBulkActionsLabels> = {\n  allSelected: 'All {totalItems} {items} selected.',\n  cancel: 'Cancel',\n  selectAll: 'Select all {totalItems} {items}',\n  selected: '{selectedCount} {items} selected.',\n  selectedOnPage: '{selectedCount} {items} selected on this page.',\n};\n\nconst DEFAULT_ITEMS: BitkitBulkActionsItems = { one: 'item', other: 'items' };\n\nconst resolveItems = (items: BitkitBulkActionsItems, count: number) => {\n  if (typeof items === 'string') return items;\n  return count === 1 ? items.one : items.other;\n};\n\nexport interface BitkitBulkActionsRowProps extends Omit<Table.RowProps, 'children'> {\n  /** The bulk action buttons, rendered after `Cancel`. */\n  children?: ReactNode;\n  /** Must match the table's column count, so the row spans the full width. */\n  colSpan: number;\n  /** The counted noun. Default: `{ one: 'item', other: 'items' }` */\n  items?: BitkitBulkActionsItems;\n  labels?: BitkitBulkActionsLabels;\n  onCancel: () => void;\n  /** Renders the `Select all {totalItems} {items}` link while `selectionState=\"allOnPage\"`. */\n  onSelectAll?: () => void;\n  selectedCount: number;\n  /**\n   * `some` — part of the page is selected. `allOnPage` — the whole page is selected, and the rows\n   * beyond it are still on offer. `all` — everything across every page is selected.\n   */\n  selectionState: 'some' | 'allOnPage' | 'all';\n  totalItems: number;\n}\n\n/**\n * The bar above the column headers that appears while rows are selected: what is selected, the\n * offer to widen the selection to every page, and the actions to run on it. Belongs in\n * `BitkitTable.Header`, before the `BitkitTable.Row` that holds the column headers.\n *\n * The count is mirrored into a visually hidden `aria-live` region, which is deliberately filled a\n * render after mount — a live region that enters the DOM with its text already in it is not\n * announced, so the first selection would go unspoken otherwise.\n *\n * @example\n * ```tsx\n * <BitkitTable.Header>\n *   {selected.length > 0 && (\n *     <BitkitTable.BulkActionsRow\n *       colSpan={COL_COUNT}\n *       items={{ one: 'workflow', other: 'workflows' }}\n *       onCancel={clearSelection}\n *       onSelectAll={() => setAllAcrossPages(true)}\n *       selectedCount={selected.length}\n *       selectionState={selectionState}\n *       totalItems={TOTAL_ITEMS}\n *     >\n *       <BitkitButton icon={IconMinusCircle} size=\"md\" variant=\"danger-secondary\">\n *         Remove\n *       </BitkitButton>\n *     </BitkitTable.BulkActionsRow>\n *   )}\n *   <BitkitTable.Row>{columnHeaders}</BitkitTable.Row>\n * </BitkitTable.Header>\n * ```\n */\nconst BitkitBulkActionsRow = forwardRef<HTMLTableRowElement, BitkitBulkActionsRowProps>((props, ref) => {\n  const {\n    children,\n    colSpan,\n    items = DEFAULT_ITEMS,\n    labels: labelsProp,\n    onCancel,\n    onSelectAll,\n    selectedCount,\n    selectionState,\n    totalItems,\n    ...rest\n  } = props;\n\n  const styles = useTableStyles();\n  const labels = { ...DEFAULT_LABELS, ...labelsProp };\n\n  const countLabel = {\n    all: labels.allSelected,\n    allOnPage: labels.selectedOnPage,\n    some: labels.selected,\n  }[selectionState];\n  const count = selectionState === 'all' ? totalItems : selectedCount;\n\n  const countText = formatLabel(countLabel, {\n    items: resolveItems(items, count),\n    selectedCount,\n    totalItems,\n  });\n\n  const selectAllText = formatLabel(labels.selectAll, {\n    items: resolveItems(items, totalItems),\n    selectedCount,\n    totalItems,\n  });\n\n  const [announcement, setAnnouncement] = useState('');\n\n  useEffect(() => {\n    setAnnouncement(countText);\n  }, [countText]);\n\n  return (\n    <Table.Row ref={ref} {...rest}>\n      <Table.Cell colSpan={colSpan} css={styles.utilityCell}>\n        <Box css={styles.bulkActionsGroup}>\n          <Text color=\"text/body\" textStyle=\"body/md/regular\">\n            {countText}\n          </Text>\n          <VisuallyHidden aria-live=\"polite\">{announcement}</VisuallyHidden>\n          {selectionState === 'allOnPage' && !!onSelectAll && (\n            <BitkitButton onClick={onSelectAll} size=\"sm\" variant=\"tertiary\">\n              {selectAllText}\n            </BitkitButton>\n          )}\n          <Box css={styles.bulkActionsButtons}>\n            <BitkitButton onClick={onCancel} size=\"md\" variant=\"tertiary\">\n              {labels.cancel}\n            </BitkitButton>\n            {children}\n          </Box>\n        </Box>\n      </Table.Cell>\n    </Table.Row>\n  );\n});\n\nBitkitBulkActionsRow.displayName = 'BitkitTable.BulkActionsRow';\n\nexport default BitkitBulkActionsRow;\n"],"mappings":";;;;;;;;;AAkCA,IAAM,iBAAoD;CACxD,aAAa;CACb,QAAQ;CACR,WAAW;CACX,UAAU;CACV,gBAAgB;AAClB;AAEA,IAAM,gBAAwC;CAAE,KAAK;CAAQ,OAAO;AAAQ;AAE5E,IAAM,gBAAgB,OAA+B,UAAkB;CACrE,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,OAAO,UAAU,IAAI,MAAM,MAAM,MAAM;AACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAM,uBAAuB,YAA4D,OAAO,QAAQ;CACtG,MAAM,EACJ,UACA,SACA,QAAQ,eACR,QAAQ,YACR,UACA,aACA,eACA,gBACA,YACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe;CAC9B,MAAM,SAAS;EAAE,GAAG;EAAgB,GAAG;CAAW;CAElD,MAAM,aAAa;EACjB,KAAK,OAAO;EACZ,WAAW,OAAO;EAClB,MAAM,OAAO;CACf,EAAE;CAGF,MAAM,YAAY,YAAY,YAAY;EACxC,OAAO,aAAa,OAHR,mBAAmB,QAAQ,aAAa,aAGpB;EAChC;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,YAAY,OAAO,WAAW;EAClD,OAAO,aAAa,OAAO,UAAU;EACrC;EACA;CACF,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CAEnD,gBAAgB;EACd,gBAAgB,SAAS;CAC3B,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,oBAAC,MAAM,KAAP;EAAgB;EAAK,GAAI;EACvB,UAAA,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK,OAAO;GACxC,UAAA,qBAAC,KAAD;IAAK,KAAK,OAAO;IAAjB,UAAA;KACE,oBAAC,MAAD;MAAM,OAAM;MAAY,WAAU;MAC/B,UAAA;KACG,CAAA;KACN,oBAAC,gBAAD;MAAgB,aAAU;MAAU,UAAA;KAA6B,CAAA;KAChE,mBAAmB,eAAe,CAAC,CAAC,eACnC,oBAAC,cAAD;MAAc,SAAS;MAAa,MAAK;MAAK,SAAQ;MACnD,UAAA;KACW,CAAA;KAEhB,qBAAC,KAAD;MAAK,KAAK,OAAO;MAAjB,UAAA,CACE,oBAAC,cAAD;OAAc,SAAS;OAAU,MAAK;OAAK,SAAQ;OAChD,UAAA,OAAO;MACI,CAAA,GACb,QACE;;IACF;;EACK,CAAA;CACH,CAAA;AAEf,CAAC;AAED,qBAAqB,cAAc"}

package/dist/components/BitkitTable/BitkitDefinitionColumnHeader.d.ts

@@ -2,7 +2,7 @@ import { Table } from '@chakra-ui/react/table';
 import { BitkitDefinitionTooltipProps } from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';
 /**
  * Everything `BitkitDefinitionTooltip` takes — `children` is the column title, `text` the definition
- * — on top of everything a `Table.ColumnHeader` takes. The two the header owns are gone: `textSize`,
+ * — on top of everything a `BitkitTable.ColumnHeader` takes. The two the header owns are gone: `textSize`,
  * because the point is to keep the header's own type, and the tooltip's `truncate`, because the title
  * always truncates and `truncate` stays the header cell's own style prop.
  */
@@ -17,7 +17,7 @@ export interface BitkitDefinitionColumnHeaderProps extends Omit<Table.ColumnHead
  * the latter's recipe always applies a `textSize`, and there is no value for it that means "inherit".
  *
  * Only the title is the trigger, so the rest of the header stays inert. Everything else a
- * `Table.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.
+ * `BitkitTable.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.
  */
 declare const BitkitDefinitionColumnHeader: import('react').ForwardRefExoticComponent<BitkitDefinitionColumnHeaderProps & import('react').RefAttributes<HTMLTableCellElement>>;
 export default BitkitDefinitionColumnHeader;

package/dist/components/BitkitTable/BitkitDefinitionColumnHeader.js

@@ -13,7 +13,7 @@ import { Table, useTableStyles } from "@chakra-ui/react/table";
 * the latter's recipe always applies a `textSize`, and there is no value for it that means "inherit".
 *
 * Only the title is the trigger, so the rest of the header stays inert. Everything else a
-* `Table.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.
+* `BitkitTable.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.
 */
 var BitkitDefinitionColumnHeader = forwardRef(({ button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = "click", placement, text, ...rest }, ref) => {
 	const styles = useTableStyles();
@@ -46,7 +46,7 @@ var BitkitDefinitionColumnHeader = forwardRef(({ button, children, disablePortal
 		})
 	});
 });
-BitkitDefinitionColumnHeader.displayName = "BitkitDefinitionColumnHeader";
+BitkitDefinitionColumnHeader.displayName = "BitkitTable.DefinitionColumnHeader";
 //#endregion
 export { BitkitDefinitionColumnHeader as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitDefinitionColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitDefinitionColumnHeader.tsx"],"sourcesContent":["import { chakra } from '@chakra-ui/react/styled-system';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, useState } from 'react';\n\nimport { type BitkitDefinitionTooltipProps } from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n/**\n * Everything `BitkitDefinitionTooltip` takes — `children` is the column title, `text` the definition\n * — on top of everything a `Table.ColumnHeader` takes. The two the header owns are gone: `textSize`,\n * because the point is to keep the header's own type, and the tooltip's `truncate`, because the title\n * always truncates and `truncate` stays the header cell's own style prop.\n */\nexport interface BitkitDefinitionColumnHeaderProps\n  extends Omit<Table.ColumnHeaderProps, 'children'>, Omit<BitkitDefinitionTooltipProps, 'textSize' | 'truncate'> {}\n\n/**\n * A column header whose title is a glossary term: underlined, and revealing what the column means on\n * demand. It is `BitkitDefinitionTooltip` for a table header — same props, same behaviour, except the\n * title keeps the header's own type (`heading/h5`) instead of the body type that component pins.\n *\n * That type is also why it composes `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:\n * the latter's recipe always applies a `textSize`, and there is no value for it that means \"inherit\".\n *\n * Only the title is the trigger, so the rest of the header stays inert. Everything else a\n * `Table.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.\n */\nconst BitkitDefinitionColumnHeader = forwardRef<HTMLTableCellElement, BitkitDefinitionColumnHeaderProps>(\n  (\n    { button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = 'click', placement, text, ...rest },\n    ref,\n  ) => {\n    const styles = useTableStyles();\n    const [open, setOpen] = useState(false);\n    const isClick = method === 'click';\n\n    return (\n      <Table.ColumnHeader ref={ref} {...rest}>\n        <BitkitTooltip\n          button={button}\n          closeOnClick={isClick ? false : undefined}\n          disablePortal={disablePortal}\n          learnMoreTarget={learnMoreTarget}\n          learnMoreUrl={learnMoreUrl}\n          onOpenChange={\n            isClick\n              ? ({ open: nextOpen }) => {\n                  if (!nextOpen) setOpen(false);\n                }\n              : undefined\n          }\n          open={isClick ? open : undefined}\n          openDelay={isClick ? Infinity : undefined}\n          placement={placement}\n          text={text}\n        >\n          {/* chakra.button: no named primitive attaches a recipe slot to a bare trigger button */}\n          <chakra.button\n            aria-expanded={isClick ? open : undefined}\n            css={styles.definitionTrigger}\n            onClick={isClick ? () => setOpen(!open) : undefined}\n            truncate\n            type=\"button\"\n          >\n            {children}\n          </chakra.button>\n        </BitkitTooltip>\n      </Table.ColumnHeader>\n    );\n  },\n);\n\nBitkitDefinitionColumnHeader.displayName = 'BitkitDefinitionColumnHeader';\n\nexport default BitkitDefinitionColumnHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAM,+BAA+B,YAEjC,EAAE,QAAQ,UAAU,eAAe,iBAAiB,cAAc,SAAS,SAAS,WAAW,MAAM,GAAG,QACxG,QACG;CACH,MAAM,SAAS,eAAe;CAC9B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,UAAU,WAAW;CAE3B,OACE,oBAAC,MAAM,cAAP;EAAyB;EAAK,GAAI;EAChC,UAAA,oBAAC,eAAD;GACU;GACR,cAAc,UAAU,QAAQ,KAAA;GACjB;GACE;GACH;GACd,cACE,WACK,EAAE,MAAM,eAAe;IACtB,IAAI,CAAC,UAAU,QAAQ,KAAK;GAC9B,IACA,KAAA;GAEN,MAAM,UAAU,OAAO,KAAA;GACvB,WAAW,UAAU,WAAW,KAAA;GACrB;GACL;GAGN,UAAA,oBAAC,OAAO,QAAR;IACE,iBAAe,UAAU,OAAO,KAAA;IAChC,KAAK,OAAO;IACZ,SAAS,gBAAgB,QAAQ,CAAC,IAAI,IAAI,KAAA;IAC1C,UAAA;IACA,MAAK;IAEJ;GACY,CAAA;EACF,CAAA;CACG,CAAA;AAExB,CACF;AAEA,6BAA6B,cAAc"}
+{"version":3,"file":"BitkitDefinitionColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitDefinitionColumnHeader.tsx"],"sourcesContent":["import { chakra } from '@chakra-ui/react/styled-system';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, useState } from 'react';\n\nimport { type BitkitDefinitionTooltipProps } from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n/**\n * Everything `BitkitDefinitionTooltip` takes — `children` is the column title, `text` the definition\n * — on top of everything a `BitkitTable.ColumnHeader` takes. The two the header owns are gone: `textSize`,\n * because the point is to keep the header's own type, and the tooltip's `truncate`, because the title\n * always truncates and `truncate` stays the header cell's own style prop.\n */\nexport interface BitkitDefinitionColumnHeaderProps\n  extends Omit<Table.ColumnHeaderProps, 'children'>, Omit<BitkitDefinitionTooltipProps, 'textSize' | 'truncate'> {}\n\n/**\n * A column header whose title is a glossary term: underlined, and revealing what the column means on\n * demand. It is `BitkitDefinitionTooltip` for a table header — same props, same behaviour, except the\n * title keeps the header's own type (`heading/h5`) instead of the body type that component pins.\n *\n * That type is also why it composes `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:\n * the latter's recipe always applies a `textSize`, and there is no value for it that means \"inherit\".\n *\n * Only the title is the trigger, so the rest of the header stays inert. Everything else a\n * `BitkitTable.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.\n */\nconst BitkitDefinitionColumnHeader = forwardRef<HTMLTableCellElement, BitkitDefinitionColumnHeaderProps>(\n  (\n    { button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = 'click', placement, text, ...rest },\n    ref,\n  ) => {\n    const styles = useTableStyles();\n    const [open, setOpen] = useState(false);\n    const isClick = method === 'click';\n\n    return (\n      <Table.ColumnHeader ref={ref} {...rest}>\n        <BitkitTooltip\n          button={button}\n          closeOnClick={isClick ? false : undefined}\n          disablePortal={disablePortal}\n          learnMoreTarget={learnMoreTarget}\n          learnMoreUrl={learnMoreUrl}\n          onOpenChange={\n            isClick\n              ? ({ open: nextOpen }) => {\n                  if (!nextOpen) setOpen(false);\n                }\n              : undefined\n          }\n          open={isClick ? open : undefined}\n          openDelay={isClick ? Infinity : undefined}\n          placement={placement}\n          text={text}\n        >\n          {/* chakra.button: no named primitive attaches a recipe slot to a bare trigger button */}\n          <chakra.button\n            aria-expanded={isClick ? open : undefined}\n            css={styles.definitionTrigger}\n            onClick={isClick ? () => setOpen(!open) : undefined}\n            truncate\n            type=\"button\"\n          >\n            {children}\n          </chakra.button>\n        </BitkitTooltip>\n      </Table.ColumnHeader>\n    );\n  },\n);\n\nBitkitDefinitionColumnHeader.displayName = 'BitkitTable.DefinitionColumnHeader';\n\nexport default BitkitDefinitionColumnHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAM,+BAA+B,YAEjC,EAAE,QAAQ,UAAU,eAAe,iBAAiB,cAAc,SAAS,SAAS,WAAW,MAAM,GAAG,QACxG,QACG;CACH,MAAM,SAAS,eAAe;CAC9B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,UAAU,WAAW;CAE3B,OACE,oBAAC,MAAM,cAAP;EAAyB;EAAK,GAAI;EAChC,UAAA,oBAAC,eAAD;GACU;GACR,cAAc,UAAU,QAAQ,KAAA;GACjB;GACE;GACH;GACd,cACE,WACK,EAAE,MAAM,eAAe;IACtB,IAAI,CAAC,UAAU,QAAQ,KAAK;GAC9B,IACA,KAAA;GAEN,MAAM,UAAU,OAAO,KAAA;GACvB,WAAW,UAAU,WAAW,KAAA;GACrB;GACL;GAGN,UAAA,oBAAC,OAAO,QAAR;IACE,iBAAe,UAAU,OAAO,KAAA;IAChC,KAAK,OAAO;IACZ,SAAS,gBAAgB,QAAQ,CAAC,IAAI,IAAI,KAAA;IAC1C,UAAA;IACA,MAAK;IAEJ;GACY,CAAA;EACF,CAAA;CACG,CAAA;AAExB,CACF;AAEA,6BAA6B,cAAc"}

package/dist/components/BitkitTable/BitkitExpandableRow.js

@@ -37,7 +37,7 @@ var BitkitExpandableRow = forwardRef(({ children, colSpan, defaultOpen = false,
 		})] })
 	});
 });
-BitkitExpandableRow.displayName = "BitkitExpandableRow";
+BitkitExpandableRow.displayName = "BitkitTable.ExpandableRow";
 //#endregion
 export { BitkitExpandableRow as default };
 

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

@@ -1 +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 { Table, useTableStyles } 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 BitkitExpandableRow = forwardRef<HTMLTableRowElement, BitkitExpandableRowProps>(\n  ({ children, colSpan, defaultOpen = false, expandedContent }, ref) => {\n    const styles = useTableStyles();\n\n    return (\n      <Collapsible.Root asChild defaultOpen={defaultOpen}>\n        <>\n          <Table.Row ref={ref} css={styles.expandableRow}>\n            <Table.Cell css={styles.expandCell}>\n              <Collapsible.Trigger aria-label=\"Toggle row details\" css={styles.expandTrigger}>\n                <Collapsible.Indicator asChild>\n                  <AssetSelectChevron color=\"button/secondary/text\" />\n                </Collapsible.Indicator>\n              </Collapsible.Trigger>\n            </Table.Cell>\n            {children}\n          </Table.Row>\n          <Table.Row css={styles.expandedRow}>\n            <Table.Cell colSpan={colSpan} css={styles.expandedCell}>\n              <Collapsible.Content>\n                <Box css={styles.expandedContent}>{expandedContent}</Box>\n              </Collapsible.Content>\n            </Table.Cell>\n          </Table.Row>\n        </>\n      </Collapsible.Root>\n    );\n  },\n);\n\nBitkitExpandableRow.displayName = 'BitkitExpandableRow';\n\nexport default BitkitExpandableRow;\n"],"mappings":";;;;;;;AAcA,IAAM,sBAAsB,YACzB,EAAE,UAAU,SAAS,cAAc,OAAO,mBAAmB,QAAQ;CACpE,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,YAAY,MAAb;EAAkB,SAAA;EAAqB;EACrC,UAAA,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAM,KAAP;GAAgB;GAAK,KAAK,OAAO;GAAjC,UAAA,CACE,oBAAC,MAAM,MAAP;IAAY,KAAK,OAAO;IACtB,UAAA,oBAAC,YAAY,SAAb;KAAqB,cAAW;KAAqB,KAAK,OAAO;KAC/D,UAAA,oBAAC,YAAY,WAAb;MAAuB,SAAA;MACrB,UAAA,oBAAC,oBAAD,EAAoB,OAAM,wBAAyB,CAAA;KAC9B,CAAA;IACJ,CAAA;GACX,CAAA,GACX,QACQ;EACX,CAAA,GAAA,oBAAC,MAAM,KAAP;GAAW,KAAK,OAAO;GACrB,UAAA,oBAAC,MAAM,MAAP;IAAqB;IAAS,KAAK,OAAO;IACxC,UAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAkB,UAAA;IAAqB,CAAA,EACrC,CAAA;GACX,CAAA;EACH,CAAA,CACX,EAAA,CAAA;CACc,CAAA;AAEtB,CACF;AAEA,oBAAoB,cAAc"}
+{"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 { Table, useTableStyles } 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 BitkitExpandableRow = forwardRef<HTMLTableRowElement, BitkitExpandableRowProps>(\n  ({ children, colSpan, defaultOpen = false, expandedContent }, ref) => {\n    const styles = useTableStyles();\n\n    return (\n      <Collapsible.Root asChild defaultOpen={defaultOpen}>\n        <>\n          <Table.Row ref={ref} css={styles.expandableRow}>\n            <Table.Cell css={styles.expandCell}>\n              <Collapsible.Trigger aria-label=\"Toggle row details\" css={styles.expandTrigger}>\n                <Collapsible.Indicator asChild>\n                  <AssetSelectChevron color=\"button/secondary/text\" />\n                </Collapsible.Indicator>\n              </Collapsible.Trigger>\n            </Table.Cell>\n            {children}\n          </Table.Row>\n          <Table.Row css={styles.expandedRow}>\n            <Table.Cell colSpan={colSpan} css={styles.expandedCell}>\n              <Collapsible.Content>\n                <Box css={styles.expandedContent}>{expandedContent}</Box>\n              </Collapsible.Content>\n            </Table.Cell>\n          </Table.Row>\n        </>\n      </Collapsible.Root>\n    );\n  },\n);\n\nBitkitExpandableRow.displayName = 'BitkitTable.ExpandableRow';\n\nexport default BitkitExpandableRow;\n"],"mappings":";;;;;;;AAcA,IAAM,sBAAsB,YACzB,EAAE,UAAU,SAAS,cAAc,OAAO,mBAAmB,QAAQ;CACpE,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,YAAY,MAAb;EAAkB,SAAA;EAAqB;EACrC,UAAA,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAM,KAAP;GAAgB;GAAK,KAAK,OAAO;GAAjC,UAAA,CACE,oBAAC,MAAM,MAAP;IAAY,KAAK,OAAO;IACtB,UAAA,oBAAC,YAAY,SAAb;KAAqB,cAAW;KAAqB,KAAK,OAAO;KAC/D,UAAA,oBAAC,YAAY,WAAb;MAAuB,SAAA;MACrB,UAAA,oBAAC,oBAAD,EAAoB,OAAM,wBAAyB,CAAA;KAC9B,CAAA;IACJ,CAAA;GACX,CAAA,GACX,QACQ;EACX,CAAA,GAAA,oBAAC,MAAM,KAAP;GAAW,KAAK,OAAO;GACrB,UAAA,oBAAC,MAAM,MAAP;IAAqB;IAAS,KAAK,OAAO;IACxC,UAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAkB,UAAA;IAAqB,CAAA,EACrC,CAAA;GACX,CAAA;EACH,CAAA,CACX,EAAA,CAAA;CACc,CAAA;AAEtB,CACF;AAEA,oBAAoB,cAAc"}