slack-blocks-to-jsx 1.1.2 → 1.2.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "1.1.2"
+  ".": "1.2.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [1.2.0](https://github.com/themashcodee/slack-blocks-to-jsx/compare/v1.1.2...v1.2.0) (2026-10-13)
+
+
+### Features
+
+* ✨ support the Slack data_table block ([b4c14b1](https://github.com/themashcodee/slack-blocks-to-jsx/commit/b4c14b125e9204fda7eaee4a75d945bbf25769d9))
+* ✨ support the Slack data_table block ([ee760a1](https://github.com/themashcodee/slack-blocks-to-jsx/commit/ee760a13a8a378282ae247c871248eb89cbe6488))
+* load an arbitrary build in the playground via ?package= ([f2cc2e0](https://github.com/themashcodee/slack-blocks-to-jsx/commit/f2cc2e0d6f3df7bdbfbdba411fe8b04d61bed08e))
+
+
+### Bug Fixes
+
+* 🔒 restrict playground build loading to esm.sh and pkg.pr.new ([02edcac](https://github.com/themashcodee/slack-blocks-to-jsx/commit/02edcacca73fbf054779a33836566228035795c1))
+* harden the playground's ?package= build loader ([df4498c](https://github.com/themashcodee/slack-blocks-to-jsx/commit/df4498cd1429e76d80067e559533346ed31e52e2))
+
 ## [1.1.2](https://github.com/themashcodee/slack-blocks-to-jsx/compare/v1.1.1...v1.1.2) (2026-08-16)
 
 

package/KNOWLEDGE_BASE.md

@@ -36,7 +36,7 @@
 | 4   | [§4.1](#41-layout--structure-blocks)                                   | Layout & structure blocks (section, divider, header)    |
 | 4   | [§4.2](#42-media-blocks)                                               | Media blocks (image, video, file)                       |
 | 4   | [§4.3](#43-interactive-blocks)                                         | Interactive blocks (actions, input, context_actions)    |
-| 4   | [§4.4](#44-content-blocks)                                             | Content blocks (context, table, markdown)               |
+| 4   | [§4.4](#44-content-blocks)                                             | Content blocks (context, table, data_table, markdown)   |
 | 4   | [§4.5](#45-ai-workflow-blocks)                                         | AI/workflow blocks (plan, task_card)                    |
 | 4   | [§4.6](#46-status--rich-container-blocks-added-v110--slack-2026-04-16) | Status & rich-container blocks (alert, card, carousel)  |
 | 4   | [§4.7](#47-rich-text-block)                                            | Rich text block (deep dive)                             |
@@ -325,6 +325,7 @@ All block components live in `src/components/blocks/`. 17 block types are suppor
 | ---------- | -------------------- | --------------------------------------------------------------------------------------------------------------- |
 | `context`  | `context.tsx`        | Up to 10 mixed text + image elements                                                                            |
 | `table`    | `table.tsx`          | `cells: Cell[][]`, optional `size`; cell alignment; bordered                                                    |
+| `data_table` | `data_table.tsx`   | `rows: DataTableCell[][]` (first row is the header), `caption`, `page_size?` (1-100, default 5), `row_header_column_index?` (default 0). Semantic `<table>` with `<caption>`, `th scope="col"` headers and a `th scope="row"` row header. Clicking a header sorts the body client-side (numeric when every body cell in the column is `raw_number`, else alphabetical; toggles asc/desc; resets to page 1). Prev/next pagination with an "X–Y of N" indicator, hidden for a single page. `raw_text`/`rich_text` cells reuse `TableCellContent` from `table.tsx`; `action_cell` renders `ButtonElement`. No filter UI. |
 | `markdown` | `markdown_block.tsx` | Renders **standard** GFM via `react-markdown` + `remark-gfm`; tables, task lists, code blocks, syntax highlight. Emoji shortcodes are interpolated by the `remarkSlackEmoji` plugin, reusing the same `<SlackEmoji>` component (and `hooks.emoji`) as the mrkdwn parser |
 
 ### 4.5 AI/workflow blocks
@@ -443,7 +444,7 @@ Types live in `src/types/` and are re-exported from `index.ts`.
 
 ### 6.1 `types/layout.ts`
 
-Defines the `Block` union: `ActionsBlock | AlertBlock | CardBlock | CarouselBlock | ContextBlock | ContextActionsBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | MarkdownBlock | PlanBlock | SectionBlock | TableBlock | TaskCardBlock | VideoBlock | RichTextBlock`. Each interface documents props with JSDoc pointing to Slack's official API docs.
+Defines the `Block` union: `ActionsBlock | AlertBlock | CardBlock | CarouselBlock | ContextBlock | ContextActionsBlock | DataTableBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | MarkdownBlock | PlanBlock | SectionBlock | TableBlock | TaskCardBlock | VideoBlock | RichTextBlock`. Each interface documents props with JSDoc pointing to Slack's official API docs.
 
 Added in v1.1.0 to cover Slack's 2026-04-16 block launch:
 
@@ -453,6 +454,13 @@ Added in v1.1.0 to cover Slack's 2026-04-16 block launch:
 - `CardBlock = { type: "card"; title?; subtitle?; body?; hero_image?: CardImage; icon?: CardImage; actions?: ButtonElement[]; block_id? }`
 - `CarouselBlock = { type: "carousel"; elements: CardBlock[]; block_id? }`
 
+Data table (Slack `data_table` block):
+
+- `DataTableBlock = { type: "data_table"; rows: DataTableCell[][]; caption: string; page_size?; row_header_column_index?; block_id? }`
+- `DataTableCell = DataTableRawTextCell | DataTableRawNumberCell | DataTableActionCell | RichTextBlock`
+- `DataTableRawTextCell = { type: "raw_text"; text }`, `DataTableRawNumberCell = { type: "raw_number"; value: number; text? }`
+- `DataTableActionCell = { type: "action_cell"; element: ButtonElement; fallback?: DataTableRawTextCell | DataTableRawNumberCell }`
+
 ### 6.2 `types/elements.ts`
 
 Defines the `Element` union for all 28 interactive/display elements. Every element carries optional `action_id` and `confirm` (except display-only ones).
@@ -612,7 +620,7 @@ Input: `src/style.css`. Output: `dist/style.css` (~40 KB).
 | `dev`                       | tsup watch                                 |
 | `dev:css`                   | PostCSS watch                              |
 | `lint`                      | `tsc --noEmit`                             |
-| `test`                      | `tsc --noEmit` (typecheck; no unit tests)  |
+| `test`                      | `node --test` over `test/**/*.test.mjs` against the built `dist/` (run `build` first); interaction tests mount into `happy-dom` |
 | `release`                   | `node scripts/release.mjs` (see Ch. 11)    |
 | `release:dry`               | Preview a release; changes nothing         |
 | `release:beta`              | Publish next `beta` prerelease (tag: beta) |
@@ -726,6 +734,7 @@ slack blocks to jsx library/
 │   │   │   ├── section.tsx  divider.tsx  image.tsx  context.tsx
 │   │   │   ├── header.tsx   actions.tsx  input.tsx   video.tsx
 │   │   │   ├── file.tsx     table.tsx    markdown_block.tsx
+│   │   │   ├── data_table.tsx
 │   │   │   ├── plan.tsx     task_card.tsx  context_actions.tsx
 │   │   │   ├── alert.tsx    card.tsx     carousel.tsx     (new in v1.1.0)
 │   │   │   └── rich_text/
@@ -885,3 +894,4 @@ The sidebar picks it up automatically on next HMR. Keep fixtures small (≤ 10 b
 | 2026-04-17 | Claude + Mash | v1.1.0 release prep: added three new blocks (`alert`, `card`, `carousel`) matching Slack's 2026-04-16 Block Kit launch. Ch. 4 block count 14 → 17 (new §4.6 "Status & rich-container blocks"). Ch. 6.1 type list updated with `AlertBlock`, `CardBlock`, `CarouselBlock`, `CardImage`, `AlertLevel`. Ch. 12 gained `11-alert-card-carousel.json` fixture. Ch. 13 file tree updated. Changeset: `.changeset/add-alert-card-carousel-blocks.md`. |
 | 2026-04-17 | Claude + Mash | Added Ch. 15 — Playground. New `playground/` folder (Vite + React 18) that source-aliases `slack-blocks-to-jsx` to `../src/index.ts` for instant HMR. Committed to git, excluded from npm via `.npmignore`. Ch. 15 renumbered from change log → playground; change log moved to Ch. 16. Root `package.json` gained `playground`, `playground:install`, `playground:build` scripts. Ch. 13 file tree extended.                                  |
 | 2026-06-06 | Claude + Mash | Replaced the Changesets release flow with a single local command `pnpm release` (`scripts/release.mjs`): checks → lint → build → bump → commit/tag → npm publish → push → GitHub release. Removed `.changeset/`, `@changesets/cli`, and `.github/workflows/publish.yml`; added `test`/`release`/`release:dry` scripts and `RELEASING.md`. Rewrote Ch. 11, updated §10.3/§10.5 scripts + hygiene, Ch. 13 file tree (`scripts/`), and Ch. 14 rule 10. Added first-class beta/alpha prereleases: `release:beta`/`release:alpha` scripts, `prepatch`/`preminor`/`premajor`/`prerelease` bump types + `--preid`, auto dist-tag per channel, prerelease graduation, and a "Trying a prerelease" section in `readme.md`. Added `.github/workflows/preview.yml` (pkg.pr.new) for automatic per-PR/per-commit preview installs (no npm token, fork-safe). |
+| 2026-10-12 | Claude + Stephen | Added the `data_table` block: §4.4 row, §6.1 `DataTableBlock` and cell types, §10.3 `test` script (node:test + `happy-dom` for interaction tests), Ch. 13 file tree. |

package/dist/index.d.mts

@@ -780,7 +780,7 @@ type WorkflowObject = {
     trigger: TriggerObject;
 };
 
-type Block = ActionsBlock | AlertBlock | CardBlock | CarouselBlock | ContainerBlock | ContextBlock | ContextActionsBlock | DataVisualizationBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | MarkdownBlock | PlanBlock | SectionBlock | TableBlock | TaskCardBlock | VideoBlock | RichTextBlock;
+type Block = ActionsBlock | AlertBlock | CardBlock | CarouselBlock | ContainerBlock | ContextBlock | ContextActionsBlock | DataTableBlock | DataVisualizationBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | MarkdownBlock | PlanBlock | SectionBlock | TableBlock | TaskCardBlock | VideoBlock | RichTextBlock;
 type ActionsBlock = {
     /**
      * Available in surfaces: **Modals**, **Messages**, **Home tabs**
@@ -1111,6 +1111,75 @@ type TableColumnSetting = {
      */
     is_wrapped?: boolean;
 };
+type DataTableBlock = {
+    /**
+     * Available in surfaces: **Messages**, **Home tabs**
+     *
+     * * Docs: {@link https://docs.slack.dev/reference/block-kit/blocks/data-table-block View here}
+     *
+     * A ***data_table*** block is a rich table that supports pagination, sorting, and interactive
+     * {@link DataTableActionCell action cells}. The first row is the header (it cannot contain
+     * ***rich_text*** cells). A table has 2 to 201 rows (1 header plus up to 200 rows) and 1 to 20
+     * columns, and every row must have the same number of cells.
+     *
+     * Sorting is alphabetical by default, and numeric when every cell in the column is
+     * ***raw_number***.
+     */
+    type: "data_table";
+    /**
+     * A string acting as a unique identifier for a block. If not specified, one will be generated.
+     * Maximum length for this field is 255 characters.
+     */
+    block_id?: string;
+    /**
+     * An array of table rows, each an array of cells. The first row is the header.
+     */
+    rows: DataTableCell[][];
+    /**
+     * A caption for the table, used as the value of the HTML ***caption*** element.
+     */
+    caption: string;
+    /**
+     * Number of rows per page. Minimum 1, maximum 100. Defaults to 5.
+     */
+    page_size?: number;
+    /**
+     * The 0-based index of the column that uniquely identifies each row (the row header), which
+     * screen readers treat as the row's primary identifier. Defaults to 0.
+     */
+    row_header_column_index?: number;
+};
+type DataTableRawTextCell = {
+    type: "raw_text";
+    /**
+     * The text content of the cell. Minimum length 1.
+     */
+    text: string;
+};
+type DataTableRawNumberCell = {
+    type: "raw_number";
+    /**
+     * The numeric value of the cell, used for numeric sorting.
+     */
+    value: number;
+    /**
+     * Optional display text shown instead of ***value***. Minimum length 1.
+     */
+    text?: string;
+};
+type DataTableActionCell = {
+    type: "action_cell";
+    /**
+     * The {@link ButtonElement button} rendered in the cell. Set its ***value*** to identify the row
+     * so your app can tell which row was clicked.
+     */
+    element: ButtonElement;
+    /**
+     * A cell displayed in place of the button on clients that don't support action cells.
+     */
+    fallback?: DataTableRawTextCell | DataTableRawNumberCell;
+};
+type DataTableCell = DataTableRawTextCell | DataTableRawNumberCell | DataTableActionCell | RichTextBlock;
 type RichTextBlock = {
     /**
      * Available in surfaces: **Modals**, **Messages**, **Home tabs**
@@ -1687,4 +1756,4 @@ type Props = {
 type MessageProps = Props;
 declare const Message: (props: Props) => React$1.JSX.Element;
 
-export { type ActionsBlock, type AlertBlock, type AlertLevel, type Block, type ButtonElement, type CardBlock, type CardImage, type CarouselBlock, type ChannelsSelectElement, type CheckboxesElement, type ConfirmDialogObject, type ContainerBlock, type ContextActionsBlock, type ContextBlock, type ConversationsSelectElement, type DataVisualizationBlock, type DataVizAxisConfig, type DataVizCartesianChart, type DataVizChart, type DataVizDataPoint, type DataVizPieChart, type DataVizSegment, type DataVizSeries, type DatePickerElement, type DateTimePickerElement, type DispatchActionConfigObject, type DividerBlock, type Element, type EmailInputElement, type ExternalSelectElement, type FeedbackButtonsElement, type FileBlock, type FileInputElement, type FilterObject, type HeaderBlock, type IconButtonElement, type ImageBlock, type ImageElement, type InputBlock, type MarkdownBlock, Message, type MessageProps, type MultiChannelsSelectElement, type MultiConversationsSelectElement, type MultiExternalSelectElement, type MultiStaticSelectElement, type MultiUsersSelectElement, type NumberInputElement, type OptionGroupObject, type OptionObject, type OptionObjectWithoutUrl, type OverflowMenuElement, type PlainTextInputElement, type PlanBlock, type RadioButtonsElement, type RichTextBlock, type RichTextBlockElement, type RichTextBlockSubElement, type RichTextInputElement, type RichTextList, type RichTextPreformatted, type RichTextQuote, type RichTextSection, type RichTextSectionBroadcast, type RichTextSectionChannel, type RichTextSectionColor, type RichTextSectionDate, type RichTextSectionElement, type RichTextSectionElementStyle, type RichTextSectionElementStyleCode, type RichTextSectionEmoji, type RichTextSectionLink, type RichTextSectionText, type RichTextSectionUser, type RichTextSectionUsergroup, type SectionBlock, type SlackFileObject, type StaticSelectElement, type Style, type TableBlock, type TableCell, type TableColumnSetting, type TaskCardBlock, type TextObject, type TextObjectTextType, type TimePickerElement, type TriggerObject, type UrlSourceElement, type UrlTextInputElement, type UsersSelectElement, type VideoBlock, type WorkflowButtonElement, type WorkflowObject };
+export { type ActionsBlock, type AlertBlock, type AlertLevel, type Block, type ButtonElement, type CardBlock, type CardImage, type CarouselBlock, type ChannelsSelectElement, type CheckboxesElement, type ConfirmDialogObject, type ContainerBlock, type ContextActionsBlock, type ContextBlock, type ConversationsSelectElement, type DataTableActionCell, type DataTableBlock, type DataTableCell, type DataTableRawNumberCell, type DataTableRawTextCell, type DataVisualizationBlock, type DataVizAxisConfig, type DataVizCartesianChart, type DataVizChart, type DataVizDataPoint, type DataVizPieChart, type DataVizSegment, type DataVizSeries, type DatePickerElement, type DateTimePickerElement, type DispatchActionConfigObject, type DividerBlock, type Element, type EmailInputElement, type ExternalSelectElement, type FeedbackButtonsElement, type FileBlock, type FileInputElement, type FilterObject, type HeaderBlock, type IconButtonElement, type ImageBlock, type ImageElement, type InputBlock, type MarkdownBlock, Message, type MessageProps, type MultiChannelsSelectElement, type MultiConversationsSelectElement, type MultiExternalSelectElement, type MultiStaticSelectElement, type MultiUsersSelectElement, type NumberInputElement, type OptionGroupObject, type OptionObject, type OptionObjectWithoutUrl, type OverflowMenuElement, type PlainTextInputElement, type PlanBlock, type RadioButtonsElement, type RichTextBlock, type RichTextBlockElement, type RichTextBlockSubElement, type RichTextInputElement, type RichTextList, type RichTextPreformatted, type RichTextQuote, type RichTextSection, type RichTextSectionBroadcast, type RichTextSectionChannel, type RichTextSectionColor, type RichTextSectionDate, type RichTextSectionElement, type RichTextSectionElementStyle, type RichTextSectionElementStyleCode, type RichTextSectionEmoji, type RichTextSectionLink, type RichTextSectionText, type RichTextSectionUser, type RichTextSectionUsergroup, type SectionBlock, type SlackFileObject, type StaticSelectElement, type Style, type TableBlock, type TableCell, type TableColumnSetting, type TaskCardBlock, type TextObject, type TextObjectTextType, type TimePickerElement, type TriggerObject, type UrlSourceElement, type UrlTextInputElement, type UsersSelectElement, type VideoBlock, type WorkflowButtonElement, type WorkflowObject };

package/dist/index.d.ts

@@ -780,7 +780,7 @@ type WorkflowObject = {
     trigger: TriggerObject;
 };
 
-type Block = ActionsBlock | AlertBlock | CardBlock | CarouselBlock | ContainerBlock | ContextBlock | ContextActionsBlock | DataVisualizationBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | MarkdownBlock | PlanBlock | SectionBlock | TableBlock | TaskCardBlock | VideoBlock | RichTextBlock;
+type Block = ActionsBlock | AlertBlock | CardBlock | CarouselBlock | ContainerBlock | ContextBlock | ContextActionsBlock | DataTableBlock | DataVisualizationBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | MarkdownBlock | PlanBlock | SectionBlock | TableBlock | TaskCardBlock | VideoBlock | RichTextBlock;
 type ActionsBlock = {
     /**
      * Available in surfaces: **Modals**, **Messages**, **Home tabs**
@@ -1111,6 +1111,75 @@ type TableColumnSetting = {
      */
     is_wrapped?: boolean;
 };
+type DataTableBlock = {
+    /**
+     * Available in surfaces: **Messages**, **Home tabs**
+     *
+     * * Docs: {@link https://docs.slack.dev/reference/block-kit/blocks/data-table-block View here}
+     *
+     * A ***data_table*** block is a rich table that supports pagination, sorting, and interactive
+     * {@link DataTableActionCell action cells}. The first row is the header (it cannot contain
+     * ***rich_text*** cells). A table has 2 to 201 rows (1 header plus up to 200 rows) and 1 to 20
+     * columns, and every row must have the same number of cells.
+     *
+     * Sorting is alphabetical by default, and numeric when every cell in the column is
+     * ***raw_number***.
+     */
+    type: "data_table";
+    /**
+     * A string acting as a unique identifier for a block. If not specified, one will be generated.
+     * Maximum length for this field is 255 characters.
+     */
+    block_id?: string;
+    /**
+     * An array of table rows, each an array of cells. The first row is the header.
+     */
+    rows: DataTableCell[][];
+    /**
+     * A caption for the table, used as the value of the HTML ***caption*** element.
+     */
+    caption: string;
+    /**
+     * Number of rows per page. Minimum 1, maximum 100. Defaults to 5.
+     */
+    page_size?: number;
+    /**
+     * The 0-based index of the column that uniquely identifies each row (the row header), which
+     * screen readers treat as the row's primary identifier. Defaults to 0.
+     */
+    row_header_column_index?: number;
+};
+type DataTableRawTextCell = {
+    type: "raw_text";
+    /**
+     * The text content of the cell. Minimum length 1.
+     */
+    text: string;
+};
+type DataTableRawNumberCell = {
+    type: "raw_number";
+    /**
+     * The numeric value of the cell, used for numeric sorting.
+     */
+    value: number;
+    /**
+     * Optional display text shown instead of ***value***. Minimum length 1.
+     */
+    text?: string;
+};
+type DataTableActionCell = {
+    type: "action_cell";
+    /**
+     * The {@link ButtonElement button} rendered in the cell. Set its ***value*** to identify the row
+     * so your app can tell which row was clicked.
+     */
+    element: ButtonElement;
+    /**
+     * A cell displayed in place of the button on clients that don't support action cells.
+     */
+    fallback?: DataTableRawTextCell | DataTableRawNumberCell;
+};
+type DataTableCell = DataTableRawTextCell | DataTableRawNumberCell | DataTableActionCell | RichTextBlock;
 type RichTextBlock = {
     /**
      * Available in surfaces: **Modals**, **Messages**, **Home tabs**
@@ -1687,4 +1756,4 @@ type Props = {
 type MessageProps = Props;
 declare const Message: (props: Props) => React$1.JSX.Element;
 
-export { type ActionsBlock, type AlertBlock, type AlertLevel, type Block, type ButtonElement, type CardBlock, type CardImage, type CarouselBlock, type ChannelsSelectElement, type CheckboxesElement, type ConfirmDialogObject, type ContainerBlock, type ContextActionsBlock, type ContextBlock, type ConversationsSelectElement, type DataVisualizationBlock, type DataVizAxisConfig, type DataVizCartesianChart, type DataVizChart, type DataVizDataPoint, type DataVizPieChart, type DataVizSegment, type DataVizSeries, type DatePickerElement, type DateTimePickerElement, type DispatchActionConfigObject, type DividerBlock, type Element, type EmailInputElement, type ExternalSelectElement, type FeedbackButtonsElement, type FileBlock, type FileInputElement, type FilterObject, type HeaderBlock, type IconButtonElement, type ImageBlock, type ImageElement, type InputBlock, type MarkdownBlock, Message, type MessageProps, type MultiChannelsSelectElement, type MultiConversationsSelectElement, type MultiExternalSelectElement, type MultiStaticSelectElement, type MultiUsersSelectElement, type NumberInputElement, type OptionGroupObject, type OptionObject, type OptionObjectWithoutUrl, type OverflowMenuElement, type PlainTextInputElement, type PlanBlock, type RadioButtonsElement, type RichTextBlock, type RichTextBlockElement, type RichTextBlockSubElement, type RichTextInputElement, type RichTextList, type RichTextPreformatted, type RichTextQuote, type RichTextSection, type RichTextSectionBroadcast, type RichTextSectionChannel, type RichTextSectionColor, type RichTextSectionDate, type RichTextSectionElement, type RichTextSectionElementStyle, type RichTextSectionElementStyleCode, type RichTextSectionEmoji, type RichTextSectionLink, type RichTextSectionText, type RichTextSectionUser, type RichTextSectionUsergroup, type SectionBlock, type SlackFileObject, type StaticSelectElement, type Style, type TableBlock, type TableCell, type TableColumnSetting, type TaskCardBlock, type TextObject, type TextObjectTextType, type TimePickerElement, type TriggerObject, type UrlSourceElement, type UrlTextInputElement, type UsersSelectElement, type VideoBlock, type WorkflowButtonElement, type WorkflowObject };
+export { type ActionsBlock, type AlertBlock, type AlertLevel, type Block, type ButtonElement, type CardBlock, type CardImage, type CarouselBlock, type ChannelsSelectElement, type CheckboxesElement, type ConfirmDialogObject, type ContainerBlock, type ContextActionsBlock, type ContextBlock, type ConversationsSelectElement, type DataTableActionCell, type DataTableBlock, type DataTableCell, type DataTableRawNumberCell, type DataTableRawTextCell, type DataVisualizationBlock, type DataVizAxisConfig, type DataVizCartesianChart, type DataVizChart, type DataVizDataPoint, type DataVizPieChart, type DataVizSegment, type DataVizSeries, type DatePickerElement, type DateTimePickerElement, type DispatchActionConfigObject, type DividerBlock, type Element, type EmailInputElement, type ExternalSelectElement, type FeedbackButtonsElement, type FileBlock, type FileInputElement, type FilterObject, type HeaderBlock, type IconButtonElement, type ImageBlock, type ImageElement, type InputBlock, type MarkdownBlock, Message, type MessageProps, type MultiChannelsSelectElement, type MultiConversationsSelectElement, type MultiExternalSelectElement, type MultiStaticSelectElement, type MultiUsersSelectElement, type NumberInputElement, type OptionGroupObject, type OptionObject, type OptionObjectWithoutUrl, type OverflowMenuElement, type PlainTextInputElement, type PlanBlock, type RadioButtonsElement, type RichTextBlock, type RichTextBlockElement, type RichTextBlockSubElement, type RichTextInputElement, type RichTextList, type RichTextPreformatted, type RichTextQuote, type RichTextSection, type RichTextSectionBroadcast, type RichTextSectionChannel, type RichTextSectionColor, type RichTextSectionDate, type RichTextSectionElement, type RichTextSectionElementStyle, type RichTextSectionElementStyleCode, type RichTextSectionEmoji, type RichTextSectionLink, type RichTextSectionText, type RichTextSectionUser, type RichTextSectionUsergroup, type SectionBlock, type SlackFileObject, type StaticSelectElement, type Style, type TableBlock, type TableCell, type TableColumnSetting, type TaskCardBlock, type TextObject, type TextObjectTextType, type TimePickerElement, type TriggerObject, type UrlSourceElement, type UrlTextInputElement, type UsersSelectElement, type VideoBlock, type WorkflowButtonElement, type WorkflowObject };