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

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

@@ -7,18 +7,18 @@ export interface BitkitFilterRowProps extends Omit<Table.RowProps, 'children'> {
     colSpan: number;
 }
 /**
- * A full-width row of filter controls above the column headers. Belongs in `Table.Header`, before
- * the `Table.Row` that holds the column headers.
+ * A full-width row of filter controls above the column headers. Belongs in `BitkitTable.Header`, before
+ * the `BitkitTable.Row` that holds the column headers.
  *
  * @example
  * ```tsx
- * <Table.Header>
- *   <BitkitFilterRow colSpan={COL_COUNT}>
+ * <BitkitTable.Header>
+ *   <BitkitTable.FilterRow colSpan={COL_COUNT}>
  *     <BitkitSearchInput onChange={...} value={search} />
  *     <BitkitSelect items={teams} onValueChange={...} value={team} />
- *   </BitkitFilterRow>
- *   <Table.Row>{columnHeaders}</Table.Row>
- * </Table.Header>
+ *   </BitkitTable.FilterRow>
+ *   <BitkitTable.Row>{columnHeaders}</BitkitTable.Row>
+ * </BitkitTable.Header>
  * ```
  */
 declare const BitkitFilterRow: import('react').ForwardRefExoticComponent<BitkitFilterRowProps & import('react').RefAttributes<HTMLTableRowElement>>;

package/dist/components/BitkitTable/BitkitFilterRow.js

@@ -4,18 +4,18 @@ import { jsx } from "react/jsx-runtime";
 import { Table, useTableStyles } from "@chakra-ui/react/table";
 //#region lib/components/BitkitTable/BitkitFilterRow.tsx
 /**
-* A full-width row of filter controls above the column headers. Belongs in `Table.Header`, before
-* the `Table.Row` that holds the column headers.
+* A full-width row of filter controls above the column headers. Belongs in `BitkitTable.Header`, before
+* the `BitkitTable.Row` that holds the column headers.
 *
 * @example
 * ```tsx
-* <Table.Header>
-*   <BitkitFilterRow colSpan={COL_COUNT}>
+* <BitkitTable.Header>
+*   <BitkitTable.FilterRow colSpan={COL_COUNT}>
 *     <BitkitSearchInput onChange={...} value={search} />
 *     <BitkitSelect items={teams} onValueChange={...} value={team} />
-*   </BitkitFilterRow>
-*   <Table.Row>{columnHeaders}</Table.Row>
-* </Table.Header>
+*   </BitkitTable.FilterRow>
+*   <BitkitTable.Row>{columnHeaders}</BitkitTable.Row>
+* </BitkitTable.Header>
 * ```
 */
 var BitkitFilterRow = forwardRef((props, ref) => {
@@ -34,7 +34,7 @@ var BitkitFilterRow = forwardRef((props, ref) => {
 		})
 	});
 });
-BitkitFilterRow.displayName = "BitkitFilterRow";
+BitkitFilterRow.displayName = "BitkitTable.FilterRow";
 //#endregion
 export { BitkitFilterRow as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitFilterRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitFilterRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactNode } from 'react';\n\nexport interface BitkitFilterRowProps extends Omit<Table.RowProps, 'children'> {\n  /** The filter controls. Laid out in a wrapping row, so any number of them fits. */\n  children: ReactNode;\n  /** Must match the table's column count, so the row spans the full width. */\n  colSpan: number;\n}\n\n/**\n * A full-width row of filter controls above the column headers. Belongs in `Table.Header`, before\n * the `Table.Row` that holds the column headers.\n *\n * @example\n * ```tsx\n * <Table.Header>\n *   <BitkitFilterRow colSpan={COL_COUNT}>\n *     <BitkitSearchInput onChange={...} value={search} />\n *     <BitkitSelect items={teams} onValueChange={...} value={team} />\n *   </BitkitFilterRow>\n *   <Table.Row>{columnHeaders}</Table.Row>\n * </Table.Header>\n * ```\n */\nconst BitkitFilterRow = forwardRef<HTMLTableRowElement, BitkitFilterRowProps>((props, ref) => {\n  const { children, colSpan, ...rest } = props;\n  const styles = useTableStyles();\n\n  return (\n    <Table.Row ref={ref} {...rest}>\n      <Table.Cell colSpan={colSpan} css={styles.utilityCell}>\n        <Box css={styles.filterControls}>{children}</Box>\n      </Table.Cell>\n    </Table.Row>\n  );\n});\n\nBitkitFilterRow.displayName = 'BitkitFilterRow';\n\nexport default BitkitFilterRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,kBAAkB,YAAuD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CACvC,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,MAAM,KAAP;EAAgB;EAAK,GAAI;EACvB,UAAA,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK,OAAO;GACxC,UAAA,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAiB;GAAc,CAAA;EACtC,CAAA;CACH,CAAA;AAEf,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"BitkitFilterRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitFilterRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactNode } from 'react';\n\nexport interface BitkitFilterRowProps extends Omit<Table.RowProps, 'children'> {\n  /** The filter controls. Laid out in a wrapping row, so any number of them fits. */\n  children: ReactNode;\n  /** Must match the table's column count, so the row spans the full width. */\n  colSpan: number;\n}\n\n/**\n * A full-width row of filter controls above the column headers. Belongs in `BitkitTable.Header`, before\n * the `BitkitTable.Row` that holds the column headers.\n *\n * @example\n * ```tsx\n * <BitkitTable.Header>\n *   <BitkitTable.FilterRow colSpan={COL_COUNT}>\n *     <BitkitSearchInput onChange={...} value={search} />\n *     <BitkitSelect items={teams} onValueChange={...} value={team} />\n *   </BitkitTable.FilterRow>\n *   <BitkitTable.Row>{columnHeaders}</BitkitTable.Row>\n * </BitkitTable.Header>\n * ```\n */\nconst BitkitFilterRow = forwardRef<HTMLTableRowElement, BitkitFilterRowProps>((props, ref) => {\n  const { children, colSpan, ...rest } = props;\n  const styles = useTableStyles();\n\n  return (\n    <Table.Row ref={ref} {...rest}>\n      <Table.Cell colSpan={colSpan} css={styles.utilityCell}>\n        <Box css={styles.filterControls}>{children}</Box>\n      </Table.Cell>\n    </Table.Row>\n  );\n});\n\nBitkitFilterRow.displayName = 'BitkitTable.FilterRow';\n\nexport default BitkitFilterRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,kBAAkB,YAAuD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CACvC,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,MAAM,KAAP;EAAgB;EAAK,GAAI;EACvB,UAAA,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK,OAAO;GACxC,UAAA,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAiB;GAAc,CAAA;EACtC,CAAA;CACH,CAAA;AAEf,CAAC;AAED,gBAAgB,cAAc"}

package/dist/components/BitkitTable/BitkitLinkedRow.js

@@ -5,26 +5,26 @@ import { Table, useTableStyles } from "@chakra-ui/react/table";
 //#region lib/components/BitkitTable/BitkitLinkedRow.tsx
 /**
 * A table row that navigates as a whole. Exactly one of its cells must be a
-* `BitkitLinkedRow.LinkCell` holding the row's link — that link's text becomes the row's accessible
-* name, and its stretched pseudo-element makes the entire row the click and focus target.
+* `BitkitTable.LinkedRow.LinkCell` holding the row's link — that link's text becomes the row's
+* accessible name, and its stretched pseudo-element makes the entire row the click and focus target.
 *
 * Interactive elements in the other cells (buttons, checkboxes, other links) stay clickable: they
-* are lifted above the stretched link, so a `BitkitRowActionsCell` works inside a linked row.
+* are lifted above the stretched link, so a `BitkitTable.RowActionsCell` works inside a linked row.
 *
 * Neither requirement is enforced: a row without a `LinkCell`, or one whose link has no `href`,
 * still renders with the linked-row styling — hover affordance included — and navigates nowhere.
 *
 * @example
 * ```tsx
-* <BitkitLinkedRow>
-*   <BitkitLinkedRow.LinkCell>
+* <BitkitTable.LinkedRow>
+*   <BitkitTable.LinkedRow.LinkCell>
 *     <BitkitLink colorVariant="purple" href={`/workflows/${row.id}`}>
 *       {row.name}
 *     </BitkitLink>
-*   </BitkitLinkedRow.LinkCell>
-*   <Table.Cell>{row.status}</Table.Cell>
-*   <BitkitRowActionsCell actions={actions} />
-* </BitkitLinkedRow>
+*   </BitkitTable.LinkedRow.LinkCell>
+*   <BitkitTable.Cell>{row.status}</BitkitTable.Cell>
+*   <BitkitTable.RowActionsCell actions={actions} />
+* </BitkitTable.LinkedRow>
 * ```
 */
 var BitkitLinkedRow = forwardRef((props, ref) => {
@@ -37,7 +37,7 @@ var BitkitLinkedRow = forwardRef((props, ref) => {
 		children
 	});
 });
-BitkitLinkedRow.displayName = "BitkitLinkedRow";
+BitkitLinkedRow.displayName = "BitkitTable.LinkedRow";
 /**
 * The cell that carries the row's link, so give it the cell that names the row. The cell only
 * stretches its link across the row, leaving the styling to the link itself.
@@ -53,7 +53,7 @@ var LinkCell = forwardRef((props, ref) => {
 		children
 	});
 });
-LinkCell.displayName = "BitkitLinkedRow.LinkCell";
+LinkCell.displayName = "BitkitTable.LinkedRow.LinkCell";
 var BitkitLinkedRow_default = withSubComponents(BitkitLinkedRow, { LinkCell });
 //#endregion
 export { BitkitLinkedRow_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitLinkedRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitLinkedRow.tsx"],"sourcesContent":["import { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactElement } from 'react';\n\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport { type BitkitLinkProps } from '../BitkitLink/BitkitLink';\n\nexport type BitkitLinkedRowProps = Omit<Table.RowProps, 'onClick'>;\n\n/**\n * A table row that navigates as a whole. Exactly one of its cells must be a\n * `BitkitLinkedRow.LinkCell` holding the row's link — that link's text becomes the row's accessible\n * name, and its stretched pseudo-element makes the entire row the click and focus target.\n *\n * Interactive elements in the other cells (buttons, checkboxes, other links) stay clickable: they\n * are lifted above the stretched link, so a `BitkitRowActionsCell` works inside a linked row.\n *\n * Neither requirement is enforced: a row without a `LinkCell`, or one whose link has no `href`,\n * still renders with the linked-row styling — hover affordance included — and navigates nowhere.\n *\n * @example\n * ```tsx\n * <BitkitLinkedRow>\n *   <BitkitLinkedRow.LinkCell>\n *     <BitkitLink colorVariant=\"purple\" href={`/workflows/${row.id}`}>\n *       {row.name}\n *     </BitkitLink>\n *   </BitkitLinkedRow.LinkCell>\n *   <Table.Cell>{row.status}</Table.Cell>\n *   <BitkitRowActionsCell actions={actions} />\n * </BitkitLinkedRow>\n * ```\n */\nconst BitkitLinkedRow = forwardRef<HTMLTableRowElement, BitkitLinkedRowProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useTableStyles();\n\n  return (\n    <Table.Row ref={ref} css={styles.linkedRow} {...rest}>\n      {children}\n    </Table.Row>\n  );\n});\n\nBitkitLinkedRow.displayName = 'BitkitLinkedRow';\n\nexport interface BitkitLinkedRowLinkCellProps extends Omit<Table.CellProps, 'children'> {\n  /**\n   * The row's link: a single `BitkitLink` with its own `href`, `isExternal`, `colorVariant` and any\n   * other link prop. The type only rules out bare text and multiple children — a non-link element,\n   * or a `BitkitLink` without an `href`, type-checks as well and leaves the row looking linked\n   * while navigating nowhere. Anything else the cell should show (an icon, a `VisuallyHidden` name)\n   * goes inside the link.\n   */\n  children: ReactElement<BitkitLinkProps>;\n}\n\n/**\n * The cell that carries the row's link, so give it the cell that names the row. The cell only\n * stretches its link across the row, leaving the styling to the link itself.\n */\nconst LinkCell = forwardRef<HTMLTableCellElement, BitkitLinkedRowLinkCellProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useTableStyles();\n\n  return (\n    <Table.Cell ref={ref} css={styles.linkCell} data-link-cell {...rest}>\n      {children}\n    </Table.Cell>\n  );\n});\n\nLinkCell.displayName = 'BitkitLinkedRow.LinkCell';\n\nexport default withSubComponents(BitkitLinkedRow, { LinkCell });\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAM,kBAAkB,YAAuD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,MAAM,KAAP;EAAgB;EAAK,KAAK,OAAO;EAAW,GAAI;EAC7C;CACQ,CAAA;AAEf,CAAC;AAED,gBAAgB,cAAc;;;;;AAiB9B,IAAM,WAAW,YAAgE,OAAO,QAAQ;CAC9F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,KAAK,OAAO;EAAU,kBAAA;EAAe,GAAI;EAC5D;CACS,CAAA;AAEhB,CAAC;AAED,SAAS,cAAc;AAEvB,IAAA,0BAAe,kBAAkB,iBAAiB,EAAE,SAAS,CAAC"}
+{"version":3,"file":"BitkitLinkedRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitLinkedRow.tsx"],"sourcesContent":["import { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactElement } from 'react';\n\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport { type BitkitLinkProps } from '../BitkitLink/BitkitLink';\n\nexport type BitkitLinkedRowProps = Omit<Table.RowProps, 'onClick'>;\n\n/**\n * A table row that navigates as a whole. Exactly one of its cells must be a\n * `BitkitTable.LinkedRow.LinkCell` holding the row's link — that link's text becomes the row's\n * accessible name, and its stretched pseudo-element makes the entire row the click and focus target.\n *\n * Interactive elements in the other cells (buttons, checkboxes, other links) stay clickable: they\n * are lifted above the stretched link, so a `BitkitTable.RowActionsCell` works inside a linked row.\n *\n * Neither requirement is enforced: a row without a `LinkCell`, or one whose link has no `href`,\n * still renders with the linked-row styling — hover affordance included — and navigates nowhere.\n *\n * @example\n * ```tsx\n * <BitkitTable.LinkedRow>\n *   <BitkitTable.LinkedRow.LinkCell>\n *     <BitkitLink colorVariant=\"purple\" href={`/workflows/${row.id}`}>\n *       {row.name}\n *     </BitkitLink>\n *   </BitkitTable.LinkedRow.LinkCell>\n *   <BitkitTable.Cell>{row.status}</BitkitTable.Cell>\n *   <BitkitTable.RowActionsCell actions={actions} />\n * </BitkitTable.LinkedRow>\n * ```\n */\nconst BitkitLinkedRow = forwardRef<HTMLTableRowElement, BitkitLinkedRowProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useTableStyles();\n\n  return (\n    <Table.Row ref={ref} css={styles.linkedRow} {...rest}>\n      {children}\n    </Table.Row>\n  );\n});\n\nBitkitLinkedRow.displayName = 'BitkitTable.LinkedRow';\n\nexport interface BitkitLinkedRowLinkCellProps extends Omit<Table.CellProps, 'children'> {\n  /**\n   * The row's link: a single `BitkitLink` with its own `href`, `isExternal`, `colorVariant` and any\n   * other link prop. The type only rules out bare text and multiple children — a non-link element,\n   * or a `BitkitLink` without an `href`, type-checks as well and leaves the row looking linked\n   * while navigating nowhere. Anything else the cell should show (an icon, a `VisuallyHidden` name)\n   * goes inside the link.\n   */\n  children: ReactElement<BitkitLinkProps>;\n}\n\n/**\n * The cell that carries the row's link, so give it the cell that names the row. The cell only\n * stretches its link across the row, leaving the styling to the link itself.\n */\nconst LinkCell = forwardRef<HTMLTableCellElement, BitkitLinkedRowLinkCellProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useTableStyles();\n\n  return (\n    <Table.Cell ref={ref} css={styles.linkCell} data-link-cell {...rest}>\n      {children}\n    </Table.Cell>\n  );\n});\n\nLinkCell.displayName = 'BitkitTable.LinkedRow.LinkCell';\n\nexport default withSubComponents(BitkitLinkedRow, { LinkCell });\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAM,kBAAkB,YAAuD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,MAAM,KAAP;EAAgB;EAAK,KAAK,OAAO;EAAW,GAAI;EAC7C;CACQ,CAAA;AAEf,CAAC;AAED,gBAAgB,cAAc;;;;;AAiB9B,IAAM,WAAW,YAAgE,OAAO,QAAQ;CAC9F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe;CAE9B,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,KAAK,OAAO;EAAU,kBAAA;EAAe,GAAI;EAC5D;CACS,CAAA;AAEhB,CAAC;AAED,SAAS,cAAc;AAEvB,IAAA,0BAAe,kBAAkB,iBAAiB,EAAE,SAAS,CAAC"}

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

@@ -32,11 +32,11 @@ export interface BitkitRowActionsCellProps extends Omit<Table.CellProps, 'childr
  *
  * Up to two actions render as inline icon buttons; from the third on they collapse into a single
  * action menu, so the column width stays predictable. Clicks are kept inside the cell, so the
- * actions work in a `BitkitLinkedRow` without triggering the row link.
+ * actions work in a `BitkitTable.LinkedRow` without triggering the row link.
  *
  * @example
  * ```tsx
- * <BitkitRowActionsCell
+ * <BitkitTable.RowActionsCell
  *   actions={[
  *     { icon: IconPencil, label: 'Edit', onClick: onEdit },
  *     { danger: true, icon: IconMinusCircle, label: 'Remove', onClick: onRemove },

package/dist/components/BitkitTable/BitkitRowActionsCell.js

@@ -50,11 +50,11 @@ var MenuAction = ({ action }) => {
 *
 * Up to two actions render as inline icon buttons; from the third on they collapse into a single
 * action menu, so the column width stays predictable. Clicks are kept inside the cell, so the
-* actions work in a `BitkitLinkedRow` without triggering the row link.
+* actions work in a `BitkitTable.LinkedRow` without triggering the row link.
 *
 * @example
 * ```tsx
-* <BitkitRowActionsCell
+* <BitkitTable.RowActionsCell
 *   actions={[
 *     { icon: IconPencil, label: 'Edit', onClick: onEdit },
 *     { danger: true, icon: IconMinusCircle, label: 'Remove', onClick: onRemove },
@@ -85,7 +85,7 @@ var BitkitRowActionsCell = forwardRef((props, ref) => {
 		})
 	});
 });
-BitkitRowActionsCell.displayName = "BitkitRowActionsCell";
+BitkitRowActionsCell.displayName = "BitkitTable.RowActionsCell";
 //#endregion
 export { BitkitRowActionsCell as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitRowActionsCell.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitRowActionsCell.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, type MouseEvent } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconMoreVertical from '../../icons/IconMoreVertical';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton';\n\n/** One row action, rendered either as an inline control button or as an action menu item. */\nexport interface BitkitRowAction {\n  /** Renders the action in the danger color set. */\n  danger?: boolean;\n  /** Makes the action a link instead of a button. */\n  href?: string;\n  icon: BitkitIconComponent;\n  /** Only with `href`: opens the link in a new tab and adds the external-link affordance. */\n  isExternal?: boolean;\n  /** Accessible name of the inline button, and the visible text of the menu item. Must be unique\n   * within `actions`, since it keys the list. */\n  label: string;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /**\n   * `disabled` makes this one action inert. `skeleton` marks it as in flight: an inline action\n   * shimmers in place, and in the collapsed menu the trigger shimmers instead — the state belongs\n   * to the row, and the items sit behind a closed menu. Menu items are inert under either state.\n   */\n  state?: 'disabled' | 'skeleton';\n}\n\nexport interface BitkitRowActionsCellProps extends Omit<Table.CellProps, 'children' | 'onClick'> {\n  /** Up to two actions render as inline icon buttons; three or more collapse into an action menu. */\n  actions: BitkitRowAction[];\n  /** Accessible name of the action menu trigger, used from the third action on. Default: `More actions` */\n  menuLabel?: string;\n}\n\nconst MAX_INLINE_ACTIONS = 2;\n\nconst InlineAction = ({ action }: { action: BitkitRowAction }) => {\n  if (action.href !== undefined) {\n    return (\n      <BitkitControlButton\n        href={action.href}\n        icon={action.icon}\n        isDanger={action.danger}\n        isExternal={action.isExternal}\n        label={action.label}\n        onClick={action.onClick}\n        state={action.state}\n      />\n    );\n  }\n\n  return (\n    <BitkitControlButton\n      icon={action.icon}\n      isDanger={action.danger}\n      label={action.label}\n      onClick={action.onClick}\n      state={action.state}\n    />\n  );\n};\n\nconst MenuAction = ({ action }: { action: BitkitRowAction }) => {\n  if (action.href !== undefined) {\n    return (\n      <BitkitActionMenu.Item\n        disabled={action.state !== undefined}\n        href={action.href}\n        icon={action.icon}\n        isDanger={action.danger}\n        isExternal={action.isExternal}\n        onClick={action.onClick}\n        value={action.label}\n      >\n        {action.label}\n      </BitkitActionMenu.Item>\n    );\n  }\n\n  return (\n    <BitkitActionMenu.Item\n      disabled={action.state !== undefined}\n      icon={action.icon}\n      isDanger={action.danger}\n      onClick={action.onClick}\n      value={action.label}\n    >\n      {action.label}\n    </BitkitActionMenu.Item>\n  );\n};\n\n/**\n * The trailing cell of a table row, holding its actions. The column shrinks to fit the buttons.\n *\n * Up to two actions render as inline icon buttons; from the third on they collapse into a single\n * action menu, so the column width stays predictable. Clicks are kept inside the cell, so the\n * actions work in a `BitkitLinkedRow` without triggering the row link.\n *\n * @example\n * ```tsx\n * <BitkitRowActionsCell\n *   actions={[\n *     { icon: IconPencil, label: 'Edit', onClick: onEdit },\n *     { danger: true, icon: IconMinusCircle, label: 'Remove', onClick: onRemove },\n *   ]}\n * />\n * ```\n */\nconst BitkitRowActionsCell = forwardRef<HTMLTableCellElement, BitkitRowActionsCellProps>((props, ref) => {\n  const { actions, menuLabel = 'More actions', ...rest } = props;\n  const styles = useTableStyles();\n  const isPending = actions.some((action) => action.state === 'skeleton');\n\n  return (\n    <Table.Cell ref={ref} css={styles.actionsCell} {...rest}>\n      <Box css={styles.actionsGroup} onClick={(event) => event.stopPropagation()}>\n        {actions.length <= MAX_INLINE_ACTIONS ? (\n          actions.map((action) => <InlineAction key={action.label} action={action} />)\n        ) : (\n          <BitkitActionMenu\n            size=\"md\"\n            trigger={\n              <BitkitControlButton\n                icon={IconMoreVertical}\n                label={menuLabel}\n                state={isPending ? 'skeleton' : undefined}\n              />\n            }\n          >\n            {actions.map((action) => (\n              <MenuAction key={action.label} action={action} />\n            ))}\n          </BitkitActionMenu>\n        )}\n      </Box>\n    </Table.Cell>\n  );\n});\n\nBitkitRowActionsCell.displayName = 'BitkitRowActionsCell';\n\nexport default BitkitRowActionsCell;\n"],"mappings":";;;;;;;;AAqCA,IAAM,qBAAqB;AAE3B,IAAM,gBAAgB,EAAE,aAA0C;CAChE,IAAI,OAAO,SAAS,KAAA,GAClB,OACE,oBAAC,qBAAD;EACE,MAAM,OAAO;EACb,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,YAAY,OAAO;EACnB,OAAO,OAAO;EACd,SAAS,OAAO;EAChB,OAAO,OAAO;CACf,CAAA;CAIL,OACE,oBAAC,qBAAD;EACE,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,OAAO,OAAO;EACd,SAAS,OAAO;EAChB,OAAO,OAAO;CACf,CAAA;AAEL;AAEA,IAAM,cAAc,EAAE,aAA0C;CAC9D,IAAI,OAAO,SAAS,KAAA,GAClB,OACE,oBAAC,yBAAiB,MAAlB;EACE,UAAU,OAAO,UAAU,KAAA;EAC3B,MAAM,OAAO;EACb,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,YAAY,OAAO;EACnB,SAAS,OAAO;EAChB,OAAO,OAAO;EAEb,UAAA,OAAO;CACa,CAAA;CAI3B,OACE,oBAAC,yBAAiB,MAAlB;EACE,UAAU,OAAO,UAAU,KAAA;EAC3B,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,SAAS,OAAO;EAChB,OAAO,OAAO;EAEb,UAAA,OAAO;CACa,CAAA;AAE3B;;;;;;;;;;;;;;;;;;AAmBA,IAAM,uBAAuB,YAA6D,OAAO,QAAQ;CACvG,MAAM,EAAE,SAAS,YAAY,gBAAgB,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe;CAC9B,MAAM,YAAY,QAAQ,MAAM,WAAW,OAAO,UAAU,UAAU;CAEtE,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,KAAK,OAAO;EAAa,GAAI;EACjD,UAAA,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAc,UAAU,UAAU,MAAM,gBAAgB;GACtE,UAAA,QAAQ,UAAU,qBACjB,QAAQ,KAAK,WAAW,oBAAC,cAAD,EAAyC,OAAS,GAA/B,OAAO,KAAwB,CAAC,IAE3E,oBAAC,0BAAD;IACE,MAAK;IACL,SACE,oBAAC,qBAAD;KACE,MAAM;KACN,OAAO;KACP,OAAO,YAAY,aAAa,KAAA;IACjC,CAAA;IAGF,UAAA,QAAQ,KAAK,WACZ,oBAAC,YAAD,EAAuC,OAAS,GAA/B,OAAO,KAAwB,CACjD;GACe,CAAA;EAEjB,CAAA;CACK,CAAA;AAEhB,CAAC;AAED,qBAAqB,cAAc"}
+{"version":3,"file":"BitkitRowActionsCell.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitRowActionsCell.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, type MouseEvent } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconMoreVertical from '../../icons/IconMoreVertical';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton';\n\n/** One row action, rendered either as an inline control button or as an action menu item. */\nexport interface BitkitRowAction {\n  /** Renders the action in the danger color set. */\n  danger?: boolean;\n  /** Makes the action a link instead of a button. */\n  href?: string;\n  icon: BitkitIconComponent;\n  /** Only with `href`: opens the link in a new tab and adds the external-link affordance. */\n  isExternal?: boolean;\n  /** Accessible name of the inline button, and the visible text of the menu item. Must be unique\n   * within `actions`, since it keys the list. */\n  label: string;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /**\n   * `disabled` makes this one action inert. `skeleton` marks it as in flight: an inline action\n   * shimmers in place, and in the collapsed menu the trigger shimmers instead — the state belongs\n   * to the row, and the items sit behind a closed menu. Menu items are inert under either state.\n   */\n  state?: 'disabled' | 'skeleton';\n}\n\nexport interface BitkitRowActionsCellProps extends Omit<Table.CellProps, 'children' | 'onClick'> {\n  /** Up to two actions render as inline icon buttons; three or more collapse into an action menu. */\n  actions: BitkitRowAction[];\n  /** Accessible name of the action menu trigger, used from the third action on. Default: `More actions` */\n  menuLabel?: string;\n}\n\nconst MAX_INLINE_ACTIONS = 2;\n\nconst InlineAction = ({ action }: { action: BitkitRowAction }) => {\n  if (action.href !== undefined) {\n    return (\n      <BitkitControlButton\n        href={action.href}\n        icon={action.icon}\n        isDanger={action.danger}\n        isExternal={action.isExternal}\n        label={action.label}\n        onClick={action.onClick}\n        state={action.state}\n      />\n    );\n  }\n\n  return (\n    <BitkitControlButton\n      icon={action.icon}\n      isDanger={action.danger}\n      label={action.label}\n      onClick={action.onClick}\n      state={action.state}\n    />\n  );\n};\n\nconst MenuAction = ({ action }: { action: BitkitRowAction }) => {\n  if (action.href !== undefined) {\n    return (\n      <BitkitActionMenu.Item\n        disabled={action.state !== undefined}\n        href={action.href}\n        icon={action.icon}\n        isDanger={action.danger}\n        isExternal={action.isExternal}\n        onClick={action.onClick}\n        value={action.label}\n      >\n        {action.label}\n      </BitkitActionMenu.Item>\n    );\n  }\n\n  return (\n    <BitkitActionMenu.Item\n      disabled={action.state !== undefined}\n      icon={action.icon}\n      isDanger={action.danger}\n      onClick={action.onClick}\n      value={action.label}\n    >\n      {action.label}\n    </BitkitActionMenu.Item>\n  );\n};\n\n/**\n * The trailing cell of a table row, holding its actions. The column shrinks to fit the buttons.\n *\n * Up to two actions render as inline icon buttons; from the third on they collapse into a single\n * action menu, so the column width stays predictable. Clicks are kept inside the cell, so the\n * actions work in a `BitkitTable.LinkedRow` without triggering the row link.\n *\n * @example\n * ```tsx\n * <BitkitTable.RowActionsCell\n *   actions={[\n *     { icon: IconPencil, label: 'Edit', onClick: onEdit },\n *     { danger: true, icon: IconMinusCircle, label: 'Remove', onClick: onRemove },\n *   ]}\n * />\n * ```\n */\nconst BitkitRowActionsCell = forwardRef<HTMLTableCellElement, BitkitRowActionsCellProps>((props, ref) => {\n  const { actions, menuLabel = 'More actions', ...rest } = props;\n  const styles = useTableStyles();\n  const isPending = actions.some((action) => action.state === 'skeleton');\n\n  return (\n    <Table.Cell ref={ref} css={styles.actionsCell} {...rest}>\n      <Box css={styles.actionsGroup} onClick={(event) => event.stopPropagation()}>\n        {actions.length <= MAX_INLINE_ACTIONS ? (\n          actions.map((action) => <InlineAction key={action.label} action={action} />)\n        ) : (\n          <BitkitActionMenu\n            size=\"md\"\n            trigger={\n              <BitkitControlButton\n                icon={IconMoreVertical}\n                label={menuLabel}\n                state={isPending ? 'skeleton' : undefined}\n              />\n            }\n          >\n            {actions.map((action) => (\n              <MenuAction key={action.label} action={action} />\n            ))}\n          </BitkitActionMenu>\n        )}\n      </Box>\n    </Table.Cell>\n  );\n});\n\nBitkitRowActionsCell.displayName = 'BitkitTable.RowActionsCell';\n\nexport default BitkitRowActionsCell;\n"],"mappings":";;;;;;;;AAqCA,IAAM,qBAAqB;AAE3B,IAAM,gBAAgB,EAAE,aAA0C;CAChE,IAAI,OAAO,SAAS,KAAA,GAClB,OACE,oBAAC,qBAAD;EACE,MAAM,OAAO;EACb,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,YAAY,OAAO;EACnB,OAAO,OAAO;EACd,SAAS,OAAO;EAChB,OAAO,OAAO;CACf,CAAA;CAIL,OACE,oBAAC,qBAAD;EACE,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,OAAO,OAAO;EACd,SAAS,OAAO;EAChB,OAAO,OAAO;CACf,CAAA;AAEL;AAEA,IAAM,cAAc,EAAE,aAA0C;CAC9D,IAAI,OAAO,SAAS,KAAA,GAClB,OACE,oBAAC,yBAAiB,MAAlB;EACE,UAAU,OAAO,UAAU,KAAA;EAC3B,MAAM,OAAO;EACb,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,YAAY,OAAO;EACnB,SAAS,OAAO;EAChB,OAAO,OAAO;EAEb,UAAA,OAAO;CACa,CAAA;CAI3B,OACE,oBAAC,yBAAiB,MAAlB;EACE,UAAU,OAAO,UAAU,KAAA;EAC3B,MAAM,OAAO;EACb,UAAU,OAAO;EACjB,SAAS,OAAO;EAChB,OAAO,OAAO;EAEb,UAAA,OAAO;CACa,CAAA;AAE3B;;;;;;;;;;;;;;;;;;AAmBA,IAAM,uBAAuB,YAA6D,OAAO,QAAQ;CACvG,MAAM,EAAE,SAAS,YAAY,gBAAgB,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe;CAC9B,MAAM,YAAY,QAAQ,MAAM,WAAW,OAAO,UAAU,UAAU;CAEtE,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,KAAK,OAAO;EAAa,GAAI;EACjD,UAAA,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAc,UAAU,UAAU,MAAM,gBAAgB;GACtE,UAAA,QAAQ,UAAU,qBACjB,QAAQ,KAAK,WAAW,oBAAC,cAAD,EAAyC,OAAS,GAA/B,OAAO,KAAwB,CAAC,IAE3E,oBAAC,0BAAD;IACE,MAAK;IACL,SACE,oBAAC,qBAAD;KACE,MAAM;KACN,OAAO;KACP,OAAO,YAAY,aAAa,KAAA;IACjC,CAAA;IAGF,UAAA,QAAQ,KAAK,WACZ,oBAAC,YAAD,EAAuC,OAAS,GAA/B,OAAO,KAAwB,CACjD;GACe,CAAA;EAEjB,CAAA;CACK,CAAA;AAEhB,CAAC;AAED,qBAAqB,cAAc"}

package/dist/components/BitkitTable/BitkitSortableColumnHeader.js

@@ -61,7 +61,7 @@ var BitkitSortableColumnHeader = forwardRef(({ children, direction, onSort, text
 		})
 	});
 });
-BitkitSortableColumnHeader.displayName = "BitkitSortableColumnHeader";
+BitkitSortableColumnHeader.displayName = "BitkitTable.SortableColumnHeader";
 //#endregion
 export { BitkitSortableColumnHeader as default };
 

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

@@ -1 +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, useTableStyles } 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 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    const styles = useTableStyles();\n    const isEndAligned = textAlign === 'end';\n    const sortIcon = <SortIcon direction={direction} />;\n\n    return (\n      <Table.ColumnHeader\n        ref={ref}\n        aria-sort={direction === 'none' ? undefined : direction}\n        css={styles.sortColumnHeader}\n        {...rest}\n      >\n        {/* chakra.button: no named primitive attaches a recipe slot to a bare trigger button */}\n        <chakra.button\n          css={styles.sortTrigger}\n          justifyContent={isEndAligned ? 'flex-end' : undefined}\n          onClick={onSort}\n          type=\"button\"\n        >\n          {isEndAligned ? (\n            <>\n              {sortIcon} {children}\n            </>\n          ) : (\n            <>\n              {children} {sortIcon}\n            </>\n          )}\n        </chakra.button>\n      </Table.ColumnHeader>\n    );\n  },\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitSortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;CAE/D,OACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;EACjB;EACA,GAAI;EAEJ,UAAA,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;GAAlE,UAAA,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,CACE;;CACD,CAAA;AAEV,CAAC;AAED,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QAAQ;CAC5D,MAAM,SAAS,eAAe;CAC9B,MAAM,eAAe,cAAc;CACnC,MAAM,WAAW,oBAAC,UAAD,EAAqB,UAAY,CAAA;CAElD,OACE,oBAAC,MAAM,cAAP;EACO;EACL,aAAW,cAAc,SAAS,KAAA,IAAY;EAC9C,KAAK,OAAO;EACZ,GAAI;EAGJ,UAAA,oBAAC,OAAO,QAAR;GACE,KAAK,OAAO;GACZ,gBAAgB,eAAe,aAAa,KAAA;GAC5C,SAAS;GACT,MAAK;GAEJ,UAAA,eACC,qBAAA,YAAA,EAAA,UAAA;IACG;IAAS;IAAE;GACZ,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA;IACG;IAAS;IAAE;GACZ,EAAA,CAAA;EAES,CAAA;CACG,CAAA;AAExB,CACF;AAEA,2BAA2B,cAAc"}
+{"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, useTableStyles } 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 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    const styles = useTableStyles();\n    const isEndAligned = textAlign === 'end';\n    const sortIcon = <SortIcon direction={direction} />;\n\n    return (\n      <Table.ColumnHeader\n        ref={ref}\n        aria-sort={direction === 'none' ? undefined : direction}\n        css={styles.sortColumnHeader}\n        {...rest}\n      >\n        {/* chakra.button: no named primitive attaches a recipe slot to a bare trigger button */}\n        <chakra.button\n          css={styles.sortTrigger}\n          justifyContent={isEndAligned ? 'flex-end' : undefined}\n          onClick={onSort}\n          type=\"button\"\n        >\n          {isEndAligned ? (\n            <>\n              {sortIcon} {children}\n            </>\n          ) : (\n            <>\n              {children} {sortIcon}\n            </>\n          )}\n        </chakra.button>\n      </Table.ColumnHeader>\n    );\n  },\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitTable.SortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;CAE/D,OACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;EACjB;EACA,GAAI;EAEJ,UAAA,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;GAAlE,UAAA,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,CACE;;CACD,CAAA;AAEV,CAAC;AAED,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QAAQ;CAC5D,MAAM,SAAS,eAAe;CAC9B,MAAM,eAAe,cAAc;CACnC,MAAM,WAAW,oBAAC,UAAD,EAAqB,UAAY,CAAA;CAElD,OACE,oBAAC,MAAM,cAAP;EACO;EACL,aAAW,cAAc,SAAS,KAAA,IAAY;EAC9C,KAAK,OAAO;EACZ,GAAI;EAGJ,UAAA,oBAAC,OAAO,QAAR;GACE,KAAK,OAAO;GACZ,gBAAgB,eAAe,aAAa,KAAA;GAC5C,SAAS;GACT,MAAK;GAEJ,UAAA,eACC,qBAAA,YAAA,EAAA,UAAA;IACG;IAAS;IAAE;GACZ,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA;IACG;IAAS;IAAE;GACZ,EAAA,CAAA;EAES,CAAA;CACG,CAAA;AAExB,CACF;AAEA,2BAA2B,cAAc"}

package/dist/components/BitkitTable/BitkitTable.js

@@ -0,0 +1,47 @@
+import BitkitBulkActionsRow from "./BitkitBulkActionsRow.js";
+import BitkitDefinitionColumnHeader from "./BitkitDefinitionColumnHeader.js";
+import BitkitExpandableRow from "./BitkitExpandableRow.js";
+import BitkitFilterRow from "./BitkitFilterRow.js";
+import BitkitLinkedRow_default from "./BitkitLinkedRow.js";
+import BitkitRowActionsCell from "./BitkitRowActionsCell.js";
+import BitkitSortableColumnHeader from "./BitkitSortableColumnHeader.js";
+import { Table } from "@chakra-ui/react/table";
+//#region lib/components/BitkitTable/BitkitTable.tsx
+/**
+* Chakra's `Table` namespace with the Bitkit table parts attached, so a table needs a single
+* import: `BitkitTable.Root`, `BitkitTable.Row`, `BitkitTable.Cell`, … alongside
+* `BitkitTable.RowActionsCell`, `BitkitTable.SortableColumnHeader`, and the rest.
+*
+* @example
+* ```tsx
+* <BitkitTable.Root size="lg">
+*   <BitkitTable.Header>
+*     <BitkitTable.Row>
+*       <BitkitTable.SortableColumnHeader direction={direction} onSort={onSort}>Name</BitkitTable.SortableColumnHeader>
+*     </BitkitTable.Row>
+*   </BitkitTable.Header>
+*   <BitkitTable.Body>
+*     <BitkitTable.LinkedRow>
+*       <BitkitTable.LinkedRow.LinkCell>
+*         <BitkitLink colorVariant="purple" href={`/projects/${row.id}`}>{row.name}</BitkitLink>
+*       </BitkitTable.LinkedRow.LinkCell>
+*       <BitkitTable.RowActionsCell actions={actions} />
+*     </BitkitTable.LinkedRow>
+*   </BitkitTable.Body>
+* </BitkitTable.Root>
+* ```
+*/
+var BitkitTable = {
+	...Table,
+	BulkActionsRow: BitkitBulkActionsRow,
+	DefinitionColumnHeader: BitkitDefinitionColumnHeader,
+	ExpandableRow: BitkitExpandableRow,
+	FilterRow: BitkitFilterRow,
+	LinkedRow: BitkitLinkedRow_default,
+	RowActionsCell: BitkitRowActionsCell,
+	SortableColumnHeader: BitkitSortableColumnHeader
+};
+//#endregion
+export { BitkitTable as default };
+
+//# sourceMappingURL=BitkitTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitTable.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitTable.tsx"],"sourcesContent":["import { Table } from '@chakra-ui/react/table';\n\nimport BulkActionsRow from './BitkitBulkActionsRow';\nimport DefinitionColumnHeader from './BitkitDefinitionColumnHeader';\nimport ExpandableRow from './BitkitExpandableRow';\nimport FilterRow from './BitkitFilterRow';\nimport LinkedRow from './BitkitLinkedRow';\nimport RowActionsCell from './BitkitRowActionsCell';\nimport SortableColumnHeader from './BitkitSortableColumnHeader';\n\n/**\n * Chakra's `Table` namespace with the Bitkit table parts attached, so a table needs a single\n * import: `BitkitTable.Root`, `BitkitTable.Row`, `BitkitTable.Cell`, … alongside\n * `BitkitTable.RowActionsCell`, `BitkitTable.SortableColumnHeader`, and the rest.\n *\n * @example\n * ```tsx\n * <BitkitTable.Root size=\"lg\">\n *   <BitkitTable.Header>\n *     <BitkitTable.Row>\n *       <BitkitTable.SortableColumnHeader direction={direction} onSort={onSort}>Name</BitkitTable.SortableColumnHeader>\n *     </BitkitTable.Row>\n *   </BitkitTable.Header>\n *   <BitkitTable.Body>\n *     <BitkitTable.LinkedRow>\n *       <BitkitTable.LinkedRow.LinkCell>\n *         <BitkitLink colorVariant=\"purple\" href={`/projects/${row.id}`}>{row.name}</BitkitLink>\n *       </BitkitTable.LinkedRow.LinkCell>\n *       <BitkitTable.RowActionsCell actions={actions} />\n *     </BitkitTable.LinkedRow>\n *   </BitkitTable.Body>\n * </BitkitTable.Root>\n * ```\n */\nconst BitkitTable = {\n  ...Table,\n  BulkActionsRow,\n  DefinitionColumnHeader,\n  ExpandableRow,\n  FilterRow,\n  LinkedRow,\n  RowActionsCell,\n  SortableColumnHeader,\n};\n\nexport default BitkitTable;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAM,cAAc;CAClB,GAAG;CACH,gBAAA;CACA,wBAAA;CACA,eAAA;CACA,WAAA;CACA,WAAA;CACA,gBAAA;CACA,sBAAA;AACF"}

package/dist/components/index.d.ts

@@ -49,8 +49,6 @@ export { default as BitkitNumberInput, type BitkitNumberInputProps } from './Bit
 export { default as BitkitOverflowContent, type BitkitOverflowContentProps, } from './BitkitOverflowContent/BitkitOverflowContent';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
 export { default as BitkitPageFooter, type BitkitPageFooterItemProps, type BitkitPageFooterProps, } from './BitkitPageFooter/BitkitPageFooter';
-export { default as BitkitPageHeader, type BitkitPageHeaderProps } from './BitkitPageHeader/BitkitPageHeader';
-export { default as BitkitPageSidebar, type BitkitPageSidebarBodyProps, type BitkitPageSidebarDividerProps, type BitkitPageSidebarFooterProps, type BitkitPageSidebarGroupHeadingProps, type BitkitPageSidebarItemProps, type BitkitPageSidebarProjectProps, type BitkitPageSidebarProps, type BitkitPageSidebarTitleProps, } from './BitkitPageSidebar/BitkitPageSidebar';
 export { default as BitkitPagination, type BitkitPaginationLabels, type BitkitPaginationProps, } from './BitkitPagination/BitkitPagination';
 export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
 export { default as BitkitPopover, type BitkitPopoverProps } from './BitkitPopover/BitkitPopover';
@@ -67,6 +65,7 @@ export { default as BitkitSelectableTag, type BitkitSelectableTagItemProps, type
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';
 export { default as BitkitSelectMenuAction, type BitkitSelectMenuActionProps, } from './BitkitSelectMenu/BitkitSelectMenuAction';
 export { default as BitkitSettingsCard, type BitkitSettingsCardContentProps, type BitkitSettingsCardProps, type BitkitSettingsCardStatusProps, } from './BitkitSettingsCard/BitkitSettingsCard';
+export { default as BitkitSidebar, type BitkitSidebarFooterProps, type BitkitSidebarGroupHeadingProps, type BitkitSidebarItemProps, type BitkitSidebarProjectProps, type BitkitSidebarProps, type BitkitSidebarTitleProps, } from './BitkitSidebar/BitkitSidebar';
 export { default as BitkitSkeletonGroup, type BitkitSkeletonGroupProps, } from './BitkitSkeletonGroup/BitkitSkeletonGroup';
 export { default as BitkitSpinner, type BitkitSpinnerProps } from './BitkitSpinner/BitkitSpinner';
 export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './BitkitSplitButton/BitkitSplitButton';
@@ -74,13 +73,14 @@ 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 { type BitkitBulkActionsItems, type BitkitBulkActionsLabels, default as BitkitBulkActionsRow, type BitkitBulkActionsRowProps, } from './BitkitTable/BitkitBulkActionsRow';
-export { default as BitkitDefinitionColumnHeader, type BitkitDefinitionColumnHeaderProps, } from './BitkitTable/BitkitDefinitionColumnHeader';
-export { default as BitkitExpandableRow, type BitkitExpandableRowProps } from './BitkitTable/BitkitExpandableRow';
-export { default as BitkitFilterRow, type BitkitFilterRowProps } from './BitkitTable/BitkitFilterRow';
-export { default as BitkitLinkedRow, type BitkitLinkedRowLinkCellProps, type BitkitLinkedRowProps, } from './BitkitTable/BitkitLinkedRow';
-export { type BitkitRowAction, default as BitkitRowActionsCell, type BitkitRowActionsCellProps, } from './BitkitTable/BitkitRowActionsCell';
-export { default as BitkitSortableColumnHeader, type BitkitSortableColumnHeaderProps, } from './BitkitTable/BitkitSortableColumnHeader';
+export { type BitkitBulkActionsItems, type BitkitBulkActionsLabels, type BitkitBulkActionsRowProps, } from './BitkitTable/BitkitBulkActionsRow';
+export { type BitkitDefinitionColumnHeaderProps } from './BitkitTable/BitkitDefinitionColumnHeader';
+export { type BitkitExpandableRowProps } from './BitkitTable/BitkitExpandableRow';
+export { type BitkitFilterRowProps } from './BitkitTable/BitkitFilterRow';
+export { type BitkitLinkedRowLinkCellProps, type BitkitLinkedRowProps } from './BitkitTable/BitkitLinkedRow';
+export { type BitkitRowAction, type BitkitRowActionsCellProps } from './BitkitTable/BitkitRowActionsCell';
+export { type BitkitSortableColumnHeaderProps } from './BitkitTable/BitkitSortableColumnHeader';
+export { default as BitkitTable } from './BitkitTable/BitkitTable';
 export { default as BitkitTableCard, type BitkitTableCardProps } from './BitkitTableCard/BitkitTableCard';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';

package/dist/main.js

@@ -347,8 +347,6 @@ import BitkitNumberInput from "./components/BitkitNumberInput/BitkitNumberInput.
 import BitkitOverflowContent from "./components/BitkitOverflowContent/BitkitOverflowContent.js";
 import BitkitOverflowTooltip from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
 import BitkitPageFooter_default from "./components/BitkitPageFooter/BitkitPageFooter.js";
-import BitkitPageHeader from "./components/BitkitPageHeader/BitkitPageHeader.js";
-import BitkitPageSidebar_default from "./components/BitkitPageSidebar/BitkitPageSidebar.js";
 import BitkitPagination from "./components/BitkitPagination/BitkitPagination.js";
 import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
 import BitkitPopover from "./components/BitkitPopover/BitkitPopover.js";
@@ -364,19 +362,14 @@ import BitkitSegmentedControl_default from "./components/BitkitSegmentedControl/
 import BitkitSelect_default from "./components/BitkitSelect/BitkitSelect.js";
 import BitkitSelectableTag_default from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
 import BitkitSettingsCard_default from "./components/BitkitSettingsCard/BitkitSettingsCard.js";
+import BitkitSidebar_default from "./components/BitkitSidebar/BitkitSidebar.js";
 import BitkitSkeletonGroup from "./components/BitkitSkeletonGroup/BitkitSkeletonGroup.js";
 import BitkitSpinner from "./components/BitkitSpinner/BitkitSpinner.js";
 import BitkitSplitButton_default from "./components/BitkitSplitButton/BitkitSplitButton.js";
 import BitkitStat from "./components/BitkitStat/BitkitStat.js";
 import BitkitStepsCard_default from "./components/BitkitStepsCard/BitkitStepsCard.js";
 import BitkitSwitch from "./components/BitkitSwitch/BitkitSwitch.js";
-import BitkitBulkActionsRow from "./components/BitkitTable/BitkitBulkActionsRow.js";
-import BitkitDefinitionColumnHeader from "./components/BitkitTable/BitkitDefinitionColumnHeader.js";
-import BitkitExpandableRow from "./components/BitkitTable/BitkitExpandableRow.js";
-import BitkitFilterRow from "./components/BitkitTable/BitkitFilterRow.js";
-import BitkitLinkedRow_default from "./components/BitkitTable/BitkitLinkedRow.js";
-import BitkitRowActionsCell from "./components/BitkitTable/BitkitRowActionsCell.js";
-import BitkitSortableColumnHeader from "./components/BitkitTable/BitkitSortableColumnHeader.js";
+import BitkitTable from "./components/BitkitTable/BitkitTable.js";
 import BitkitTableCard from "./components/BitkitTableCard/BitkitTableCard.js";
 import BitkitTabs from "./components/BitkitTabs/BitkitTabs.js";
 import BitkitTagsInput from "./components/BitkitTagsInput/BitkitTagsInput.js";
@@ -388,4 +381,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
 import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitBulkActionsRow, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionColumnHeader, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFilterRow, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitLinkedRow_default as BitkitLinkedRow, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitRowActionsCell, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTour, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, 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, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, useBitkitTour, useResponsive, useStepsDialog };
+export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTour, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, 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, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, useBitkitTour, useResponsive, useStepsDialog };

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

@@ -34,10 +34,7 @@ var groupHeadingRecipe = defineSlotRecipe({
 			flexShrink: 0,
 			textStyle: "heading/h6"
 		},
-		separator: {
-			borderColor: "border/minimal",
-			flex: 1
-		}
+		separator: { flex: 1 }
 	}
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"GroupHeading.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/GroupHeading.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst groupHeadingRecipe = defineSlotRecipe({\n  className: 'group-heading',\n  slots: ['root', 'titleBlock', 'icon', 'label', 'separator'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      overflow: 'clip',\n      paddingBlockEnd: '4',\n      paddingBlockStart: '8',\n      paddingInlineEnd: '8',\n    },\n    titleBlock: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n    },\n    icon: {\n      color: 'icon/tertiary',\n      flexShrink: 0,\n    },\n    label: {\n      color: 'text/tertiary',\n      flexShrink: 0,\n      textStyle: 'heading/h6',\n    },\n    separator: {\n      // Lighter than the shared `Separator` recipe's `border/regular`, and that difference is in the\n      // design: Figma's general Separator component (`62:701`) is `border/regular` #dfdae1, while the\n      // Page sidebar's group header (`20014:6508`) draws its rule in `border/minimal` #efebef. A rule\n      // that trails a label is quieter than one that stands alone.\n      //\n      // It sits here rather than in the sidebar so every group heading matches — the select menu's\n      // group labels included. They render this same component, so a heading looks the same wherever\n      // it appears instead of the sidebar owning a private variant. It stays `border/minimal` at\n      // every breakpoint.\n      borderColor: 'border/minimal',\n      flex: 1,\n    },\n  },\n});\n\nexport default groupHeadingRecipe;\n"],"mappings":";;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAc;EAAQ;EAAS;CAAW;CAC1D,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;EACpB;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;EACP;EACA,MAAM;GACJ,OAAO;GACP,YAAY;EACd;EACA,OAAO;GACL,OAAO;GACP,YAAY;GACZ,WAAW;EACb;EACA,WAAW;GAUT,aAAa;GACb,MAAM;EACR;CACF;AACF,CAAC"}
+{"version":3,"file":"GroupHeading.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/GroupHeading.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst groupHeadingRecipe = defineSlotRecipe({\n  className: 'group-heading',\n  slots: ['root', 'titleBlock', 'icon', 'label', 'separator'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      overflow: 'clip',\n      paddingBlockEnd: '4',\n      paddingBlockStart: '8',\n      paddingInlineEnd: '8',\n    },\n    titleBlock: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n    },\n    icon: {\n      color: 'icon/tertiary',\n      flexShrink: 0,\n    },\n    label: {\n      color: 'text/tertiary',\n      flexShrink: 0,\n      textStyle: 'heading/h6',\n    },\n    separator: {\n      flex: 1,\n    },\n  },\n});\n\nexport default groupHeadingRecipe;\n"],"mappings":";;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAc;EAAQ;EAAS;CAAW;CAC1D,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;EACpB;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;EACP;EACA,MAAM;GACJ,OAAO;GACP,YAAY;EACd;EACA,OAAO;GACL,OAAO;GACP,YAAY;GACZ,WAAW;EACb;EACA,WAAW,EACT,MAAM,EACR;CACF;AACF,CAAC"}

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

@@ -0,0 +1,22 @@
+declare const sidebarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "itemLabel" | "itemIcon" | "divider" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
+    selected: {
+        true: {
+            item: {
+                background: "background/selected";
+                _hover: {
+                    background: "background/selected-hover";
+                };
+            };
+            itemIcon: {
+                color: "icon/interactive";
+            };
+            itemLabel: {
+                textStyle: "body/lg/semibold";
+            };
+            selectionMarker: {
+                display: "block";
+            };
+        };
+    };
+}>;
+export default sidebarSlotRecipe;

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

@@ -0,0 +1,143 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/Sidebar.recipe.ts
+var sidebarSlotRecipe = defineSlotRecipe({
+	className: "sidebar",
+	slots: [
+		"divider",
+		"suffixIcon",
+		"footer",
+		"item",
+		"itemIcon",
+		"itemLabel",
+		"project",
+		"projectLabel",
+		"projectValue",
+		"root",
+		"selectionMarker",
+		"title",
+		"titleWithBack"
+	],
+	base: {
+		root: {
+			background: "background/primary",
+			borderInlineEnd: "1px solid",
+			borderColor: "border/regular",
+			display: "flex",
+			flexDirection: "column",
+			width: rem(256),
+			height: "100dvh"
+		},
+		item: {
+			alignItems: "center",
+			cursor: "pointer",
+			display: "flex",
+			gap: "16",
+			overflow: "clip",
+			paddingBlock: "12",
+			paddingInlineEnd: "24",
+			paddingInlineStart: "32",
+			position: "relative",
+			width: "full",
+			_hover: { background: "background/hover" }
+		},
+		itemIcon: {
+			color: "icon/secondary",
+			flexShrink: 0
+		},
+		itemLabel: {
+			color: "text/primary",
+			flex: 1,
+			minWidth: 0,
+			overflow: "hidden",
+			textAlign: "start",
+			textOverflow: "ellipsis",
+			textStyle: "body/lg/regular",
+			whiteSpace: "nowrap"
+		},
+		suffixIcon: {
+			color: "icon/tertiary",
+			display: "none",
+			flexShrink: 0,
+			_groupHover: { display: "block" }
+		},
+		selectionMarker: {
+			background: "border/selected",
+			borderStartEndRadius: "2",
+			borderEndEndRadius: "2",
+			display: "none",
+			height: "full",
+			insetBlockStart: 0,
+			insetInlineEnd: 0,
+			position: "absolute",
+			width: "2"
+		},
+		footer: {
+			borderBlockStart: "1px solid",
+			borderColor: "border/regular",
+			display: "flex",
+			flexDirection: "column",
+			marginBlockStart: "auto",
+			paddingBlock: "12"
+		},
+		project: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4",
+			justifyContent: "center",
+			overflow: "clip",
+			paddingBlockEnd: "12",
+			paddingBlockStart: "8",
+			paddingInlineEnd: "24",
+			paddingInlineStart: "32",
+			whiteSpace: "nowrap"
+		},
+		projectLabel: {
+			color: "text/tertiary",
+			textStyle: "heading/h6"
+		},
+		projectValue: {
+			color: "text/body",
+			textStyle: "body/lg/semibold"
+		},
+		title: {
+			alignItems: "center",
+			color: "text/primary",
+			display: "flex",
+			gap: "12",
+			paddingBlock: "16",
+			paddingInlineEnd: "8",
+			paddingInlineStart: "32",
+			textStyle: "heading/h3"
+		},
+		titleWithBack: {
+			alignItems: "center",
+			color: "text/primary",
+			display: "flex",
+			gap: "12",
+			paddingBlockEnd: "16",
+			paddingBlockStart: "24",
+			paddingInlineEnd: "8",
+			paddingInlineStart: "24",
+			textStyle: "heading/h3"
+		},
+		divider: {
+			marginInline: "32",
+			marginBlock: "24",
+			width: "auto"
+		}
+	},
+	variants: { selected: { true: {
+		item: {
+			background: "background/selected",
+			_hover: { background: "background/selected-hover" }
+		},
+		itemIcon: { color: "icon/interactive" },
+		itemLabel: { textStyle: "body/lg/semibold" },
+		selectionMarker: { display: "block" }
+	} } }
+});
+//#endregion
+export { sidebarSlotRecipe as default };
+
+//# sourceMappingURL=Sidebar.recipe.js.map