slackblock 2.0.0 → 3.0.0-beta.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Changelog
 
+## 3.0.0-beta.0
+
+### Major Changes
+
+- 007f656: - **Validation coverage is materially stricter across the supported surface.**
+  - Missing required props now raise validation issues for more components in `strict` mode, including `TextInput`, `Overflow`, `File`, block/layout images, `Input`, `Confirmation`, and other supported validated components.
+  - `Section` now rejects payloads that provide neither `text` nor `fields` in `strict` mode.
+  - Additional Slack count and length limits are now enforced for supported components such as `Overflow`, `Checkboxes`, `RadioGroup`, `Select`, `Button`, `Input`, `Confirmation`, and `Video`.
+  - **Validation error matching should use `rule` + `subcode`.**
+    - `SlackblockValidationError.rule` now uses stable top-level categories like `required-field`, `too-long`, `too-many`, `invalid-format`, `invalid-structure`, and `unsupported-child`.
+    - Previous granular values now live in `subcode`. Consumers matching directly on older `rule` strings should update their logic.
+  - **`Section` API corrected to match supported Slack behavior.**
+    - Supports `text`, `fields`, `text + fields`, and `expand`.
+    - Fields-only sections are supported through the public API.
+    - String `text` is serialized directly into a mrkdwn text object.
+  - **Warn-mode validation reporting is now configurable.**
+    - `RenderOptions.onValidation` receives the normalized `ValidationIssue` object in warn mode.
+    - Default `console.warn` behavior remains unchanged when no reporter is provided.
+    - Applies to both `render()` and `renderToBlocks()`.
+  - **Coverage is now enforced in CI.**
+    - Added `test:coverage` and wired it into the CI workflow.
+  - **Packed artifact smoke testing is now part of verification.**
+    - The package is built, packed, installed into a fixture project, type-checked, and exercised through the JSX runtime.
+  - **Public export coverage was expanded.**
+    - Root exports, `block`, `jsx-runtime`, and `jsx-dev-runtime` are now explicitly tested.
+  - **Validation conformance coverage was expanded.**
+    - Supported validated components now have table-driven minimum, invalid, and boundary coverage.
+  - **Support coverage is now explicit.**
+    - Added a public support matrix and roadmap so the package no longer implies full Block Kit coverage.
+  - **Validation docs were rewritten around the current contract.**
+    - Includes mode behavior, error shape, stable rules, subcodes, and common failures.
+  - **Security and escaping guidance was added.**
+    - Documents that Slack `mrkdwn` is not plain text, that `<Text>` defaults to mrkdwn, and that `escapeMrkdwn()` should be used for untrusted content.
+  - **Known differences from raw Slack JSON are now documented.**
+    - Covers JSX modeling choices, `camelCase` props, `Message.color` attachment wrapping, and helper limitations such as large `blockKitBuilderUrl()` payloads.
+  - **Contributor and maintainer process docs were added.**
+    - Added a maintainer checklist, Slack-surface issue template, and updated contribution / PR guidance for support-matrix, validation, and semver discipline.
+
 ## 2.0.0
 
 ### Major Changes

package/README.md

@@ -9,6 +9,8 @@ JSX-based Slack Block Kit message renderer
 
 Build Slack messages with JSX. No React required — SlackBlock ships its own lightweight JSX runtime. Write your blocks as components, call `render()`, and post the result straight to the Slack API.
 
+SlackBlock supports a documented subset of Slack Block Kit rather than the full surface area. See [docs/support-matrix.md](docs/support-matrix.md) for the current coverage and [docs/roadmap.md](docs/roadmap.md) for the main gaps being tracked.
+
 ---
 
 ## Compatibility
@@ -127,7 +129,9 @@ const blocks = renderToBlocks(
 
 ### `blockKitBuilderUrl(blocks)`
 
-Returns a [Block Kit Builder](https://app.slack.com/block-kit-builder) URL for the given blocks. Open it in a browser to preview layout and interactivity during development.
+Development helper that returns a [Block Kit Builder](https://app.slack.com/block-kit-builder) URL for the given blocks. Open it in a browser to preview layout and interactivity while working on a payload.
+
+Because the payload is encoded into the URL fragment, very large payloads can produce impractically long URLs. Treat it as a debugging convenience, not a transport format.
 
 ```ts
 import { renderToBlocks, blockKitBuilderUrl } from 'slackblock';
@@ -139,7 +143,7 @@ console.log(blockKitBuilderUrl(blocks));
 
 ### `escapeMrkdwn(text)`
 
-Escapes Slack mrkdwn special characters (`*`, `_`, `~`, `` ` ``, `>`, `&`, `<`, `>`) in a string. Use this when inserting untrusted user content into a mrkdwn text field.
+Escapes Slack mrkdwn special characters in a string. Use it when inserting untrusted user content into mrkdwn text. SlackBlock does not automatically escape every string for you.
 
 ```ts
 import { escapeMrkdwn } from 'slackblock';
@@ -154,6 +158,7 @@ Both `render` / `renderToMessage` / `renderToBlocks` accept an optional `options
 ```ts
 type RenderOptions = {
   validate?: 'off' | 'warn' | 'strict'; // default: 'warn'
+  onValidation?: (issue: ValidationIssue) => void; // optional warn-mode reporter
   channel?: string; // included in the payload; narrows return type to SlackPostMessagePayload
   user?: string;    // requires channel; narrows return type to SlackPostEphemeralPayload
 };
@@ -165,34 +170,57 @@ See [docs/validation.md](docs/validation.md) for details.
 
 ## Validation
 
-SlackBlock validates your message against Slack's documented limits and required fields. The `validate` option controls what happens when a violation is detected:
+SlackBlock validates the supported surface against required fields, documented limits, supported format checks, and a small number of structural rules.
 
 | Mode | Behavior |
-|------|----------|
-| `'warn'` (default) | Logs a warning to `console.warn`; rendering continues |
-| `'strict'` | Throws a `SlackblockValidationError` |
-| `'off'` | No validation |
+|---|---|
+| `'warn'` (default) | Logs a warning and continues rendering |
+| `'strict'` | Throws `SlackblockValidationError` |
+| `'off'` | Skips validation entirely |
 
 ```tsx
-// Throw on any violation — recommended for tests
-const message = render(<Message>...</Message>, { validate: 'strict' });
+const message = render(<Message>...</Message>, {validate: 'strict'});
 ```
 
+`SlackblockValidationError` exposes a stable contract: `message`, `path`, `rule`, optional `subcode`, optional `component`, optional `field`, and the normalized `issue` object.
+
+For structured logging in warn mode, pass `onValidation`:
+
 ```ts
-import { SlackblockValidationError } from 'slackblock';
-
-try {
-  render(<Message>...</Message>, { validate: 'strict' });
-} catch (err) {
-  if (err instanceof SlackblockValidationError) {
-    console.error(err.message); // "Message > Header: Header text exceeds 150 characters."
-    console.error(err.path);    // ["Message", "Header"]
-    console.error(err.rule);    // "too-long"
-  }
-}
+render(<Message>...</Message>, {
+  validate: 'warn',
+  onValidation: issue => logger.warn(issue),
+});
+```
+
+See [docs/validation.md](docs/validation.md) for mode guidance, the error contract, rule categories, and common failures.
+
+---
+
+## Security And Escaping
+
+Slack `mrkdwn` is not plain text, and `<Text>` defaults to mrkdwn. SlackBlock does not automatically escape every string you pass into mrkdwn-capable content.
+
+Use `escapeMrkdwn()` for untrusted or user-generated values:
+
+```ts
+const safe = escapeMrkdwn(userInput);
 ```
 
-See [docs/validation.md](docs/validation.md) for the full rule reference.
+Use `plainText` when you want Slack `plain_text` semantics instead of mrkdwn formatting. See [docs/security.md](docs/security.md) for the full guidance.
+
+---
+
+## Known Differences From Slack
+
+SlackBlock intentionally differs from raw Slack JSON in a few places:
+- it supports an explicit subset of Block Kit rather than the entire Slack surface
+- it uses JSX with `camelCase` props instead of raw `snake_case` JSON
+- `<Text>` defaults to `mrkdwn`, so untrusted text must be escaped explicitly
+- `validate: 'warn'` is the default; invalid input does not always throw
+- `Message.color` uses a legacy attachment wrapper for colored sidebars
+
+See [docs/known-differences.md](docs/known-differences.md) for the longer reference.
 
 ---
 
@@ -214,6 +242,19 @@ See [docs/validation.md](docs/validation.md) for the full rule reference.
 </Select>
 ```
 
+`<Section>` also supports an explicit `fields` prop and Slack's `expand` flag:
+
+```tsx
+<Section
+  text="Build status"
+  fields={[
+    <Text plainText>Commit</Text>,
+    <Text>{sha}</Text>,
+  ]}
+  expand
+/>
+```
+
 **Conditional rendering** — Use `<Container>` to wrap elements that may or may not render, or use standard JS short-circuit expressions:
 
 ```tsx
@@ -235,26 +276,26 @@ See [docs/validation.md](docs/validation.md) for the full rule reference.
 
 ---
 
-## Supported components
-
-**Layout blocks:** `Message`, `Section`, `Actions`, `Context`, `Divider`, `File`, `Header`, `Image` (block), `Input`, `RichText`, `Video`
-
-**Block elements:** `Text`, `Image` (element), `Button`, `Confirmation`
-
-**Input elements:** `Select`, `Option`, `OptionGroup`, `Overflow`, `Checkboxes`, `RadioGroup`, `TextInput`, `DatePicker`, `TimePicker`, `DateTimePicker`
+## Support Coverage
 
-**Rich text helpers:** `RichTextSection`, `RichTextList`, `RichTextQuote`, `RichTextPreformatted`, `RichTextText`, `RichTextLink`, `RichTextUser`, `RichTextChannel`, `RichTextEmoji`, `RichTextDate`, `RichTextBroadcast`, `RichTextUserGroup`
+SlackBlock does not try to mirror every Slack Block Kit primitive immediately. The supported subset is explicit:
 
-**Utility:** `Container`
+- supported coverage: [docs/support-matrix.md](docs/support-matrix.md)
+- public component API: [docs/components.md](docs/components.md)
+- planned gaps: [docs/roadmap.md](docs/roadmap.md)
 
-See [docs/components.md](docs/components.md) for the full props reference.
+If a block, element, or composition object is not listed as `Supported` in the support matrix, do not assume it is available.
 
 ---
 
 ## Further reading
 
 - [Component reference](docs/components.md) — all components with props tables
+- [Support matrix](docs/support-matrix.md) — current Block Kit coverage
+- [Roadmap](docs/roadmap.md) — tracked gaps and likely next additions
 - [Validation guide](docs/validation.md) — validation modes and error handling
+- [Security and escaping](docs/security.md) — handling untrusted text safely
+- [Known differences](docs/known-differences.md) — behavior that differs from raw Slack JSON
 - [Migrating from jsx-slack](docs/migrating-from-jsx-slack.md)
 - [Migrating from slack-block-builder](docs/migrating-from-slack-block-builder.md)
 - [Slack Block Kit reference](https://api.slack.com/block-kit)

package/dist/block.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/block.ts","../src/components/message.tsx","../src/components/block/button.tsx","../src/components/block/confirmation.tsx","../src/components/block/image.tsx","../src/components/block/text.tsx","../src/components/input/date-picker.tsx","../src/components/input/date-time-picker.tsx","../src/components/input/checkboxes.tsx","../src/components/input/option-group.tsx","../src/components/input/option.tsx","../src/components/input/overflow.tsx","../src/components/input/radio-group.tsx","../src/components/input/select.tsx","../src/components/input/text.tsx","../src/components/input/time-picker.tsx","../src/components/layout/actions.tsx","../src/components/layout/context.tsx","../src/components/layout/divider.tsx","../src/components/layout/file.tsx","../src/components/layout/header.tsx","../src/components/layout/image.tsx","../src/components/layout/input.tsx","../src/components/layout/rich-text.tsx","../src/components/layout/section.tsx","../src/components/layout/container.tsx","../src/components/layout/video.tsx","../src/components/rich-text/section.tsx","../src/components/rich-text/list.tsx","../src/components/rich-text/quote.tsx","../src/components/rich-text/preformatted.tsx","../src/components/rich-text/text.tsx","../src/components/rich-text/link.tsx","../src/components/rich-text/user.tsx","../src/components/rich-text/channel.tsx","../src/components/rich-text/emoji.tsx","../src/components/rich-text/date.tsx","../src/components/rich-text/broadcast.tsx","../src/components/rich-text/user-group.tsx"],"sourcesContent":["export * from './components';\n","\nimport {type Child} from '../constants/types';\n\n/**\n * Props for the `<Message>` component.\n *\n * The top-level element required by `render()` / `renderToMessage()`.\n * Add blocks as children; use `text` as a fallback for notifications.\n */\nexport type Properties = {\n  children?: Child;\n  channel?: string;\n  user?: string;\n  text?: string;\n  asUser?: boolean;\n  iconEmoji?: string;\n  iconUrl?: string;\n  markdown?: boolean;\n  parse?: 'full' | 'none';\n  replyBroadcast?: boolean;\n  replyTo?: string;\n  unfurlLinks?: boolean;\n  unfurlMedia?: boolean;\n  username?: string;\n  color?: string;\n};\n\n/**\n * Root element for a Slack chat message.\n *\n * Must be the top-level element passed to `render()`.\n * Add layout blocks as children.\n *\n * @example\n * ```tsx\n * render(\n *   <Message text=\"Fallback\">\n *     <Header text=\"Hello\" />\n *   </Message>\n * );\n * ```\n */\nexport default class Message {\n  static slackType = 'Message';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  children: string;\n  actionId: string;\n  url?: string;\n  value?: string;\n  style?: 'primary' | 'danger';\n  accessibilityLabel?: string;\n};\n\nexport type ButtonProps = TopProperties & {\n  confirm?: JSX.Element;\n};\n\ntype Properties = ButtonProps;\n\n/**\n * A button element — clickable button used in `<Actions>` blocks or as a\n * `<Section>` accessory.\n *\n * @example\n * ```tsx\n * <Button actionId=\"submit\" style=\"primary\" value=\"yes\">Submit</Button>\n * <Button actionId=\"delete\" style=\"danger\" confirm={confirmDialog}>Delete</Button>\n * <Button actionId=\"docs\" url=\"https://example.com\">View docs</Button>\n * ```\n */\nexport default class Button {\n  static slackType = 'Button';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  title: string;\n  confirm: string;\n  deny: string;\n};\n\n/* This is a dumb workaround to merging props */\nexport type ConfirmationProps = TopProperties & {\n  children: JSX.Element;\n};\n\ntype Properties = ConfirmationProps;\n\n/**\n * A confirmation dialog — shown before an interactive action is triggered.\n *\n * Pass a `<Confirmation>` element to the `confirm` prop of interactive\n * elements such as `<Button>`, `<Select>`, `<Overflow>`, etc.\n *\n * @example\n * ```tsx\n * const dialog = (\n *   <Confirmation title=\"Are you sure?\" confirm=\"Yes, delete\" deny=\"Cancel\">\n *     <Text plainText>This action cannot be undone.</Text>\n *   </Confirmation>\n * );\n *\n * <Button actionId=\"delete\" confirm={dialog} style=\"danger\">Delete</Button>\n * ```\n */\nexport default class Confirmation {\n  static slackType = 'Confirmation';\n  declare props: Properties;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n};\n\n/**\n * An image element — displays an inline image inside `<Context>` or as a\n * `<Section>` accessory.\n *\n * For a full-width image block, use `<ImageLayout>` instead.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/icon.png\" alt=\"icon\" />\n *   <Text>Some context</Text>\n * </Context>\n * ```\n */\nexport default class Image {\n  static slackType = 'Image';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  plainText?: boolean;\n  emoji?: boolean;\n  verbatim?: boolean;\n};\n\n/**\n * A text object — renders as `mrkdwn` (default) or `plain_text`.\n *\n * Used as the `text` prop on `<Section>`, `<Header>`, inside `<Context>`,\n * and as a child of `<Section>` for fields.\n *\n * @example\n * ```tsx\n * <Text>Hello *world*</Text>\n * <Text plainText emoji>Hello :wave:</Text>\n * ```\n */\nexport default class Text {\n  static slackType = 'Text';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialDate?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A date picker — a calendar-style date selector.\n *\n * `initialDate` must be in `YYYY-MM-DD` format.\n *\n * @example\n * ```tsx\n * <Input label=\"Due date\" element={\n *   <DatePicker actionId=\"due_date\" initialDate=\"2024-12-31\" />\n * } />\n * ```\n */\nexport default class DatePicker {\n  static slackType = 'DatePicker';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  initialDateTime?: number;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A combined date and time picker.\n *\n * `initialDateTime` is a Unix timestamp (seconds since epoch).\n *\n * @example\n * ```tsx\n * <Input label=\"Scheduled at\" element={\n *   <DateTimePicker actionId=\"scheduled_at\" initialDateTime={1700000000} />\n * } />\n * ```\n */\nexport default class DateTimePicker {\n  static slackType = 'DateTimePicker';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A checkbox group — allows multiple selections from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-check options via `initialOptions`.\n *\n * @example\n * ```tsx\n * <Checkboxes actionId=\"prefs\" initialOptions={[slackOption]}>\n *   <Option value=\"emails\">Emails</Option>\n *   <Option value=\"slack\">Slack</Option>\n * </Checkboxes>\n * ```\n */\nexport default class Checkboxes {\n  static slackType = 'Checkboxes';\n  declare props: Props;\n}\n","\nexport type Props = {\n  label: string;\n  children: JSX.Element | JSX.Element[];\n};\n\n/**\n * Groups options under a labeled heading inside a `<Select>`.\n *\n * @example\n * ```tsx\n * <Select placeholder=\"Pick one\" actionId=\"grouped\">\n *   <OptionGroup label=\"Fruits\">\n *     <Option value=\"apple\">Apple</Option>\n *   </OptionGroup>\n * </Select>\n * ```\n */\nexport default class OptionGroup {\n  static slackType = 'OptionGroup';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  value: string;\n  url?: string;\n  description?: string;\n};\n\n/**\n * An option item for `<Select>`, `<Checkboxes>`, `<RadioGroup>`, or `<Overflow>`.\n *\n * The children (text) is the display label; `value` is sent in the action payload.\n *\n * @example\n * ```tsx\n * <Option value=\"opt_a\" description=\"The first option\">Option A</Option>\n * ```\n */\nexport default class Option {\n  static slackType = 'Option';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  confirm?: JSX.Element;\n};\n\n/**\n * An overflow menu — the \"⋯\" button that reveals a list of options.\n *\n * Requires at least 2 `<Option>` children. Options can include a `url` to open a link.\n *\n * @example\n * ```tsx\n * <Overflow actionId=\"more\">\n *   <Option value=\"edit\">Edit</Option>\n *   <Option value=\"delete\">Delete</Option>\n *   <Option value=\"docs\" url=\"https://example.com/docs\">View docs</Option>\n * </Overflow>\n * ```\n */\nexport default class Overflow {\n  static slackType = 'Overflow';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOption?: JSX.Element;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A radio button group — allows exactly one selection from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-select an option via `initialOption`.\n *\n * @example\n * ```tsx\n * <RadioGroup actionId=\"size\" initialOption={<Option value=\"m\">Medium</Option>}>\n *   <Option value=\"s\">Small</Option>\n *   <Option value=\"m\">Medium</Option>\n *   <Option value=\"l\">Large</Option>\n * </RadioGroup>\n * ```\n */\nexport default class RadioGroup {\n  static slackType = 'RadioGroup';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport const selectTypes = {\n  STATIC: 'static',\n  EXTERNAL: 'external',\n  USER: 'user',\n  CONVERSATION: 'conversation',\n  CHANNEL: 'channel',\n} as const;\n\ntype SelectType = typeof selectTypes[keyof typeof selectTypes];\n\ntype ConversationFilter = {\n  include?: Array<'im' | 'mpim' | 'private' | 'public'>;\n  excludeExternalSharedChannels?: boolean;\n  excludeBotUsers?: boolean;\n};\n\nexport type Props = {\n  placeholder: string;\n  actionId: string;\n  type?: SelectType;\n  multi?: boolean;\n  children?: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  maxSelectedItems?: number;\n  minQueryLength?: number;\n  focusOnLoad?: boolean;\n  initialUsers?: string[];\n  initialConversations?: string[];\n  initialChannels?: string[];\n  defaultToCurrentConversation?: boolean;\n  responseUrlEnabled?: boolean;\n  filter?: ConversationFilter;\n};\n\n/**\n * A select menu — supports static options, external data sources, and user /\n * channel / conversation lists. Can be single or multi-select.\n *\n * Use the `type` prop to switch data sources (default: `'static'`).\n * Pass `<Option>` or `<OptionGroup>` children for static selects.\n *\n * @example\n * ```tsx\n * // Static single-select\n * <Select placeholder=\"Pick one\" actionId=\"color\">\n *   <Option value=\"red\">Red</Option>\n *   <Option value=\"blue\">Blue</Option>\n * </Select>\n *\n * // User multi-select\n * <Select type=\"user\" multi placeholder=\"Pick users\" actionId=\"mentions\" />\n * ```\n */\nexport default class Select {\n  static slackType = 'Select';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initial?: string;\n  multiline?: boolean;\n  minLength?: number;\n  maxLength?: number;\n  focusOnLoad?: boolean;\n  dispatchActionConfig?: {\n    triggerActionsOn: Array<'on_enter_pressed' | 'on_character_entered'>;\n  };\n};\n\n/**\n * A plain-text input field — used as the `element` prop inside `<Input>`.\n *\n * @example\n * ```tsx\n * <Input label=\"Your name\" element={\n *   <TextInput\n *     actionId=\"name\"\n *     placeholder=\"Jane Doe\"\n *     maxLength={80}\n *     focusOnLoad\n *   />\n * } />\n * ```\n */\nexport default class TextInput {\n  static slackType = 'TextInput';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialTime?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A time picker — a clock-style time selector.\n *\n * `initialTime` must be in `HH:mm` (24-hour) format.\n *\n * @example\n * ```tsx\n * <Input label=\"Meeting time\" element={\n *   <TimePicker actionId=\"meeting_time\" initialTime=\"09:00\" />\n * } />\n * ```\n */\nexport default class TimePicker {\n  static slackType = 'TimePicker';\n  declare props: Props;\n}\n","\nimport {type InteractiveBlockElement} from '../../constants/types';\n\nexport type Props = {\n  children: InteractiveBlockElement | InteractiveBlockElement[];\n  blockId?: string;\n};\n\n/**\n * An actions block — displays interactive elements in a horizontal row.\n *\n * Accepts up to 25 interactive elements as children: `<Button>`, `<Select>`,\n * `<Overflow>`, `<DatePicker>`, `<TimePicker>`, `<DateTimePicker>`.\n *\n * @example\n * ```tsx\n * <Actions>\n *   <Button actionId=\"approve\" style=\"primary\">Approve</Button>\n *   <Button actionId=\"deny\" style=\"danger\">Deny</Button>\n * </Actions>\n * ```\n */\nexport default class Actions {\n  static slackType = 'Actions';\n  declare props: Props;\n}\n","\nexport type ImageOrText = JSX.Element;\n\nexport type Props = {\n  children: ImageOrText | ImageOrText[];\n  blockId?: string;\n};\n\n/**\n * A context block — displays small text and images in a horizontal row.\n *\n * Accepts up to 10 `<Text>` or `<Image>` elements as children.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/avatar.png\" alt=\"avatar\" />\n *   <Text>Posted by *Jane Doe*</Text>\n * </Context>\n * ```\n */\nexport default class Context {\n  static slackType = 'Context';\n  declare props: Props;\n}\n","\nexport type Props = {\n  blockId?: string;\n};\n\n/**\n * A divider block — renders a horizontal rule between blocks.\n *\n * @example\n * ```tsx\n * <Divider />\n * ```\n */\nexport default class Divider {\n  static slackType = 'Divider';\n  declare props: Props;\n}\n","\nexport type Props = {\n  externalId: string;\n  blockId?: string;\n};\n\n/**\n * A file block — embeds a remote file that has been shared in Slack.\n *\n * @example\n * ```tsx\n * <File externalId=\"my-report-id\" />\n * ```\n */\nexport default class File {\n  static slackType = 'File';\n  declare props: Props;\n}\n","\nexport type Props = {\n  text: string;\n  blockId?: string;\n  emoji?: boolean;\n};\n\n/**\n * A header block — displays large, bold plain text at the top of a section.\n *\n * Maximum 150 characters.\n *\n * @example\n * ```tsx\n * <Header text=\"Deploy complete\" emoji />\n * ```\n */\nexport default class Header {\n  static slackType = 'Header';\n  declare props: Props;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n  title?: string;\n  blockId?: string;\n};\n\n/**\n * An image layout block — displays a full-width image.\n *\n * Imported as `ImageLayout` to avoid ambiguity with the `<Image>` element.\n *\n * @example\n * ```tsx\n * import { ImageLayout } from 'slackblock/block';\n *\n * <ImageLayout\n *   url=\"https://example.com/chart.png\"\n *   alt=\"Sales chart\"\n *   title=\"Q4 Results\"\n * />\n * ```\n */\nexport default class Image {\n  static slackType = 'ImageLayout';\n  declare props: Props;\n}\n","\nimport {type InputBlockElement} from '../../constants/types';\n\nexport type Props = {\n  label: string;\n  element: InputBlockElement;\n  hint?: string;\n  optional?: boolean;\n  blockId?: string;\n};\n\n/**\n * An input block — wraps a single interactive input element with a label.\n *\n * Pass the input element via the `element` prop (not as a child).\n *\n * @example\n * ```tsx\n * <Input\n *   label=\"Your name\"\n *   hint=\"Use your full name\"\n *   element={<TextInput actionId=\"name\" placeholder=\"Jane Doe\" />}\n * />\n * ```\n */\nexport default class Input {\n  static slackType = 'Input';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type RichTextElement = Record<string, unknown>;\n\nexport type Props = {\n  elements?: RichTextElement[];\n  children?: SingleOrArray<JSX.Element | string>;\n  blockId?: string;\n};\n\n/**\n * A rich text block — contains formatted text with inline styling, lists,\n * quotes, and preformatted code.\n *\n * Accepts `<RichTextSection>`, `<RichTextList>`, `<RichTextQuote>`, and\n * `<RichTextPreformatted>` as children.\n *\n * @example\n * ```tsx\n * <RichText>\n *   <RichTextSection>\n *     <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   </RichTextSection>\n * </RichText>\n * ```\n */\nexport default class RichText {\n  static slackType = 'RichText';\n  declare props: Props;\n}\n","\nimport {type BlockElement} from '../../constants/types';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\ntype TextElement = JSX.Element;\n\nexport type Props = {\n  text: JSX.Element;\n  blockId?: string;\n  // eslint-disable-next-line @typescript-eslint/no-restricted-types -- We actually want to handle null children\n  children?: SingleOrArray<TextElement | null | undefined | false>;\n  accessory?: BlockElement;\n};\n\n/**\n * A section block — the most versatile layout block.\n *\n * Displays a primary text label, optional two-column fields (children),\n * and an optional accessory element on the right.\n *\n * @example\n * ```tsx\n * <Section\n *   text={<Text>Hello *world*</Text>}\n *   accessory={<Button actionId=\"more\">More</Button>}\n * >\n *   <Text plainText>Field A</Text>\n *   <Text plainText>Field B</Text>\n * </Section>\n * ```\n */\nexport default class Section {\n  static slackType = 'Section';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\nimport {type Child} from '../../constants/types';\n\nexport type Props = {\n  children: SingleOrArray<Child>;\n};\n\n/**\n * A pass-through utility component that renders its children without adding\n * any wrapper block. Useful for conditional rendering and mapping arrays\n * without introducing an extra layout layer.\n *\n * @example\n * ```tsx\n * <Message text=\"Hello\">\n *   {isAdmin && (\n *     <Container>\n *       <Section text={<Text>Admin section</Text>} />\n *       <Divider />\n *     </Container>\n *   )}\n * </Message>\n * ```\n */\nexport default class Container {\n  static slackType = 'Container';\n  declare props: Props;\n}\n","\nexport type Props = {\n  title: string;\n  videoUrl: string;\n  thumbnailUrl: string;\n  altText: string;\n  titleUrl?: string;\n  description?: string;\n  authorName?: string;\n  providerName?: string;\n  providerIconUrl?: string;\n  blockId?: string;\n};\n\n/**\n * A video block — embeds an external video with a thumbnail, title, and metadata.\n *\n * @example\n * ```tsx\n * <Video\n *   title=\"Product Demo\"\n *   videoUrl=\"https://example.com/demo.mp4\"\n *   thumbnailUrl=\"https://example.com/thumb.png\"\n *   altText=\"Product demo video\"\n *   authorName=\"Product Team\"\n * />\n * ```\n */\nexport default class Video {\n  static slackType = 'Video';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * An inline container for rich text content within a `<RichText>` block.\n * Also used as individual list items inside `<RichTextList>`.\n *\n * @example\n * ```tsx\n * <RichTextSection>\n *   <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   {' world'}\n * </RichTextSection>\n * ```\n */\nexport default class RichTextSection {\n  static slackType = 'RichTextSection';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport {type RichTextListStyle} from './types';\n\nexport type Props = {\n  style: RichTextListStyle;\n  children: SingleOrArray<JSX.Element | string>;\n  indent?: number;\n  border?: number;\n};\n\n/**\n * A bulleted or numbered list in rich text.\n *\n * Each list item should be a `<RichTextSection>` child.\n * Supports indentation (`indent` 0–6) and border styling.\n *\n * @example\n * ```tsx\n * <RichTextList style=\"bullet\" indent={1}>\n *   <RichTextSection><RichTextText>Item one</RichTextText></RichTextSection>\n *   <RichTextSection><RichTextText>Item two</RichTextText></RichTextSection>\n * </RichTextList>\n * ```\n */\nexport default class RichTextList {\n  static slackType = 'RichTextList';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A blockquote in rich text — displays content with a visual left-border indent.\n *\n * @example\n * ```tsx\n * <RichTextQuote>\n *   <RichTextText>This is a quoted passage.</RichTextText>\n * </RichTextQuote>\n * ```\n */\nexport default class RichTextQuote {\n  static slackType = 'RichTextQuote';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A preformatted code block in rich text — monospaced, no line wrapping.\n *\n * @example\n * ```tsx\n * <RichTextPreformatted>\n *   <RichTextText style={{ code: true }}>const x = 1;</RichTextText>\n * </RichTextPreformatted>\n * ```\n */\nexport default class RichTextPreformatted {\n  static slackType = 'RichTextPreformatted';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  children: string;\n  style?: RichTextStyle;\n};\n\n/**\n * Styled text within a rich text block.\n *\n * Apply bold, italic, strikethrough, or inline code styling via `style`.\n *\n * @example\n * ```tsx\n * <RichTextText style={{ bold: true, italic: true }}>Bold italic</RichTextText>\n * <RichTextText style={{ code: true }}>inline code</RichTextText>\n * ```\n */\nexport default class RichTextText {\n  static slackType = 'RichTextText';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  url: string;\n  children?: string;\n  style?: RichTextStyle;\n};\n\n/**\n * A hyperlink within rich text. Displays `children` as the link text,\n * or falls back to the URL if `children` is omitted.\n *\n * @example\n * ```tsx\n * <RichTextLink url=\"https://example.com\" style={{ bold: true }}>Visit us</RichTextLink>\n * ```\n */\nexport default class RichTextLink {\n  static slackType = 'RichTextLink';\n  declare props: Props;\n}\n","\nexport type Props = {\n  userId: string;\n};\n\n/**\n * Mentions a Slack user by ID in rich text (renders as `@username`).\n *\n * @example\n * ```tsx\n * <RichTextUser userId=\"U123456\" />\n * ```\n */\nexport default class RichTextUser {\n  static slackType = 'RichTextUser';\n  declare props: Props;\n}\n","\nexport type Props = {\n  channelId: string;\n};\n\n/**\n * Mentions a Slack channel by ID in rich text (renders as `#channel-name`).\n *\n * @example\n * ```tsx\n * <RichTextChannel channelId=\"C123456\" />\n * ```\n */\nexport default class RichTextChannel {\n  static slackType = 'RichTextChannel';\n  declare props: Props;\n}\n","\nexport type Props = {\n  name: string;\n};\n\n/**\n * Renders an emoji by name in rich text.\n *\n * @example\n * ```tsx\n * <RichTextEmoji name=\"wave\" />\n * ```\n */\nexport default class RichTextEmoji {\n  static slackType = 'RichTextEmoji';\n  declare props: Props;\n}\n","\nexport type Props = {\n  timestamp: number;\n  format: string;\n  fallback: string;\n};\n\n/**\n * Renders a formatted date that adapts to each viewer's local timezone.\n *\n * `timestamp` is a Unix timestamp. `format` uses Slack's date format tokens\n * (e.g. `\"{date_long} at {time}\"`). `fallback` is shown if rendering fails.\n *\n * @see https://api.slack.com/reference/surfaces/formatting#date-formatting\n *\n * @example\n * ```tsx\n * <RichTextDate\n *   timestamp={1700000000}\n *   format=\"{date_long} at {time}\"\n *   fallback=\"Nov 14, 2023 at 22:13\"\n * />\n * ```\n */\nexport default class RichTextDate {\n  static slackType = 'RichTextDate';\n  declare props: Props;\n}\n","\nimport {type RichTextBroadcastRange} from './types';\n\nexport type Props = {\n  range: RichTextBroadcastRange;\n};\n\n/**\n * A `@here`, `@channel`, or `@everyone` broadcast mention in rich text.\n *\n * @example\n * ```tsx\n * <RichTextBroadcast range=\"here\" />\n * ```\n */\nexport default class RichTextBroadcast {\n  static slackType = 'RichTextBroadcast';\n  declare props: Props;\n}\n","\nexport type Props = {\n  usergroupId: string;\n};\n\n/**\n * Mentions a Slack user group by ID in rich text.\n *\n * @example\n * ```tsx\n * <RichTextUserGroup usergroupId=\"S123456\" />\n * ```\n */\nexport default class RichTextUserGroup {\n  static slackType = 'RichTextUserGroup';\n  declare props: Props;\n}\n"],"mappings":"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","names":["Image","Image"]}
+{"version":3,"sources":["../src/block.ts","../src/components/message.tsx","../src/components/block/button.tsx","../src/components/block/confirmation.tsx","../src/components/block/image.tsx","../src/components/block/text.tsx","../src/components/input/date-picker.tsx","../src/components/input/date-time-picker.tsx","../src/components/input/checkboxes.tsx","../src/components/input/option-group.tsx","../src/components/input/option.tsx","../src/components/input/overflow.tsx","../src/components/input/radio-group.tsx","../src/components/input/select.tsx","../src/components/input/text.tsx","../src/components/input/time-picker.tsx","../src/components/layout/actions.tsx","../src/components/layout/context.tsx","../src/components/layout/divider.tsx","../src/components/layout/file.tsx","../src/components/layout/header.tsx","../src/components/layout/image.tsx","../src/components/layout/input.tsx","../src/components/layout/rich-text.tsx","../src/components/layout/section.tsx","../src/components/layout/container.tsx","../src/components/layout/video.tsx","../src/components/rich-text/section.tsx","../src/components/rich-text/list.tsx","../src/components/rich-text/quote.tsx","../src/components/rich-text/preformatted.tsx","../src/components/rich-text/text.tsx","../src/components/rich-text/link.tsx","../src/components/rich-text/user.tsx","../src/components/rich-text/channel.tsx","../src/components/rich-text/emoji.tsx","../src/components/rich-text/date.tsx","../src/components/rich-text/broadcast.tsx","../src/components/rich-text/user-group.tsx"],"sourcesContent":["export * from './components';\n","\nimport {type Child} from '../constants/types';\n\n/**\n * Props for the `<Message>` component.\n *\n * The top-level element required by `render()` / `renderToMessage()`.\n * Add blocks as children; use `text` as a fallback for notifications.\n */\nexport type Properties = {\n  children?: Child;\n  channel?: string;\n  user?: string;\n  text?: string;\n  asUser?: boolean;\n  iconEmoji?: string;\n  iconUrl?: string;\n  markdown?: boolean;\n  parse?: 'full' | 'none';\n  replyBroadcast?: boolean;\n  replyTo?: string;\n  unfurlLinks?: boolean;\n  unfurlMedia?: boolean;\n  username?: string;\n  color?: string;\n};\n\n/**\n * Root element for a Slack chat message.\n *\n * Must be the top-level element passed to `render()`.\n * Add layout blocks as children.\n *\n * @example\n * ```tsx\n * render(\n *   <Message text=\"Fallback\">\n *     <Header text=\"Hello\" />\n *   </Message>\n * );\n * ```\n */\nexport default class Message {\n  static slackType = 'Message';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  children: string;\n  actionId: string;\n  url?: string;\n  value?: string;\n  style?: 'primary' | 'danger';\n  accessibilityLabel?: string;\n};\n\nexport type ButtonProps = TopProperties & {\n  confirm?: JSX.Element;\n};\n\ntype Properties = ButtonProps;\n\n/**\n * A button element — clickable button used in `<Actions>` blocks or as a\n * `<Section>` accessory.\n *\n * @example\n * ```tsx\n * <Button actionId=\"submit\" style=\"primary\" value=\"yes\">Submit</Button>\n * <Button actionId=\"delete\" style=\"danger\" confirm={confirmDialog}>Delete</Button>\n * <Button actionId=\"docs\" url=\"https://example.com\">View docs</Button>\n * ```\n */\nexport default class Button {\n  static slackType = 'Button';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  title: string;\n  confirm: string;\n  deny: string;\n};\n\n/* This is a dumb workaround to merging props */\nexport type ConfirmationProps = TopProperties & {\n  children: JSX.Element;\n};\n\ntype Properties = ConfirmationProps;\n\n/**\n * A confirmation dialog — shown before an interactive action is triggered.\n *\n * Pass a `<Confirmation>` element to the `confirm` prop of interactive\n * elements such as `<Button>`, `<Select>`, `<Overflow>`, etc.\n *\n * @example\n * ```tsx\n * const dialog = (\n *   <Confirmation title=\"Are you sure?\" confirm=\"Yes, delete\" deny=\"Cancel\">\n *     <Text plainText>This action cannot be undone.</Text>\n *   </Confirmation>\n * );\n *\n * <Button actionId=\"delete\" confirm={dialog} style=\"danger\">Delete</Button>\n * ```\n */\nexport default class Confirmation {\n  static slackType = 'Confirmation';\n  declare props: Properties;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n};\n\n/**\n * An image element — displays an inline image inside `<Context>` or as a\n * `<Section>` accessory.\n *\n * For a full-width image block, use `<ImageLayout>` instead.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/icon.png\" alt=\"icon\" />\n *   <Text>Some context</Text>\n * </Context>\n * ```\n */\nexport default class Image {\n  static slackType = 'Image';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  plainText?: boolean;\n  emoji?: boolean;\n  verbatim?: boolean;\n};\n\n/**\n * A text object — renders as `mrkdwn` (default) or `plain_text`.\n *\n * Used as the `text` prop on `<Section>`, `<Header>`, inside `<Context>`,\n * and as a child of `<Section>` for fields.\n *\n * @example\n * ```tsx\n * <Text>Hello *world*</Text>\n * <Text plainText emoji>Hello :wave:</Text>\n * ```\n */\nexport default class Text {\n  static slackType = 'Text';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialDate?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A date picker — a calendar-style date selector.\n *\n * `initialDate` must be in `YYYY-MM-DD` format.\n *\n * @example\n * ```tsx\n * <Input label=\"Due date\" element={\n *   <DatePicker actionId=\"due_date\" initialDate=\"2024-12-31\" />\n * } />\n * ```\n */\nexport default class DatePicker {\n  static slackType = 'DatePicker';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  initialDateTime?: number;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A combined date and time picker.\n *\n * `initialDateTime` is a Unix timestamp (seconds since epoch).\n *\n * @example\n * ```tsx\n * <Input label=\"Scheduled at\" element={\n *   <DateTimePicker actionId=\"scheduled_at\" initialDateTime={1700000000} />\n * } />\n * ```\n */\nexport default class DateTimePicker {\n  static slackType = 'DateTimePicker';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A checkbox group — allows multiple selections from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-check options via `initialOptions`.\n *\n * @example\n * ```tsx\n * <Checkboxes actionId=\"prefs\" initialOptions={[slackOption]}>\n *   <Option value=\"emails\">Emails</Option>\n *   <Option value=\"slack\">Slack</Option>\n * </Checkboxes>\n * ```\n */\nexport default class Checkboxes {\n  static slackType = 'Checkboxes';\n  declare props: Props;\n}\n","\nexport type Props = {\n  label: string;\n  children: JSX.Element | JSX.Element[];\n};\n\n/**\n * Groups options under a labeled heading inside a `<Select>`.\n *\n * @example\n * ```tsx\n * <Select placeholder=\"Pick one\" actionId=\"grouped\">\n *   <OptionGroup label=\"Fruits\">\n *     <Option value=\"apple\">Apple</Option>\n *   </OptionGroup>\n * </Select>\n * ```\n */\nexport default class OptionGroup {\n  static slackType = 'OptionGroup';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  value: string;\n  url?: string;\n  description?: string;\n};\n\n/**\n * An option item for `<Select>`, `<Checkboxes>`, `<RadioGroup>`, or `<Overflow>`.\n *\n * The children (text) is the display label; `value` is sent in the action payload.\n *\n * @example\n * ```tsx\n * <Option value=\"opt_a\" description=\"The first option\">Option A</Option>\n * ```\n */\nexport default class Option {\n  static slackType = 'Option';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  confirm?: JSX.Element;\n};\n\n/**\n * An overflow menu — the \"⋯\" button that reveals a list of options.\n *\n * Requires at least 2 `<Option>` children. Options can include a `url` to open a link.\n *\n * @example\n * ```tsx\n * <Overflow actionId=\"more\">\n *   <Option value=\"edit\">Edit</Option>\n *   <Option value=\"delete\">Delete</Option>\n *   <Option value=\"docs\" url=\"https://example.com/docs\">View docs</Option>\n * </Overflow>\n * ```\n */\nexport default class Overflow {\n  static slackType = 'Overflow';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOption?: JSX.Element;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A radio button group — allows exactly one selection from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-select an option via `initialOption`.\n *\n * @example\n * ```tsx\n * <RadioGroup actionId=\"size\" initialOption={<Option value=\"m\">Medium</Option>}>\n *   <Option value=\"s\">Small</Option>\n *   <Option value=\"m\">Medium</Option>\n *   <Option value=\"l\">Large</Option>\n * </RadioGroup>\n * ```\n */\nexport default class RadioGroup {\n  static slackType = 'RadioGroup';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport const selectTypes = {\n  STATIC: 'static',\n  EXTERNAL: 'external',\n  USER: 'user',\n  CONVERSATION: 'conversation',\n  CHANNEL: 'channel',\n} as const;\n\ntype SelectType = typeof selectTypes[keyof typeof selectTypes];\n\ntype ConversationFilter = {\n  include?: Array<'im' | 'mpim' | 'private' | 'public'>;\n  excludeExternalSharedChannels?: boolean;\n  excludeBotUsers?: boolean;\n};\n\nexport type Props = {\n  placeholder: string;\n  actionId: string;\n  type?: SelectType;\n  multi?: boolean;\n  children?: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  maxSelectedItems?: number;\n  minQueryLength?: number;\n  focusOnLoad?: boolean;\n  initialUsers?: string[];\n  initialConversations?: string[];\n  initialChannels?: string[];\n  defaultToCurrentConversation?: boolean;\n  responseUrlEnabled?: boolean;\n  filter?: ConversationFilter;\n};\n\n/**\n * A select menu — supports static options, external data sources, and user /\n * channel / conversation lists. Can be single or multi-select.\n *\n * Use the `type` prop to switch data sources (default: `'static'`).\n * Pass `<Option>` or `<OptionGroup>` children for static selects.\n *\n * @example\n * ```tsx\n * // Static single-select\n * <Select placeholder=\"Pick one\" actionId=\"color\">\n *   <Option value=\"red\">Red</Option>\n *   <Option value=\"blue\">Blue</Option>\n * </Select>\n *\n * // User multi-select\n * <Select type=\"user\" multi placeholder=\"Pick users\" actionId=\"mentions\" />\n * ```\n */\nexport default class Select {\n  static slackType = 'Select';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initial?: string;\n  multiline?: boolean;\n  minLength?: number;\n  maxLength?: number;\n  focusOnLoad?: boolean;\n  dispatchActionConfig?: {\n    triggerActionsOn: Array<'on_enter_pressed' | 'on_character_entered'>;\n  };\n};\n\n/**\n * A plain-text input field — used as the `element` prop inside `<Input>`.\n *\n * @example\n * ```tsx\n * <Input label=\"Your name\" element={\n *   <TextInput\n *     actionId=\"name\"\n *     placeholder=\"Jane Doe\"\n *     maxLength={80}\n *     focusOnLoad\n *   />\n * } />\n * ```\n */\nexport default class TextInput {\n  static slackType = 'TextInput';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialTime?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A time picker — a clock-style time selector.\n *\n * `initialTime` must be in `HH:mm` (24-hour) format.\n *\n * @example\n * ```tsx\n * <Input label=\"Meeting time\" element={\n *   <TimePicker actionId=\"meeting_time\" initialTime=\"09:00\" />\n * } />\n * ```\n */\nexport default class TimePicker {\n  static slackType = 'TimePicker';\n  declare props: Props;\n}\n","\nimport {type InteractiveBlockElement} from '../../constants/types';\n\nexport type Props = {\n  children: InteractiveBlockElement | InteractiveBlockElement[];\n  blockId?: string;\n};\n\n/**\n * An actions block — displays interactive elements in a horizontal row.\n *\n * Accepts up to 25 interactive elements as children: `<Button>`, `<Select>`,\n * `<Overflow>`, `<DatePicker>`, `<TimePicker>`, `<DateTimePicker>`.\n *\n * @example\n * ```tsx\n * <Actions>\n *   <Button actionId=\"approve\" style=\"primary\">Approve</Button>\n *   <Button actionId=\"deny\" style=\"danger\">Deny</Button>\n * </Actions>\n * ```\n */\nexport default class Actions {\n  static slackType = 'Actions';\n  declare props: Props;\n}\n","\nexport type ImageOrText = JSX.Element;\n\nexport type Props = {\n  children: ImageOrText | ImageOrText[];\n  blockId?: string;\n};\n\n/**\n * A context block — displays small text and images in a horizontal row.\n *\n * Accepts up to 10 `<Text>` or `<Image>` elements as children.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/avatar.png\" alt=\"avatar\" />\n *   <Text>Posted by *Jane Doe*</Text>\n * </Context>\n * ```\n */\nexport default class Context {\n  static slackType = 'Context';\n  declare props: Props;\n}\n","\nexport type Props = {\n  blockId?: string;\n};\n\n/**\n * A divider block — renders a horizontal rule between blocks.\n *\n * @example\n * ```tsx\n * <Divider />\n * ```\n */\nexport default class Divider {\n  static slackType = 'Divider';\n  declare props: Props;\n}\n","\nexport type Props = {\n  externalId: string;\n  blockId?: string;\n};\n\n/**\n * A file block — embeds a remote file that has been shared in Slack.\n *\n * @example\n * ```tsx\n * <File externalId=\"my-report-id\" />\n * ```\n */\nexport default class File {\n  static slackType = 'File';\n  declare props: Props;\n}\n","\nexport type Props = {\n  text: string;\n  blockId?: string;\n  emoji?: boolean;\n};\n\n/**\n * A header block — displays large, bold plain text at the top of a section.\n *\n * Maximum 150 characters.\n *\n * @example\n * ```tsx\n * <Header text=\"Deploy complete\" emoji />\n * ```\n */\nexport default class Header {\n  static slackType = 'Header';\n  declare props: Props;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n  title?: string;\n  blockId?: string;\n};\n\n/**\n * An image layout block — displays a full-width image.\n *\n * Imported as `ImageLayout` to avoid ambiguity with the `<Image>` element.\n *\n * @example\n * ```tsx\n * import { ImageLayout } from 'slackblock/block';\n *\n * <ImageLayout\n *   url=\"https://example.com/chart.png\"\n *   alt=\"Sales chart\"\n *   title=\"Q4 Results\"\n * />\n * ```\n */\nexport default class Image {\n  static slackType = 'ImageLayout';\n  declare props: Props;\n}\n","\nimport {type InputBlockElement} from '../../constants/types';\n\nexport type Props = {\n  label: string;\n  element: InputBlockElement;\n  hint?: string;\n  optional?: boolean;\n  blockId?: string;\n};\n\n/**\n * An input block — wraps a single interactive input element with a label.\n *\n * Pass the input element via the `element` prop (not as a child).\n *\n * @example\n * ```tsx\n * <Input\n *   label=\"Your name\"\n *   hint=\"Use your full name\"\n *   element={<TextInput actionId=\"name\" placeholder=\"Jane Doe\" />}\n * />\n * ```\n */\nexport default class Input {\n  static slackType = 'Input';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type RichTextElement = Record<string, unknown>;\n\nexport type Props = {\n  elements?: RichTextElement[];\n  children?: SingleOrArray<JSX.Element | string>;\n  blockId?: string;\n};\n\n/**\n * A rich text block — contains formatted text with inline styling, lists,\n * quotes, and preformatted code.\n *\n * Accepts `<RichTextSection>`, `<RichTextList>`, `<RichTextQuote>`, and\n * `<RichTextPreformatted>` as children.\n *\n * @example\n * ```tsx\n * <RichText>\n *   <RichTextSection>\n *     <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   </RichTextSection>\n * </RichText>\n * ```\n */\nexport default class RichText {\n  static slackType = 'RichText';\n  declare props: Props;\n}\n","\nimport {type BlockElement} from '../../constants/types';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\ntype TextElement = JSX.Element | string;\ntype FieldElement = JSX.Element | string;\n\nexport type Props = {\n  text?: TextElement;\n  // eslint-disable-next-line @typescript-eslint/no-restricted-types -- We actually want to handle null fields\n  fields?: SingleOrArray<FieldElement | null | undefined | false>;\n  blockId?: string;\n  // eslint-disable-next-line @typescript-eslint/no-restricted-types -- We actually want to handle null children\n  children?: SingleOrArray<FieldElement | null | undefined | false>;\n  accessory?: BlockElement;\n  expand?: boolean;\n};\n\n/**\n * A section block — the most versatile layout block.\n *\n * Displays primary text, optional two-column fields, and an optional\n * accessory element on the right.\n *\n * `fields` is the explicit API for section fields. Children are still\n * supported as a backward-compatible alias for fields.\n *\n * At least one of `text` or non-empty `fields` / children is required.\n *\n * @example\n * ```tsx\n * <Section text=\"Hello *world*\" />\n *\n * <Section\n *   text={<Text>Hello *world*</Text>}\n *   fields={[<Text plainText>Field A</Text>, <Text plainText>Field B</Text>]}\n *   accessory={<Button actionId=\"more\">More</Button>}\n * />\n *\n * <Section expand fields={<Text>Status</Text>} />\n * ```\n */\nexport default class Section {\n  static slackType = 'Section';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\nimport {type Child} from '../../constants/types';\n\nexport type Props = {\n  children: SingleOrArray<Child>;\n};\n\n/**\n * A pass-through utility component that renders its children without adding\n * any wrapper block. Useful for conditional rendering and mapping arrays\n * without introducing an extra layout layer.\n *\n * @example\n * ```tsx\n * <Message text=\"Hello\">\n *   {isAdmin && (\n *     <Container>\n *       <Section text={<Text>Admin section</Text>} />\n *       <Divider />\n *     </Container>\n *   )}\n * </Message>\n * ```\n */\nexport default class Container {\n  static slackType = 'Container';\n  declare props: Props;\n}\n","\nexport type Props = {\n  title: string;\n  videoUrl: string;\n  thumbnailUrl: string;\n  altText: string;\n  titleUrl?: string;\n  description?: string;\n  authorName?: string;\n  providerName?: string;\n  providerIconUrl?: string;\n  blockId?: string;\n};\n\n/**\n * A video block — embeds an external video with a thumbnail, title, and metadata.\n *\n * @example\n * ```tsx\n * <Video\n *   title=\"Product Demo\"\n *   videoUrl=\"https://example.com/demo.mp4\"\n *   thumbnailUrl=\"https://example.com/thumb.png\"\n *   altText=\"Product demo video\"\n *   authorName=\"Product Team\"\n * />\n * ```\n */\nexport default class Video {\n  static slackType = 'Video';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * An inline container for rich text content within a `<RichText>` block.\n * Also used as individual list items inside `<RichTextList>`.\n *\n * @example\n * ```tsx\n * <RichTextSection>\n *   <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   {' world'}\n * </RichTextSection>\n * ```\n */\nexport default class RichTextSection {\n  static slackType = 'RichTextSection';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport {type RichTextListStyle} from './types';\n\nexport type Props = {\n  style: RichTextListStyle;\n  children: SingleOrArray<JSX.Element | string>;\n  indent?: number;\n  border?: number;\n};\n\n/**\n * A bulleted or numbered list in rich text.\n *\n * Each list item should be a `<RichTextSection>` child.\n * Supports indentation (`indent` 0–6) and border styling.\n *\n * @example\n * ```tsx\n * <RichTextList style=\"bullet\" indent={1}>\n *   <RichTextSection><RichTextText>Item one</RichTextText></RichTextSection>\n *   <RichTextSection><RichTextText>Item two</RichTextText></RichTextSection>\n * </RichTextList>\n * ```\n */\nexport default class RichTextList {\n  static slackType = 'RichTextList';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A blockquote in rich text — displays content with a visual left-border indent.\n *\n * @example\n * ```tsx\n * <RichTextQuote>\n *   <RichTextText>This is a quoted passage.</RichTextText>\n * </RichTextQuote>\n * ```\n */\nexport default class RichTextQuote {\n  static slackType = 'RichTextQuote';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A preformatted code block in rich text — monospaced, no line wrapping.\n *\n * @example\n * ```tsx\n * <RichTextPreformatted>\n *   <RichTextText style={{ code: true }}>const x = 1;</RichTextText>\n * </RichTextPreformatted>\n * ```\n */\nexport default class RichTextPreformatted {\n  static slackType = 'RichTextPreformatted';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  children: string;\n  style?: RichTextStyle;\n};\n\n/**\n * Styled text within a rich text block.\n *\n * Apply bold, italic, strikethrough, or inline code styling via `style`.\n *\n * @example\n * ```tsx\n * <RichTextText style={{ bold: true, italic: true }}>Bold italic</RichTextText>\n * <RichTextText style={{ code: true }}>inline code</RichTextText>\n * ```\n */\nexport default class RichTextText {\n  static slackType = 'RichTextText';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  url: string;\n  children?: string;\n  style?: RichTextStyle;\n};\n\n/**\n * A hyperlink within rich text. Displays `children` as the link text,\n * or falls back to the URL if `children` is omitted.\n *\n * @example\n * ```tsx\n * <RichTextLink url=\"https://example.com\" style={{ bold: true }}>Visit us</RichTextLink>\n * ```\n */\nexport default class RichTextLink {\n  static slackType = 'RichTextLink';\n  declare props: Props;\n}\n","\nexport type Props = {\n  userId: string;\n};\n\n/**\n * Mentions a Slack user by ID in rich text (renders as `@username`).\n *\n * @example\n * ```tsx\n * <RichTextUser userId=\"U123456\" />\n * ```\n */\nexport default class RichTextUser {\n  static slackType = 'RichTextUser';\n  declare props: Props;\n}\n","\nexport type Props = {\n  channelId: string;\n};\n\n/**\n * Mentions a Slack channel by ID in rich text (renders as `#channel-name`).\n *\n * @example\n * ```tsx\n * <RichTextChannel channelId=\"C123456\" />\n * ```\n */\nexport default class RichTextChannel {\n  static slackType = 'RichTextChannel';\n  declare props: Props;\n}\n","\nexport type Props = {\n  name: string;\n};\n\n/**\n * Renders an emoji by name in rich text.\n *\n * @example\n * ```tsx\n * <RichTextEmoji name=\"wave\" />\n * ```\n */\nexport default class RichTextEmoji {\n  static slackType = 'RichTextEmoji';\n  declare props: Props;\n}\n","\nexport type Props = {\n  timestamp: number;\n  format: string;\n  fallback: string;\n};\n\n/**\n * Renders a formatted date that adapts to each viewer's local timezone.\n *\n * `timestamp` is a Unix timestamp. `format` uses Slack's date format tokens\n * (e.g. `\"{date_long} at {time}\"`). `fallback` is shown if rendering fails.\n *\n * @see https://api.slack.com/reference/surfaces/formatting#date-formatting\n *\n * @example\n * ```tsx\n * <RichTextDate\n *   timestamp={1700000000}\n *   format=\"{date_long} at {time}\"\n *   fallback=\"Nov 14, 2023 at 22:13\"\n * />\n * ```\n */\nexport default class RichTextDate {\n  static slackType = 'RichTextDate';\n  declare props: Props;\n}\n","\nimport {type RichTextBroadcastRange} from './types';\n\nexport type Props = {\n  range: RichTextBroadcastRange;\n};\n\n/**\n * A `@here`, `@channel`, or `@everyone` broadcast mention in rich text.\n *\n * @example\n * ```tsx\n * <RichTextBroadcast range=\"here\" />\n * ```\n */\nexport default class RichTextBroadcast {\n  static slackType = 'RichTextBroadcast';\n  declare props: Props;\n}\n","\nexport type Props = {\n  usergroupId: string;\n};\n\n/**\n * Mentions a Slack user group by ID in rich text.\n *\n * @example\n * ```tsx\n * <RichTextUserGroup usergroupId=\"S123456\" />\n * ```\n */\nexport default class RichTextUserGroup {\n  static slackType = 'RichTextUserGroup';\n  declare props: Props;\n}\n"],"mappings":"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","names":["Image","Image"]}

package/dist/block.d.cts

@@ -1,4 +1,4 @@
-import { C as Child, I as InteractiveBlockElement, g as InputBlockElement, h as BlockElement } from './types-DhAVIy-s.cjs';
+import { C as Child, I as InteractiveBlockElement, g as InputBlockElement, h as BlockElement } from './types-DfyTK0D6.cjs';
 import '@slack/types';
 
 type Properties$2 = {
@@ -298,12 +298,15 @@ declare class RichText {
     props: Props$f;
 }
 
-type TextElement = JSX.Element;
+type TextElement = JSX.Element | string;
+type FieldElement = JSX.Element | string;
 type Props$e = {
-    text: JSX.Element;
+    text?: TextElement;
+    fields?: SingleOrArray<FieldElement | null | undefined | false>;
     blockId?: string;
-    children?: SingleOrArray<TextElement | null | undefined | false>;
+    children?: SingleOrArray<FieldElement | null | undefined | false>;
     accessory?: BlockElement;
+    expand?: boolean;
 };
 declare class Section {
     static slackType: string;

package/dist/block.d.ts

@@ -1,4 +1,4 @@
-import { C as Child, I as InteractiveBlockElement, g as InputBlockElement, h as BlockElement } from './types-DhAVIy-s.js';
+import { C as Child, I as InteractiveBlockElement, g as InputBlockElement, h as BlockElement } from './types-DfyTK0D6.js';
 import '@slack/types';
 
 type Properties$2 = {
@@ -298,12 +298,15 @@ declare class RichText {
     props: Props$f;
 }
 
-type TextElement = JSX.Element;
+type TextElement = JSX.Element | string;
+type FieldElement = JSX.Element | string;
 type Props$e = {
-    text: JSX.Element;
+    text?: TextElement;
+    fields?: SingleOrArray<FieldElement | null | undefined | false>;
     blockId?: string;
-    children?: SingleOrArray<TextElement | null | undefined | false>;
+    children?: SingleOrArray<FieldElement | null | undefined | false>;
     accessory?: BlockElement;
+    expand?: boolean;
 };
 declare class Section {
     static slackType: string;

package/dist/block.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/message.tsx","../src/components/block/button.tsx","../src/components/block/confirmation.tsx","../src/components/block/image.tsx","../src/components/block/text.tsx","../src/components/input/date-picker.tsx","../src/components/input/date-time-picker.tsx","../src/components/input/checkboxes.tsx","../src/components/input/option-group.tsx","../src/components/input/option.tsx","../src/components/input/overflow.tsx","../src/components/input/radio-group.tsx","../src/components/input/select.tsx","../src/components/input/text.tsx","../src/components/input/time-picker.tsx","../src/components/layout/actions.tsx","../src/components/layout/context.tsx","../src/components/layout/divider.tsx","../src/components/layout/file.tsx","../src/components/layout/header.tsx","../src/components/layout/image.tsx","../src/components/layout/input.tsx","../src/components/layout/rich-text.tsx","../src/components/layout/section.tsx","../src/components/layout/container.tsx","../src/components/layout/video.tsx","../src/components/rich-text/section.tsx","../src/components/rich-text/list.tsx","../src/components/rich-text/quote.tsx","../src/components/rich-text/preformatted.tsx","../src/components/rich-text/text.tsx","../src/components/rich-text/link.tsx","../src/components/rich-text/user.tsx","../src/components/rich-text/channel.tsx","../src/components/rich-text/emoji.tsx","../src/components/rich-text/date.tsx","../src/components/rich-text/broadcast.tsx","../src/components/rich-text/user-group.tsx"],"sourcesContent":["\nimport {type Child} from '../constants/types';\n\n/**\n * Props for the `<Message>` component.\n *\n * The top-level element required by `render()` / `renderToMessage()`.\n * Add blocks as children; use `text` as a fallback for notifications.\n */\nexport type Properties = {\n  children?: Child;\n  channel?: string;\n  user?: string;\n  text?: string;\n  asUser?: boolean;\n  iconEmoji?: string;\n  iconUrl?: string;\n  markdown?: boolean;\n  parse?: 'full' | 'none';\n  replyBroadcast?: boolean;\n  replyTo?: string;\n  unfurlLinks?: boolean;\n  unfurlMedia?: boolean;\n  username?: string;\n  color?: string;\n};\n\n/**\n * Root element for a Slack chat message.\n *\n * Must be the top-level element passed to `render()`.\n * Add layout blocks as children.\n *\n * @example\n * ```tsx\n * render(\n *   <Message text=\"Fallback\">\n *     <Header text=\"Hello\" />\n *   </Message>\n * );\n * ```\n */\nexport default class Message {\n  static slackType = 'Message';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  children: string;\n  actionId: string;\n  url?: string;\n  value?: string;\n  style?: 'primary' | 'danger';\n  accessibilityLabel?: string;\n};\n\nexport type ButtonProps = TopProperties & {\n  confirm?: JSX.Element;\n};\n\ntype Properties = ButtonProps;\n\n/**\n * A button element — clickable button used in `<Actions>` blocks or as a\n * `<Section>` accessory.\n *\n * @example\n * ```tsx\n * <Button actionId=\"submit\" style=\"primary\" value=\"yes\">Submit</Button>\n * <Button actionId=\"delete\" style=\"danger\" confirm={confirmDialog}>Delete</Button>\n * <Button actionId=\"docs\" url=\"https://example.com\">View docs</Button>\n * ```\n */\nexport default class Button {\n  static slackType = 'Button';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  title: string;\n  confirm: string;\n  deny: string;\n};\n\n/* This is a dumb workaround to merging props */\nexport type ConfirmationProps = TopProperties & {\n  children: JSX.Element;\n};\n\ntype Properties = ConfirmationProps;\n\n/**\n * A confirmation dialog — shown before an interactive action is triggered.\n *\n * Pass a `<Confirmation>` element to the `confirm` prop of interactive\n * elements such as `<Button>`, `<Select>`, `<Overflow>`, etc.\n *\n * @example\n * ```tsx\n * const dialog = (\n *   <Confirmation title=\"Are you sure?\" confirm=\"Yes, delete\" deny=\"Cancel\">\n *     <Text plainText>This action cannot be undone.</Text>\n *   </Confirmation>\n * );\n *\n * <Button actionId=\"delete\" confirm={dialog} style=\"danger\">Delete</Button>\n * ```\n */\nexport default class Confirmation {\n  static slackType = 'Confirmation';\n  declare props: Properties;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n};\n\n/**\n * An image element — displays an inline image inside `<Context>` or as a\n * `<Section>` accessory.\n *\n * For a full-width image block, use `<ImageLayout>` instead.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/icon.png\" alt=\"icon\" />\n *   <Text>Some context</Text>\n * </Context>\n * ```\n */\nexport default class Image {\n  static slackType = 'Image';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  plainText?: boolean;\n  emoji?: boolean;\n  verbatim?: boolean;\n};\n\n/**\n * A text object — renders as `mrkdwn` (default) or `plain_text`.\n *\n * Used as the `text` prop on `<Section>`, `<Header>`, inside `<Context>`,\n * and as a child of `<Section>` for fields.\n *\n * @example\n * ```tsx\n * <Text>Hello *world*</Text>\n * <Text plainText emoji>Hello :wave:</Text>\n * ```\n */\nexport default class Text {\n  static slackType = 'Text';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialDate?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A date picker — a calendar-style date selector.\n *\n * `initialDate` must be in `YYYY-MM-DD` format.\n *\n * @example\n * ```tsx\n * <Input label=\"Due date\" element={\n *   <DatePicker actionId=\"due_date\" initialDate=\"2024-12-31\" />\n * } />\n * ```\n */\nexport default class DatePicker {\n  static slackType = 'DatePicker';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  initialDateTime?: number;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A combined date and time picker.\n *\n * `initialDateTime` is a Unix timestamp (seconds since epoch).\n *\n * @example\n * ```tsx\n * <Input label=\"Scheduled at\" element={\n *   <DateTimePicker actionId=\"scheduled_at\" initialDateTime={1700000000} />\n * } />\n * ```\n */\nexport default class DateTimePicker {\n  static slackType = 'DateTimePicker';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A checkbox group — allows multiple selections from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-check options via `initialOptions`.\n *\n * @example\n * ```tsx\n * <Checkboxes actionId=\"prefs\" initialOptions={[slackOption]}>\n *   <Option value=\"emails\">Emails</Option>\n *   <Option value=\"slack\">Slack</Option>\n * </Checkboxes>\n * ```\n */\nexport default class Checkboxes {\n  static slackType = 'Checkboxes';\n  declare props: Props;\n}\n","\nexport type Props = {\n  label: string;\n  children: JSX.Element | JSX.Element[];\n};\n\n/**\n * Groups options under a labeled heading inside a `<Select>`.\n *\n * @example\n * ```tsx\n * <Select placeholder=\"Pick one\" actionId=\"grouped\">\n *   <OptionGroup label=\"Fruits\">\n *     <Option value=\"apple\">Apple</Option>\n *   </OptionGroup>\n * </Select>\n * ```\n */\nexport default class OptionGroup {\n  static slackType = 'OptionGroup';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  value: string;\n  url?: string;\n  description?: string;\n};\n\n/**\n * An option item for `<Select>`, `<Checkboxes>`, `<RadioGroup>`, or `<Overflow>`.\n *\n * The children (text) is the display label; `value` is sent in the action payload.\n *\n * @example\n * ```tsx\n * <Option value=\"opt_a\" description=\"The first option\">Option A</Option>\n * ```\n */\nexport default class Option {\n  static slackType = 'Option';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  confirm?: JSX.Element;\n};\n\n/**\n * An overflow menu — the \"⋯\" button that reveals a list of options.\n *\n * Requires at least 2 `<Option>` children. Options can include a `url` to open a link.\n *\n * @example\n * ```tsx\n * <Overflow actionId=\"more\">\n *   <Option value=\"edit\">Edit</Option>\n *   <Option value=\"delete\">Delete</Option>\n *   <Option value=\"docs\" url=\"https://example.com/docs\">View docs</Option>\n * </Overflow>\n * ```\n */\nexport default class Overflow {\n  static slackType = 'Overflow';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOption?: JSX.Element;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A radio button group — allows exactly one selection from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-select an option via `initialOption`.\n *\n * @example\n * ```tsx\n * <RadioGroup actionId=\"size\" initialOption={<Option value=\"m\">Medium</Option>}>\n *   <Option value=\"s\">Small</Option>\n *   <Option value=\"m\">Medium</Option>\n *   <Option value=\"l\">Large</Option>\n * </RadioGroup>\n * ```\n */\nexport default class RadioGroup {\n  static slackType = 'RadioGroup';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport const selectTypes = {\n  STATIC: 'static',\n  EXTERNAL: 'external',\n  USER: 'user',\n  CONVERSATION: 'conversation',\n  CHANNEL: 'channel',\n} as const;\n\ntype SelectType = typeof selectTypes[keyof typeof selectTypes];\n\ntype ConversationFilter = {\n  include?: Array<'im' | 'mpim' | 'private' | 'public'>;\n  excludeExternalSharedChannels?: boolean;\n  excludeBotUsers?: boolean;\n};\n\nexport type Props = {\n  placeholder: string;\n  actionId: string;\n  type?: SelectType;\n  multi?: boolean;\n  children?: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  maxSelectedItems?: number;\n  minQueryLength?: number;\n  focusOnLoad?: boolean;\n  initialUsers?: string[];\n  initialConversations?: string[];\n  initialChannels?: string[];\n  defaultToCurrentConversation?: boolean;\n  responseUrlEnabled?: boolean;\n  filter?: ConversationFilter;\n};\n\n/**\n * A select menu — supports static options, external data sources, and user /\n * channel / conversation lists. Can be single or multi-select.\n *\n * Use the `type` prop to switch data sources (default: `'static'`).\n * Pass `<Option>` or `<OptionGroup>` children for static selects.\n *\n * @example\n * ```tsx\n * // Static single-select\n * <Select placeholder=\"Pick one\" actionId=\"color\">\n *   <Option value=\"red\">Red</Option>\n *   <Option value=\"blue\">Blue</Option>\n * </Select>\n *\n * // User multi-select\n * <Select type=\"user\" multi placeholder=\"Pick users\" actionId=\"mentions\" />\n * ```\n */\nexport default class Select {\n  static slackType = 'Select';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initial?: string;\n  multiline?: boolean;\n  minLength?: number;\n  maxLength?: number;\n  focusOnLoad?: boolean;\n  dispatchActionConfig?: {\n    triggerActionsOn: Array<'on_enter_pressed' | 'on_character_entered'>;\n  };\n};\n\n/**\n * A plain-text input field — used as the `element` prop inside `<Input>`.\n *\n * @example\n * ```tsx\n * <Input label=\"Your name\" element={\n *   <TextInput\n *     actionId=\"name\"\n *     placeholder=\"Jane Doe\"\n *     maxLength={80}\n *     focusOnLoad\n *   />\n * } />\n * ```\n */\nexport default class TextInput {\n  static slackType = 'TextInput';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialTime?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A time picker — a clock-style time selector.\n *\n * `initialTime` must be in `HH:mm` (24-hour) format.\n *\n * @example\n * ```tsx\n * <Input label=\"Meeting time\" element={\n *   <TimePicker actionId=\"meeting_time\" initialTime=\"09:00\" />\n * } />\n * ```\n */\nexport default class TimePicker {\n  static slackType = 'TimePicker';\n  declare props: Props;\n}\n","\nimport {type InteractiveBlockElement} from '../../constants/types';\n\nexport type Props = {\n  children: InteractiveBlockElement | InteractiveBlockElement[];\n  blockId?: string;\n};\n\n/**\n * An actions block — displays interactive elements in a horizontal row.\n *\n * Accepts up to 25 interactive elements as children: `<Button>`, `<Select>`,\n * `<Overflow>`, `<DatePicker>`, `<TimePicker>`, `<DateTimePicker>`.\n *\n * @example\n * ```tsx\n * <Actions>\n *   <Button actionId=\"approve\" style=\"primary\">Approve</Button>\n *   <Button actionId=\"deny\" style=\"danger\">Deny</Button>\n * </Actions>\n * ```\n */\nexport default class Actions {\n  static slackType = 'Actions';\n  declare props: Props;\n}\n","\nexport type ImageOrText = JSX.Element;\n\nexport type Props = {\n  children: ImageOrText | ImageOrText[];\n  blockId?: string;\n};\n\n/**\n * A context block — displays small text and images in a horizontal row.\n *\n * Accepts up to 10 `<Text>` or `<Image>` elements as children.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/avatar.png\" alt=\"avatar\" />\n *   <Text>Posted by *Jane Doe*</Text>\n * </Context>\n * ```\n */\nexport default class Context {\n  static slackType = 'Context';\n  declare props: Props;\n}\n","\nexport type Props = {\n  blockId?: string;\n};\n\n/**\n * A divider block — renders a horizontal rule between blocks.\n *\n * @example\n * ```tsx\n * <Divider />\n * ```\n */\nexport default class Divider {\n  static slackType = 'Divider';\n  declare props: Props;\n}\n","\nexport type Props = {\n  externalId: string;\n  blockId?: string;\n};\n\n/**\n * A file block — embeds a remote file that has been shared in Slack.\n *\n * @example\n * ```tsx\n * <File externalId=\"my-report-id\" />\n * ```\n */\nexport default class File {\n  static slackType = 'File';\n  declare props: Props;\n}\n","\nexport type Props = {\n  text: string;\n  blockId?: string;\n  emoji?: boolean;\n};\n\n/**\n * A header block — displays large, bold plain text at the top of a section.\n *\n * Maximum 150 characters.\n *\n * @example\n * ```tsx\n * <Header text=\"Deploy complete\" emoji />\n * ```\n */\nexport default class Header {\n  static slackType = 'Header';\n  declare props: Props;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n  title?: string;\n  blockId?: string;\n};\n\n/**\n * An image layout block — displays a full-width image.\n *\n * Imported as `ImageLayout` to avoid ambiguity with the `<Image>` element.\n *\n * @example\n * ```tsx\n * import { ImageLayout } from 'slackblock/block';\n *\n * <ImageLayout\n *   url=\"https://example.com/chart.png\"\n *   alt=\"Sales chart\"\n *   title=\"Q4 Results\"\n * />\n * ```\n */\nexport default class Image {\n  static slackType = 'ImageLayout';\n  declare props: Props;\n}\n","\nimport {type InputBlockElement} from '../../constants/types';\n\nexport type Props = {\n  label: string;\n  element: InputBlockElement;\n  hint?: string;\n  optional?: boolean;\n  blockId?: string;\n};\n\n/**\n * An input block — wraps a single interactive input element with a label.\n *\n * Pass the input element via the `element` prop (not as a child).\n *\n * @example\n * ```tsx\n * <Input\n *   label=\"Your name\"\n *   hint=\"Use your full name\"\n *   element={<TextInput actionId=\"name\" placeholder=\"Jane Doe\" />}\n * />\n * ```\n */\nexport default class Input {\n  static slackType = 'Input';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type RichTextElement = Record<string, unknown>;\n\nexport type Props = {\n  elements?: RichTextElement[];\n  children?: SingleOrArray<JSX.Element | string>;\n  blockId?: string;\n};\n\n/**\n * A rich text block — contains formatted text with inline styling, lists,\n * quotes, and preformatted code.\n *\n * Accepts `<RichTextSection>`, `<RichTextList>`, `<RichTextQuote>`, and\n * `<RichTextPreformatted>` as children.\n *\n * @example\n * ```tsx\n * <RichText>\n *   <RichTextSection>\n *     <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   </RichTextSection>\n * </RichText>\n * ```\n */\nexport default class RichText {\n  static slackType = 'RichText';\n  declare props: Props;\n}\n","\nimport {type BlockElement} from '../../constants/types';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\ntype TextElement = JSX.Element;\n\nexport type Props = {\n  text: JSX.Element;\n  blockId?: string;\n  // eslint-disable-next-line @typescript-eslint/no-restricted-types -- We actually want to handle null children\n  children?: SingleOrArray<TextElement | null | undefined | false>;\n  accessory?: BlockElement;\n};\n\n/**\n * A section block — the most versatile layout block.\n *\n * Displays a primary text label, optional two-column fields (children),\n * and an optional accessory element on the right.\n *\n * @example\n * ```tsx\n * <Section\n *   text={<Text>Hello *world*</Text>}\n *   accessory={<Button actionId=\"more\">More</Button>}\n * >\n *   <Text plainText>Field A</Text>\n *   <Text plainText>Field B</Text>\n * </Section>\n * ```\n */\nexport default class Section {\n  static slackType = 'Section';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\nimport {type Child} from '../../constants/types';\n\nexport type Props = {\n  children: SingleOrArray<Child>;\n};\n\n/**\n * A pass-through utility component that renders its children without adding\n * any wrapper block. Useful for conditional rendering and mapping arrays\n * without introducing an extra layout layer.\n *\n * @example\n * ```tsx\n * <Message text=\"Hello\">\n *   {isAdmin && (\n *     <Container>\n *       <Section text={<Text>Admin section</Text>} />\n *       <Divider />\n *     </Container>\n *   )}\n * </Message>\n * ```\n */\nexport default class Container {\n  static slackType = 'Container';\n  declare props: Props;\n}\n","\nexport type Props = {\n  title: string;\n  videoUrl: string;\n  thumbnailUrl: string;\n  altText: string;\n  titleUrl?: string;\n  description?: string;\n  authorName?: string;\n  providerName?: string;\n  providerIconUrl?: string;\n  blockId?: string;\n};\n\n/**\n * A video block — embeds an external video with a thumbnail, title, and metadata.\n *\n * @example\n * ```tsx\n * <Video\n *   title=\"Product Demo\"\n *   videoUrl=\"https://example.com/demo.mp4\"\n *   thumbnailUrl=\"https://example.com/thumb.png\"\n *   altText=\"Product demo video\"\n *   authorName=\"Product Team\"\n * />\n * ```\n */\nexport default class Video {\n  static slackType = 'Video';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * An inline container for rich text content within a `<RichText>` block.\n * Also used as individual list items inside `<RichTextList>`.\n *\n * @example\n * ```tsx\n * <RichTextSection>\n *   <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   {' world'}\n * </RichTextSection>\n * ```\n */\nexport default class RichTextSection {\n  static slackType = 'RichTextSection';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport {type RichTextListStyle} from './types';\n\nexport type Props = {\n  style: RichTextListStyle;\n  children: SingleOrArray<JSX.Element | string>;\n  indent?: number;\n  border?: number;\n};\n\n/**\n * A bulleted or numbered list in rich text.\n *\n * Each list item should be a `<RichTextSection>` child.\n * Supports indentation (`indent` 0–6) and border styling.\n *\n * @example\n * ```tsx\n * <RichTextList style=\"bullet\" indent={1}>\n *   <RichTextSection><RichTextText>Item one</RichTextText></RichTextSection>\n *   <RichTextSection><RichTextText>Item two</RichTextText></RichTextSection>\n * </RichTextList>\n * ```\n */\nexport default class RichTextList {\n  static slackType = 'RichTextList';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A blockquote in rich text — displays content with a visual left-border indent.\n *\n * @example\n * ```tsx\n * <RichTextQuote>\n *   <RichTextText>This is a quoted passage.</RichTextText>\n * </RichTextQuote>\n * ```\n */\nexport default class RichTextQuote {\n  static slackType = 'RichTextQuote';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A preformatted code block in rich text — monospaced, no line wrapping.\n *\n * @example\n * ```tsx\n * <RichTextPreformatted>\n *   <RichTextText style={{ code: true }}>const x = 1;</RichTextText>\n * </RichTextPreformatted>\n * ```\n */\nexport default class RichTextPreformatted {\n  static slackType = 'RichTextPreformatted';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  children: string;\n  style?: RichTextStyle;\n};\n\n/**\n * Styled text within a rich text block.\n *\n * Apply bold, italic, strikethrough, or inline code styling via `style`.\n *\n * @example\n * ```tsx\n * <RichTextText style={{ bold: true, italic: true }}>Bold italic</RichTextText>\n * <RichTextText style={{ code: true }}>inline code</RichTextText>\n * ```\n */\nexport default class RichTextText {\n  static slackType = 'RichTextText';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  url: string;\n  children?: string;\n  style?: RichTextStyle;\n};\n\n/**\n * A hyperlink within rich text. Displays `children` as the link text,\n * or falls back to the URL if `children` is omitted.\n *\n * @example\n * ```tsx\n * <RichTextLink url=\"https://example.com\" style={{ bold: true }}>Visit us</RichTextLink>\n * ```\n */\nexport default class RichTextLink {\n  static slackType = 'RichTextLink';\n  declare props: Props;\n}\n","\nexport type Props = {\n  userId: string;\n};\n\n/**\n * Mentions a Slack user by ID in rich text (renders as `@username`).\n *\n * @example\n * ```tsx\n * <RichTextUser userId=\"U123456\" />\n * ```\n */\nexport default class RichTextUser {\n  static slackType = 'RichTextUser';\n  declare props: Props;\n}\n","\nexport type Props = {\n  channelId: string;\n};\n\n/**\n * Mentions a Slack channel by ID in rich text (renders as `#channel-name`).\n *\n * @example\n * ```tsx\n * <RichTextChannel channelId=\"C123456\" />\n * ```\n */\nexport default class RichTextChannel {\n  static slackType = 'RichTextChannel';\n  declare props: Props;\n}\n","\nexport type Props = {\n  name: string;\n};\n\n/**\n * Renders an emoji by name in rich text.\n *\n * @example\n * ```tsx\n * <RichTextEmoji name=\"wave\" />\n * ```\n */\nexport default class RichTextEmoji {\n  static slackType = 'RichTextEmoji';\n  declare props: Props;\n}\n","\nexport type Props = {\n  timestamp: number;\n  format: string;\n  fallback: string;\n};\n\n/**\n * Renders a formatted date that adapts to each viewer's local timezone.\n *\n * `timestamp` is a Unix timestamp. `format` uses Slack's date format tokens\n * (e.g. `\"{date_long} at {time}\"`). `fallback` is shown if rendering fails.\n *\n * @see https://api.slack.com/reference/surfaces/formatting#date-formatting\n *\n * @example\n * ```tsx\n * <RichTextDate\n *   timestamp={1700000000}\n *   format=\"{date_long} at {time}\"\n *   fallback=\"Nov 14, 2023 at 22:13\"\n * />\n * ```\n */\nexport default class RichTextDate {\n  static slackType = 'RichTextDate';\n  declare props: Props;\n}\n","\nimport {type RichTextBroadcastRange} from './types';\n\nexport type Props = {\n  range: RichTextBroadcastRange;\n};\n\n/**\n * A `@here`, `@channel`, or `@everyone` broadcast mention in rich text.\n *\n * @example\n * ```tsx\n * <RichTextBroadcast range=\"here\" />\n * ```\n */\nexport default class RichTextBroadcast {\n  static slackType = 'RichTextBroadcast';\n  declare props: Props;\n}\n","\nexport type Props = {\n  usergroupId: string;\n};\n\n/**\n * Mentions a Slack user group by ID in rich text.\n *\n * @example\n * ```tsx\n * <RichTextUserGroup usergroupId=\"S123456\" />\n * ```\n */\nexport default class RichTextUserGroup {\n  static slackType = 'RichTextUserGroup';\n  declare props: Props;\n}\n"],"mappings":";;;;;AA0CA,IAAqB,UAArB,MAA6B;AAG7B;AAFE,cADmB,SACZ,aAAY;;;AChBrB,IAAqB,SAArB,MAA4B;AAG5B;AAFE,cADmB,QACZ,aAAY;;;ACGrB,IAAqB,eAArB,MAAkC;AAGlC;AAFE,cADmB,cACZ,aAAY;;;ACZrB,IAAqB,QAArB,MAA2B;AAG3B;AAFE,cADmB,OACZ,aAAY;;;ACDrB,IAAqB,OAArB,MAA0B;AAG1B;AAFE,cADmB,MACZ,aAAY;;;ACArB,IAAqB,aAArB,MAAgC;AAGhC;AAFE,cADmB,YACZ,aAAY;;;ACFrB,IAAqB,iBAArB,MAAoC;AAGpC;AAFE,cADmB,gBACZ,aAAY;;;ACGrB,IAAqB,aAArB,MAAgC;AAGhC;AAFE,cADmB,YACZ,aAAY;;;ACPrB,IAAqB,cAArB,MAAiC;AAGjC;AAFE,cADmB,aACZ,aAAY;;;ACDrB,IAAqB,SAArB,MAA4B;AAG5B;AAFE,cADmB,QACZ,aAAY;;;ACIrB,IAAqB,WAArB,MAA8B;AAG9B;AAFE,cADmB,UACZ,aAAY;;;ACCrB,IAAqB,aAArB,MAAgC;AAGhC;AAFE,cADmB,YACZ,aAAY;;;AC+BrB,IAAqB,SAArB,MAA4B;AAG5B;AAFE,cADmB,QACZ,aAAY;;;AC7BrB,IAAqB,YAArB,MAA+B;AAG/B;AAFE,cADmB,WACZ,aAAY;;;ACTrB,IAAqB,aAArB,MAAgC;AAGhC;AAFE,cADmB,YACZ,aAAY;;;ACArB,IAAqB,UAArB,MAA6B;AAG7B;AAFE,cADmB,SACZ,aAAY;;;ACFrB,IAAqB,UAArB,MAA6B;AAG7B;AAFE,cADmB,SACZ,aAAY;;;ACTrB,IAAqB,UAArB,MAA6B;AAG7B;AAFE,cADmB,SACZ,aAAY;;;ACArB,IAAqB,OAArB,MAA0B;AAG1B;AAFE,cADmB,MACZ,aAAY;;;ACErB,IAAqB,SAArB,MAA4B;AAG5B;AAFE,cADmB,QACZ,aAAY;;;ACMrB,IAAqBA,SAArB,MAA2B;AAG3B;AAFE,cADmBA,QACZ,aAAY;;;ACArB,IAAqB,QAArB,MAA2B;AAG3B;AAFE,cADmB,OACZ,aAAY;;;ACCrB,IAAqB,WAArB,MAA8B;AAG9B;AAFE,cADmB,UACZ,aAAY;;;ACGrB,IAAqB,UAArB,MAA6B;AAG7B;AAFE,cADmB,SACZ,aAAY;;;ACPrB,IAAqB,YAArB,MAA+B;AAG/B;AAFE,cADmB,WACZ,aAAY;;;ACErB,IAAqB,QAArB,MAA2B;AAG3B;AAFE,cADmB,OACZ,aAAY;;;ACVrB,IAAqB,kBAArB,MAAqC;AAGrC;AAFE,cADmB,iBACZ,aAAY;;;ACMrB,IAAqB,eAArB,MAAkC;AAGlC;AAFE,cADmB,cACZ,aAAY;;;ACVrB,IAAqB,gBAArB,MAAmC;AAGnC;AAFE,cADmB,eACZ,aAAY;;;ACDrB,IAAqB,uBAArB,MAA0C;AAG1C;AAFE,cADmB,sBACZ,aAAY;;;ACCrB,IAAqB,eAArB,MAAkC;AAGlC;AAFE,cADmB,cACZ,aAAY;;;ACFrB,IAAqB,eAArB,MAAkC;AAGlC;AAFE,cADmB,cACZ,aAAY;;;ACNrB,IAAqB,eAArB,MAAkC;AAGlC;AAFE,cADmB,cACZ,aAAY;;;ACDrB,IAAqB,kBAArB,MAAqC;AAGrC;AAFE,cADmB,iBACZ,aAAY;;;ACDrB,IAAqB,gBAArB,MAAmC;AAGnC;AAFE,cADmB,eACZ,aAAY;;;ACUrB,IAAqB,eAArB,MAAkC;AAGlC;AAFE,cADmB,cACZ,aAAY;;;ACVrB,IAAqB,oBAArB,MAAuC;AAGvC;AAFE,cADmB,mBACZ,aAAY;;;ACHrB,IAAqB,oBAArB,MAAuC;AAGvC;AAFE,cADmB,mBACZ,aAAY;","names":["Image"]}
+{"version":3,"sources":["../src/components/message.tsx","../src/components/block/button.tsx","../src/components/block/confirmation.tsx","../src/components/block/image.tsx","../src/components/block/text.tsx","../src/components/input/date-picker.tsx","../src/components/input/date-time-picker.tsx","../src/components/input/checkboxes.tsx","../src/components/input/option-group.tsx","../src/components/input/option.tsx","../src/components/input/overflow.tsx","../src/components/input/radio-group.tsx","../src/components/input/select.tsx","../src/components/input/text.tsx","../src/components/input/time-picker.tsx","../src/components/layout/actions.tsx","../src/components/layout/context.tsx","../src/components/layout/divider.tsx","../src/components/layout/file.tsx","../src/components/layout/header.tsx","../src/components/layout/image.tsx","../src/components/layout/input.tsx","../src/components/layout/rich-text.tsx","../src/components/layout/section.tsx","../src/components/layout/container.tsx","../src/components/layout/video.tsx","../src/components/rich-text/section.tsx","../src/components/rich-text/list.tsx","../src/components/rich-text/quote.tsx","../src/components/rich-text/preformatted.tsx","../src/components/rich-text/text.tsx","../src/components/rich-text/link.tsx","../src/components/rich-text/user.tsx","../src/components/rich-text/channel.tsx","../src/components/rich-text/emoji.tsx","../src/components/rich-text/date.tsx","../src/components/rich-text/broadcast.tsx","../src/components/rich-text/user-group.tsx"],"sourcesContent":["\nimport {type Child} from '../constants/types';\n\n/**\n * Props for the `<Message>` component.\n *\n * The top-level element required by `render()` / `renderToMessage()`.\n * Add blocks as children; use `text` as a fallback for notifications.\n */\nexport type Properties = {\n  children?: Child;\n  channel?: string;\n  user?: string;\n  text?: string;\n  asUser?: boolean;\n  iconEmoji?: string;\n  iconUrl?: string;\n  markdown?: boolean;\n  parse?: 'full' | 'none';\n  replyBroadcast?: boolean;\n  replyTo?: string;\n  unfurlLinks?: boolean;\n  unfurlMedia?: boolean;\n  username?: string;\n  color?: string;\n};\n\n/**\n * Root element for a Slack chat message.\n *\n * Must be the top-level element passed to `render()`.\n * Add layout blocks as children.\n *\n * @example\n * ```tsx\n * render(\n *   <Message text=\"Fallback\">\n *     <Header text=\"Hello\" />\n *   </Message>\n * );\n * ```\n */\nexport default class Message {\n  static slackType = 'Message';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  children: string;\n  actionId: string;\n  url?: string;\n  value?: string;\n  style?: 'primary' | 'danger';\n  accessibilityLabel?: string;\n};\n\nexport type ButtonProps = TopProperties & {\n  confirm?: JSX.Element;\n};\n\ntype Properties = ButtonProps;\n\n/**\n * A button element — clickable button used in `<Actions>` blocks or as a\n * `<Section>` accessory.\n *\n * @example\n * ```tsx\n * <Button actionId=\"submit\" style=\"primary\" value=\"yes\">Submit</Button>\n * <Button actionId=\"delete\" style=\"danger\" confirm={confirmDialog}>Delete</Button>\n * <Button actionId=\"docs\" url=\"https://example.com\">View docs</Button>\n * ```\n */\nexport default class Button {\n  static slackType = 'Button';\n  declare props: Properties;\n}\n","\ntype TopProperties = {\n  title: string;\n  confirm: string;\n  deny: string;\n};\n\n/* This is a dumb workaround to merging props */\nexport type ConfirmationProps = TopProperties & {\n  children: JSX.Element;\n};\n\ntype Properties = ConfirmationProps;\n\n/**\n * A confirmation dialog — shown before an interactive action is triggered.\n *\n * Pass a `<Confirmation>` element to the `confirm` prop of interactive\n * elements such as `<Button>`, `<Select>`, `<Overflow>`, etc.\n *\n * @example\n * ```tsx\n * const dialog = (\n *   <Confirmation title=\"Are you sure?\" confirm=\"Yes, delete\" deny=\"Cancel\">\n *     <Text plainText>This action cannot be undone.</Text>\n *   </Confirmation>\n * );\n *\n * <Button actionId=\"delete\" confirm={dialog} style=\"danger\">Delete</Button>\n * ```\n */\nexport default class Confirmation {\n  static slackType = 'Confirmation';\n  declare props: Properties;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n};\n\n/**\n * An image element — displays an inline image inside `<Context>` or as a\n * `<Section>` accessory.\n *\n * For a full-width image block, use `<ImageLayout>` instead.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/icon.png\" alt=\"icon\" />\n *   <Text>Some context</Text>\n * </Context>\n * ```\n */\nexport default class Image {\n  static slackType = 'Image';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  plainText?: boolean;\n  emoji?: boolean;\n  verbatim?: boolean;\n};\n\n/**\n * A text object — renders as `mrkdwn` (default) or `plain_text`.\n *\n * Used as the `text` prop on `<Section>`, `<Header>`, inside `<Context>`,\n * and as a child of `<Section>` for fields.\n *\n * @example\n * ```tsx\n * <Text>Hello *world*</Text>\n * <Text plainText emoji>Hello :wave:</Text>\n * ```\n */\nexport default class Text {\n  static slackType = 'Text';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialDate?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A date picker — a calendar-style date selector.\n *\n * `initialDate` must be in `YYYY-MM-DD` format.\n *\n * @example\n * ```tsx\n * <Input label=\"Due date\" element={\n *   <DatePicker actionId=\"due_date\" initialDate=\"2024-12-31\" />\n * } />\n * ```\n */\nexport default class DatePicker {\n  static slackType = 'DatePicker';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  initialDateTime?: number;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A combined date and time picker.\n *\n * `initialDateTime` is a Unix timestamp (seconds since epoch).\n *\n * @example\n * ```tsx\n * <Input label=\"Scheduled at\" element={\n *   <DateTimePicker actionId=\"scheduled_at\" initialDateTime={1700000000} />\n * } />\n * ```\n */\nexport default class DateTimePicker {\n  static slackType = 'DateTimePicker';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A checkbox group — allows multiple selections from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-check options via `initialOptions`.\n *\n * @example\n * ```tsx\n * <Checkboxes actionId=\"prefs\" initialOptions={[slackOption]}>\n *   <Option value=\"emails\">Emails</Option>\n *   <Option value=\"slack\">Slack</Option>\n * </Checkboxes>\n * ```\n */\nexport default class Checkboxes {\n  static slackType = 'Checkboxes';\n  declare props: Props;\n}\n","\nexport type Props = {\n  label: string;\n  children: JSX.Element | JSX.Element[];\n};\n\n/**\n * Groups options under a labeled heading inside a `<Select>`.\n *\n * @example\n * ```tsx\n * <Select placeholder=\"Pick one\" actionId=\"grouped\">\n *   <OptionGroup label=\"Fruits\">\n *     <Option value=\"apple\">Apple</Option>\n *   </OptionGroup>\n * </Select>\n * ```\n */\nexport default class OptionGroup {\n  static slackType = 'OptionGroup';\n  declare props: Props;\n}\n","\nexport type Props = {\n  children: string;\n  value: string;\n  url?: string;\n  description?: string;\n};\n\n/**\n * An option item for `<Select>`, `<Checkboxes>`, `<RadioGroup>`, or `<Overflow>`.\n *\n * The children (text) is the display label; `value` is sent in the action payload.\n *\n * @example\n * ```tsx\n * <Option value=\"opt_a\" description=\"The first option\">Option A</Option>\n * ```\n */\nexport default class Option {\n  static slackType = 'Option';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  confirm?: JSX.Element;\n};\n\n/**\n * An overflow menu — the \"⋯\" button that reveals a list of options.\n *\n * Requires at least 2 `<Option>` children. Options can include a `url` to open a link.\n *\n * @example\n * ```tsx\n * <Overflow actionId=\"more\">\n *   <Option value=\"edit\">Edit</Option>\n *   <Option value=\"delete\">Delete</Option>\n *   <Option value=\"docs\" url=\"https://example.com/docs\">View docs</Option>\n * </Overflow>\n * ```\n */\nexport default class Overflow {\n  static slackType = 'Overflow';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<JSX.Element>;\n  initialOption?: JSX.Element;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A radio button group — allows exactly one selection from a list of options.\n *\n * Pass `<Option>` elements as children. Pre-select an option via `initialOption`.\n *\n * @example\n * ```tsx\n * <RadioGroup actionId=\"size\" initialOption={<Option value=\"m\">Medium</Option>}>\n *   <Option value=\"s\">Small</Option>\n *   <Option value=\"m\">Medium</Option>\n *   <Option value=\"l\">Large</Option>\n * </RadioGroup>\n * ```\n */\nexport default class RadioGroup {\n  static slackType = 'RadioGroup';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport const selectTypes = {\n  STATIC: 'static',\n  EXTERNAL: 'external',\n  USER: 'user',\n  CONVERSATION: 'conversation',\n  CHANNEL: 'channel',\n} as const;\n\ntype SelectType = typeof selectTypes[keyof typeof selectTypes];\n\ntype ConversationFilter = {\n  include?: Array<'im' | 'mpim' | 'private' | 'public'>;\n  excludeExternalSharedChannels?: boolean;\n  excludeBotUsers?: boolean;\n};\n\nexport type Props = {\n  placeholder: string;\n  actionId: string;\n  type?: SelectType;\n  multi?: boolean;\n  children?: SingleOrArray<JSX.Element>;\n  initialOptions?: JSX.Element[];\n  confirm?: JSX.Element;\n  maxSelectedItems?: number;\n  minQueryLength?: number;\n  focusOnLoad?: boolean;\n  initialUsers?: string[];\n  initialConversations?: string[];\n  initialChannels?: string[];\n  defaultToCurrentConversation?: boolean;\n  responseUrlEnabled?: boolean;\n  filter?: ConversationFilter;\n};\n\n/**\n * A select menu — supports static options, external data sources, and user /\n * channel / conversation lists. Can be single or multi-select.\n *\n * Use the `type` prop to switch data sources (default: `'static'`).\n * Pass `<Option>` or `<OptionGroup>` children for static selects.\n *\n * @example\n * ```tsx\n * // Static single-select\n * <Select placeholder=\"Pick one\" actionId=\"color\">\n *   <Option value=\"red\">Red</Option>\n *   <Option value=\"blue\">Blue</Option>\n * </Select>\n *\n * // User multi-select\n * <Select type=\"user\" multi placeholder=\"Pick users\" actionId=\"mentions\" />\n * ```\n */\nexport default class Select {\n  static slackType = 'Select';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initial?: string;\n  multiline?: boolean;\n  minLength?: number;\n  maxLength?: number;\n  focusOnLoad?: boolean;\n  dispatchActionConfig?: {\n    triggerActionsOn: Array<'on_enter_pressed' | 'on_character_entered'>;\n  };\n};\n\n/**\n * A plain-text input field — used as the `element` prop inside `<Input>`.\n *\n * @example\n * ```tsx\n * <Input label=\"Your name\" element={\n *   <TextInput\n *     actionId=\"name\"\n *     placeholder=\"Jane Doe\"\n *     maxLength={80}\n *     focusOnLoad\n *   />\n * } />\n * ```\n */\nexport default class TextInput {\n  static slackType = 'TextInput';\n  declare props: Props;\n}\n","\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialTime?: string;\n  confirm?: JSX.Element;\n  focusOnLoad?: boolean;\n};\n\n/**\n * A time picker — a clock-style time selector.\n *\n * `initialTime` must be in `HH:mm` (24-hour) format.\n *\n * @example\n * ```tsx\n * <Input label=\"Meeting time\" element={\n *   <TimePicker actionId=\"meeting_time\" initialTime=\"09:00\" />\n * } />\n * ```\n */\nexport default class TimePicker {\n  static slackType = 'TimePicker';\n  declare props: Props;\n}\n","\nimport {type InteractiveBlockElement} from '../../constants/types';\n\nexport type Props = {\n  children: InteractiveBlockElement | InteractiveBlockElement[];\n  blockId?: string;\n};\n\n/**\n * An actions block — displays interactive elements in a horizontal row.\n *\n * Accepts up to 25 interactive elements as children: `<Button>`, `<Select>`,\n * `<Overflow>`, `<DatePicker>`, `<TimePicker>`, `<DateTimePicker>`.\n *\n * @example\n * ```tsx\n * <Actions>\n *   <Button actionId=\"approve\" style=\"primary\">Approve</Button>\n *   <Button actionId=\"deny\" style=\"danger\">Deny</Button>\n * </Actions>\n * ```\n */\nexport default class Actions {\n  static slackType = 'Actions';\n  declare props: Props;\n}\n","\nexport type ImageOrText = JSX.Element;\n\nexport type Props = {\n  children: ImageOrText | ImageOrText[];\n  blockId?: string;\n};\n\n/**\n * A context block — displays small text and images in a horizontal row.\n *\n * Accepts up to 10 `<Text>` or `<Image>` elements as children.\n *\n * @example\n * ```tsx\n * <Context>\n *   <Image url=\"https://example.com/avatar.png\" alt=\"avatar\" />\n *   <Text>Posted by *Jane Doe*</Text>\n * </Context>\n * ```\n */\nexport default class Context {\n  static slackType = 'Context';\n  declare props: Props;\n}\n","\nexport type Props = {\n  blockId?: string;\n};\n\n/**\n * A divider block — renders a horizontal rule between blocks.\n *\n * @example\n * ```tsx\n * <Divider />\n * ```\n */\nexport default class Divider {\n  static slackType = 'Divider';\n  declare props: Props;\n}\n","\nexport type Props = {\n  externalId: string;\n  blockId?: string;\n};\n\n/**\n * A file block — embeds a remote file that has been shared in Slack.\n *\n * @example\n * ```tsx\n * <File externalId=\"my-report-id\" />\n * ```\n */\nexport default class File {\n  static slackType = 'File';\n  declare props: Props;\n}\n","\nexport type Props = {\n  text: string;\n  blockId?: string;\n  emoji?: boolean;\n};\n\n/**\n * A header block — displays large, bold plain text at the top of a section.\n *\n * Maximum 150 characters.\n *\n * @example\n * ```tsx\n * <Header text=\"Deploy complete\" emoji />\n * ```\n */\nexport default class Header {\n  static slackType = 'Header';\n  declare props: Props;\n}\n","\nexport type Props = {\n  url: string;\n  alt: string;\n  title?: string;\n  blockId?: string;\n};\n\n/**\n * An image layout block — displays a full-width image.\n *\n * Imported as `ImageLayout` to avoid ambiguity with the `<Image>` element.\n *\n * @example\n * ```tsx\n * import { ImageLayout } from 'slackblock/block';\n *\n * <ImageLayout\n *   url=\"https://example.com/chart.png\"\n *   alt=\"Sales chart\"\n *   title=\"Q4 Results\"\n * />\n * ```\n */\nexport default class Image {\n  static slackType = 'ImageLayout';\n  declare props: Props;\n}\n","\nimport {type InputBlockElement} from '../../constants/types';\n\nexport type Props = {\n  label: string;\n  element: InputBlockElement;\n  hint?: string;\n  optional?: boolean;\n  blockId?: string;\n};\n\n/**\n * An input block — wraps a single interactive input element with a label.\n *\n * Pass the input element via the `element` prop (not as a child).\n *\n * @example\n * ```tsx\n * <Input\n *   label=\"Your name\"\n *   hint=\"Use your full name\"\n *   element={<TextInput actionId=\"name\" placeholder=\"Jane Doe\" />}\n * />\n * ```\n */\nexport default class Input {\n  static slackType = 'Input';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type RichTextElement = Record<string, unknown>;\n\nexport type Props = {\n  elements?: RichTextElement[];\n  children?: SingleOrArray<JSX.Element | string>;\n  blockId?: string;\n};\n\n/**\n * A rich text block — contains formatted text with inline styling, lists,\n * quotes, and preformatted code.\n *\n * Accepts `<RichTextSection>`, `<RichTextList>`, `<RichTextQuote>`, and\n * `<RichTextPreformatted>` as children.\n *\n * @example\n * ```tsx\n * <RichText>\n *   <RichTextSection>\n *     <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   </RichTextSection>\n * </RichText>\n * ```\n */\nexport default class RichText {\n  static slackType = 'RichText';\n  declare props: Props;\n}\n","\nimport {type BlockElement} from '../../constants/types';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\ntype TextElement = JSX.Element | string;\ntype FieldElement = JSX.Element | string;\n\nexport type Props = {\n  text?: TextElement;\n  // eslint-disable-next-line @typescript-eslint/no-restricted-types -- We actually want to handle null fields\n  fields?: SingleOrArray<FieldElement | null | undefined | false>;\n  blockId?: string;\n  // eslint-disable-next-line @typescript-eslint/no-restricted-types -- We actually want to handle null children\n  children?: SingleOrArray<FieldElement | null | undefined | false>;\n  accessory?: BlockElement;\n  expand?: boolean;\n};\n\n/**\n * A section block — the most versatile layout block.\n *\n * Displays primary text, optional two-column fields, and an optional\n * accessory element on the right.\n *\n * `fields` is the explicit API for section fields. Children are still\n * supported as a backward-compatible alias for fields.\n *\n * At least one of `text` or non-empty `fields` / children is required.\n *\n * @example\n * ```tsx\n * <Section text=\"Hello *world*\" />\n *\n * <Section\n *   text={<Text>Hello *world*</Text>}\n *   fields={[<Text plainText>Field A</Text>, <Text plainText>Field B</Text>]}\n *   accessory={<Button actionId=\"more\">More</Button>}\n * />\n *\n * <Section expand fields={<Text>Status</Text>} />\n * ```\n */\nexport default class Section {\n  static slackType = 'Section';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\nimport {type Child} from '../../constants/types';\n\nexport type Props = {\n  children: SingleOrArray<Child>;\n};\n\n/**\n * A pass-through utility component that renders its children without adding\n * any wrapper block. Useful for conditional rendering and mapping arrays\n * without introducing an extra layout layer.\n *\n * @example\n * ```tsx\n * <Message text=\"Hello\">\n *   {isAdmin && (\n *     <Container>\n *       <Section text={<Text>Admin section</Text>} />\n *       <Divider />\n *     </Container>\n *   )}\n * </Message>\n * ```\n */\nexport default class Container {\n  static slackType = 'Container';\n  declare props: Props;\n}\n","\nexport type Props = {\n  title: string;\n  videoUrl: string;\n  thumbnailUrl: string;\n  altText: string;\n  titleUrl?: string;\n  description?: string;\n  authorName?: string;\n  providerName?: string;\n  providerIconUrl?: string;\n  blockId?: string;\n};\n\n/**\n * A video block — embeds an external video with a thumbnail, title, and metadata.\n *\n * @example\n * ```tsx\n * <Video\n *   title=\"Product Demo\"\n *   videoUrl=\"https://example.com/demo.mp4\"\n *   thumbnailUrl=\"https://example.com/thumb.png\"\n *   altText=\"Product demo video\"\n *   authorName=\"Product Team\"\n * />\n * ```\n */\nexport default class Video {\n  static slackType = 'Video';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * An inline container for rich text content within a `<RichText>` block.\n * Also used as individual list items inside `<RichTextList>`.\n *\n * @example\n * ```tsx\n * <RichTextSection>\n *   <RichTextText style={{ bold: true }}>Hello</RichTextText>\n *   {' world'}\n * </RichTextSection>\n * ```\n */\nexport default class RichTextSection {\n  static slackType = 'RichTextSection';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport {type RichTextListStyle} from './types';\n\nexport type Props = {\n  style: RichTextListStyle;\n  children: SingleOrArray<JSX.Element | string>;\n  indent?: number;\n  border?: number;\n};\n\n/**\n * A bulleted or numbered list in rich text.\n *\n * Each list item should be a `<RichTextSection>` child.\n * Supports indentation (`indent` 0–6) and border styling.\n *\n * @example\n * ```tsx\n * <RichTextList style=\"bullet\" indent={1}>\n *   <RichTextSection><RichTextText>Item one</RichTextText></RichTextSection>\n *   <RichTextSection><RichTextText>Item two</RichTextText></RichTextSection>\n * </RichTextList>\n * ```\n */\nexport default class RichTextList {\n  static slackType = 'RichTextList';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A blockquote in rich text — displays content with a visual left-border indent.\n *\n * @example\n * ```tsx\n * <RichTextQuote>\n *   <RichTextText>This is a quoted passage.</RichTextText>\n * </RichTextQuote>\n * ```\n */\nexport default class RichTextQuote {\n  static slackType = 'RichTextQuote';\n  declare props: Props;\n}\n","\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<JSX.Element | string>;\n};\n\n/**\n * A preformatted code block in rich text — monospaced, no line wrapping.\n *\n * @example\n * ```tsx\n * <RichTextPreformatted>\n *   <RichTextText style={{ code: true }}>const x = 1;</RichTextText>\n * </RichTextPreformatted>\n * ```\n */\nexport default class RichTextPreformatted {\n  static slackType = 'RichTextPreformatted';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  children: string;\n  style?: RichTextStyle;\n};\n\n/**\n * Styled text within a rich text block.\n *\n * Apply bold, italic, strikethrough, or inline code styling via `style`.\n *\n * @example\n * ```tsx\n * <RichTextText style={{ bold: true, italic: true }}>Bold italic</RichTextText>\n * <RichTextText style={{ code: true }}>inline code</RichTextText>\n * ```\n */\nexport default class RichTextText {\n  static slackType = 'RichTextText';\n  declare props: Props;\n}\n","\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  url: string;\n  children?: string;\n  style?: RichTextStyle;\n};\n\n/**\n * A hyperlink within rich text. Displays `children` as the link text,\n * or falls back to the URL if `children` is omitted.\n *\n * @example\n * ```tsx\n * <RichTextLink url=\"https://example.com\" style={{ bold: true }}>Visit us</RichTextLink>\n * ```\n */\nexport default class RichTextLink {\n  static slackType = 'RichTextLink';\n  declare props: Props;\n}\n","\nexport type Props = {\n  userId: string;\n};\n\n/**\n * Mentions a Slack user by ID in rich text (renders as `@username`).\n *\n * @example\n * ```tsx\n * <RichTextUser userId=\"U123456\" />\n * ```\n */\nexport default class RichTextUser {\n  static slackType = 'RichTextUser';\n  declare props: Props;\n}\n","\nexport type Props = {\n  channelId: string;\n};\n\n/**\n * Mentions a Slack channel by ID in rich text (renders as `#channel-name`).\n *\n * @example\n * ```tsx\n * <RichTextChannel channelId=\"C123456\" />\n * ```\n */\nexport default class RichTextChannel {\n  static slackType = 'RichTextChannel';\n  declare props: Props;\n}\n","\nexport type Props = {\n  name: string;\n};\n\n/**\n * Renders an emoji by name in rich text.\n *\n * @example\n * ```tsx\n * <RichTextEmoji name=\"wave\" />\n * ```\n */\nexport default class RichTextEmoji {\n  static slackType = 'RichTextEmoji';\n  declare props: Props;\n}\n","\nexport type Props = {\n  timestamp: number;\n  format: string;\n  fallback: string;\n};\n\n/**\n * Renders a formatted date that adapts to each viewer's local timezone.\n *\n * `timestamp` is a Unix timestamp. `format` uses Slack's date format tokens\n * (e.g. `\"{date_long} at {time}\"`). `fallback` is shown if rendering fails.\n *\n * @see https://api.slack.com/reference/surfaces/formatting#date-formatting\n *\n * @example\n * ```tsx\n * <RichTextDate\n *   timestamp={1700000000}\n *   format=\"{date_long} at {time}\"\n *   fallback=\"Nov 14, 2023 at 22:13\"\n * />\n * ```\n */\nexport default class RichTextDate {\n  static slackType = 'RichTextDate';\n  declare props: Props;\n}\n","\nimport {type RichTextBroadcastRange} from './types';\n\nexport type Props = {\n  range: RichTextBroadcastRange;\n};\n\n/**\n * A `@here`, `@channel`, or `@everyone` broadcast mention in rich text.\n *\n * @example\n * ```tsx\n * <RichTextBroadcast range=\"here\" />\n * ```\n */\nexport default class RichTextBroadcast {\n  static slackType = 'RichTextBroadcast';\n  declare props: Props;\n}\n","\nexport type Props = {\n  usergroupId: string;\n};\n\n/**\n * Mentions a Slack user group by ID in rich text.\n *\n * @example\n * ```tsx\n * <RichTextUserGroup usergroupId=\"S123456\" />\n * ```\n */\nexport default class RichTextUserGroup {\n  static slackType = 'RichTextUserGroup';\n  declare props: Props;\n}\n"],"mappings":"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","names":["Image"]}