@tightknitai/block-kitchen 0.8.6 → 0.8.8

package/dist/{palette-DToUE_3J.d.cts → palette-5_Tx97Gk.d.cts}

@@ -151,7 +151,7 @@ declare function buildVariantById(sections: readonly PaletteSection[]): Readonly
 /**
  * The Slack Block Kit block types supported by the builder in v1.
  */
-type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card';
+type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card' | 'data_visualization' | 'container';
 /**
  * Slack `markdown` block payload. Renders standard markdown (GFM)
  * via `slack-blocks-to-jsx`'s react-markdown integration.
@@ -399,6 +399,120 @@ interface PlanBlock {
     tasks?: TaskCardBlock[];
     block_id?: string;
 }
+/**
+ * One `{ label, value }` data point inside a {@link ChartSeries}. `label`
+ * is the x-axis category the point belongs to; `value` is the numeric
+ * measurement and may be negative.
+ */
+interface ChartDataPoint {
+    label: string;
+    value: number;
+}
+/**
+ * A named series of {@link ChartDataPoint}s. Line / bar / area charts may
+ * carry one or more series; each renders as its own line, set of bars, or
+ * filled region with a matching legend entry.
+ */
+interface ChartSeries {
+    name: string;
+    data: ChartDataPoint[];
+}
+/**
+ * Axis configuration shared by the cartesian chart types (line / bar /
+ * area). `categories` is the ordered set of x-axis tick labels; `x_label`
+ * and `y_label` title the axes.
+ */
+interface ChartAxisConfig {
+    categories: string[];
+    x_label?: string;
+    y_label?: string;
+}
+/**
+ * One `{ label, value }` slice of a {@link PieChart}.
+ */
+interface PieChartSegment {
+    label: string;
+    value: number;
+}
+/**
+ * Cartesian chart spec (line / bar / area) used by a
+ * {@link DataVisualizationBlock}: one or more named series plotted against
+ * a shared category axis.
+ */
+interface CartesianChart {
+    type: 'line' | 'bar' | 'area';
+    series: ChartSeries[];
+    axis_config?: ChartAxisConfig;
+}
+/**
+ * Pie chart spec used by a {@link DataVisualizationBlock}. Unlike the
+ * cartesian charts it has no axes — just a flat list of labeled segments.
+ */
+interface PieChart {
+    type: 'pie';
+    segments: PieChartSegment[];
+}
+/**
+ * The `chart` payload of a {@link DataVisualizationBlock}: either a
+ * cartesian chart (line / bar / area) or a pie chart.
+ */
+type Chart = CartesianChart | PieChart;
+/**
+ * The chart shape rendered by a {@link DataVisualizationBlock}.
+ */
+type ChartType = Chart['type'];
+/**
+ * Slack `data_visualization` block payload. Renders a line, bar, area, or
+ * pie chart from inline data. Valid on the message surface only.
+ * `slack-web-api-client` doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/data-visualization-block
+ */
+interface DataVisualizationBlock {
+    type: 'data_visualization';
+    title: string;
+    chart: Chart;
+    block_id?: string;
+}
+/**
+ * A block allowed inside a {@link ContainerBlock}'s `child_blocks` array.
+ * Slack permits actions, context, divider, file, header, image, input,
+ * rich_text, section, table, and video — notably not `container` itself
+ * (no nesting) nor message-only chrome like card / carousel / markdown.
+ * This mirrors that set across the block types the builder models (`file`
+ * is omitted because the builder has no file block).
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+type ContainerChildBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | RichTextBlock | TableBlock | InputBlock | VideoBlock;
+/**
+ * Slack `container` block payload. A general-purpose wrapper that groups
+ * 1-10 child blocks into a single, optionally collapsible unit with a
+ * configurable width. Valid on the message surface only.
+ * `default_collapsed` only takes effect when `is_collapsible` is true.
+ *
+ * Note: despite what the API reference says, `title` and `subtitle` are
+ * `plain_text` text objects, not plain strings. `slack-web-api-client`
+ * doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+interface ContainerBlock {
+    type: 'container';
+    title: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    child_blocks: ContainerChildBlock[];
+    subtitle?: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    icon?: ImageElement;
+    width?: 'narrow' | 'standard' | 'wide' | 'full';
+    is_collapsible?: boolean;
+    default_collapsed?: boolean;
+    block_id?: string;
+}
 /**
  * Header heading level shown in the preview. Slack's API has no
  * `level` field on header blocks, so this is a builder-only extension
@@ -417,7 +531,7 @@ type SupportedHeaderBlock = HeaderBlock & {
  * Subset of {@link AnyMessageBlock} from `slack-web-api-client`,
  * plus a header `level` extension.
  */
-type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock;
+type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock;
 /**
  * A block as represented inside the builder's working state.
  * `id` is an ephemeral client-side identifier used by DnD and selection.
@@ -732,4 +846,4 @@ interface BlockKitchenProps {
     theme?: BrandTheme | BrandPreset;
 }
 
-export { type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type TaskCardStatus as D, type Template as E, type FeedbackButtonSubobject as F, buildVariantById as G, type HeaderLevel as H, type IconButtonElement as I, defaultPalette as J, extraAlertVariant as K, legacyInputVariants as L, type MarkdownBlock as M, type PaletteSection as P, type SendAsUserStatus as S, type TableBlock as T, type UrlSourceElement as U, type VideoBlock as V, type AlertLevel as a, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type ChannelOption as g, type ContextActionsBlock as h, type ContextActionsElement as i, type CustomEmoji as j, type FeedbackButtonsElement as k, type IconButtonIcon as l, type InputBlock as m, type PaletteVariant as n, type PlanBlock as o, type PreviewHooks as p, type PreviewSurface as q, type PreviewTheme as r, type SendPayload as s, type SendResult as t, type SupportedBlock as u, type SupportedBlockType as v, type SupportedHeaderBlock as w, type TableCell as x, type TableColumnSetting as y, type TaskCardBlock as z };
+export { extraAlertVariant as $, type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type DataVisualizationBlock as D, type PreviewSurface as E, type FeedbackButtonSubobject as F, type PreviewTheme as G, type HeaderLevel as H, type IconButtonElement as I, type SendPayload as J, type SendResult as K, type SupportedBlock as L, type MarkdownBlock as M, type SupportedBlockType as N, type SupportedHeaderBlock as O, type PaletteSection as P, type TableCell as Q, type TableColumnSetting as R, type SendAsUserStatus as S, type TableBlock as T, type TaskCardBlock as U, type TaskCardStatus as V, type Template as W, type UrlSourceElement as X, type VideoBlock as Y, buildVariantById as Z, defaultPalette as _, type AlertLevel as a, legacyInputVariants as a0, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type CartesianChart as g, type ChannelOption as h, type Chart as i, type ChartAxisConfig as j, type ChartDataPoint as k, type ChartSeries as l, type ChartType as m, type ContainerBlock as n, type ContainerChildBlock as o, type ContextActionsBlock as p, type ContextActionsElement as q, type CustomEmoji as r, type FeedbackButtonsElement as s, type IconButtonIcon as t, type InputBlock as u, type PaletteVariant as v, type PieChart as w, type PieChartSegment as x, type PlanBlock as y, type PreviewHooks as z };

package/dist/{palette-DToUE_3J.d.ts → palette-5_Tx97Gk.d.ts}

@@ -151,7 +151,7 @@ declare function buildVariantById(sections: readonly PaletteSection[]): Readonly
 /**
  * The Slack Block Kit block types supported by the builder in v1.
  */
-type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card';
+type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card' | 'data_visualization' | 'container';
 /**
  * Slack `markdown` block payload. Renders standard markdown (GFM)
  * via `slack-blocks-to-jsx`'s react-markdown integration.
@@ -399,6 +399,120 @@ interface PlanBlock {
     tasks?: TaskCardBlock[];
     block_id?: string;
 }
+/**
+ * One `{ label, value }` data point inside a {@link ChartSeries}. `label`
+ * is the x-axis category the point belongs to; `value` is the numeric
+ * measurement and may be negative.
+ */
+interface ChartDataPoint {
+    label: string;
+    value: number;
+}
+/**
+ * A named series of {@link ChartDataPoint}s. Line / bar / area charts may
+ * carry one or more series; each renders as its own line, set of bars, or
+ * filled region with a matching legend entry.
+ */
+interface ChartSeries {
+    name: string;
+    data: ChartDataPoint[];
+}
+/**
+ * Axis configuration shared by the cartesian chart types (line / bar /
+ * area). `categories` is the ordered set of x-axis tick labels; `x_label`
+ * and `y_label` title the axes.
+ */
+interface ChartAxisConfig {
+    categories: string[];
+    x_label?: string;
+    y_label?: string;
+}
+/**
+ * One `{ label, value }` slice of a {@link PieChart}.
+ */
+interface PieChartSegment {
+    label: string;
+    value: number;
+}
+/**
+ * Cartesian chart spec (line / bar / area) used by a
+ * {@link DataVisualizationBlock}: one or more named series plotted against
+ * a shared category axis.
+ */
+interface CartesianChart {
+    type: 'line' | 'bar' | 'area';
+    series: ChartSeries[];
+    axis_config?: ChartAxisConfig;
+}
+/**
+ * Pie chart spec used by a {@link DataVisualizationBlock}. Unlike the
+ * cartesian charts it has no axes — just a flat list of labeled segments.
+ */
+interface PieChart {
+    type: 'pie';
+    segments: PieChartSegment[];
+}
+/**
+ * The `chart` payload of a {@link DataVisualizationBlock}: either a
+ * cartesian chart (line / bar / area) or a pie chart.
+ */
+type Chart = CartesianChart | PieChart;
+/**
+ * The chart shape rendered by a {@link DataVisualizationBlock}.
+ */
+type ChartType = Chart['type'];
+/**
+ * Slack `data_visualization` block payload. Renders a line, bar, area, or
+ * pie chart from inline data. Valid on the message surface only.
+ * `slack-web-api-client` doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/data-visualization-block
+ */
+interface DataVisualizationBlock {
+    type: 'data_visualization';
+    title: string;
+    chart: Chart;
+    block_id?: string;
+}
+/**
+ * A block allowed inside a {@link ContainerBlock}'s `child_blocks` array.
+ * Slack permits actions, context, divider, file, header, image, input,
+ * rich_text, section, table, and video — notably not `container` itself
+ * (no nesting) nor message-only chrome like card / carousel / markdown.
+ * This mirrors that set across the block types the builder models (`file`
+ * is omitted because the builder has no file block).
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+type ContainerChildBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | RichTextBlock | TableBlock | InputBlock | VideoBlock;
+/**
+ * Slack `container` block payload. A general-purpose wrapper that groups
+ * 1-10 child blocks into a single, optionally collapsible unit with a
+ * configurable width. Valid on the message surface only.
+ * `default_collapsed` only takes effect when `is_collapsible` is true.
+ *
+ * Note: despite what the API reference says, `title` and `subtitle` are
+ * `plain_text` text objects, not plain strings. `slack-web-api-client`
+ * doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+interface ContainerBlock {
+    type: 'container';
+    title: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    child_blocks: ContainerChildBlock[];
+    subtitle?: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    icon?: ImageElement;
+    width?: 'narrow' | 'standard' | 'wide' | 'full';
+    is_collapsible?: boolean;
+    default_collapsed?: boolean;
+    block_id?: string;
+}
 /**
  * Header heading level shown in the preview. Slack's API has no
  * `level` field on header blocks, so this is a builder-only extension
@@ -417,7 +531,7 @@ type SupportedHeaderBlock = HeaderBlock & {
  * Subset of {@link AnyMessageBlock} from `slack-web-api-client`,
  * plus a header `level` extension.
  */
-type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock;
+type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock;
 /**
  * A block as represented inside the builder's working state.
  * `id` is an ephemeral client-side identifier used by DnD and selection.
@@ -732,4 +846,4 @@ interface BlockKitchenProps {
     theme?: BrandTheme | BrandPreset;
 }
 
-export { type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type TaskCardStatus as D, type Template as E, type FeedbackButtonSubobject as F, buildVariantById as G, type HeaderLevel as H, type IconButtonElement as I, defaultPalette as J, extraAlertVariant as K, legacyInputVariants as L, type MarkdownBlock as M, type PaletteSection as P, type SendAsUserStatus as S, type TableBlock as T, type UrlSourceElement as U, type VideoBlock as V, type AlertLevel as a, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type ChannelOption as g, type ContextActionsBlock as h, type ContextActionsElement as i, type CustomEmoji as j, type FeedbackButtonsElement as k, type IconButtonIcon as l, type InputBlock as m, type PaletteVariant as n, type PlanBlock as o, type PreviewHooks as p, type PreviewSurface as q, type PreviewTheme as r, type SendPayload as s, type SendResult as t, type SupportedBlock as u, type SupportedBlockType as v, type SupportedHeaderBlock as w, type TableCell as x, type TableColumnSetting as y, type TaskCardBlock as z };
+export { extraAlertVariant as $, type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type DataVisualizationBlock as D, type PreviewSurface as E, type FeedbackButtonSubobject as F, type PreviewTheme as G, type HeaderLevel as H, type IconButtonElement as I, type SendPayload as J, type SendResult as K, type SupportedBlock as L, type MarkdownBlock as M, type SupportedBlockType as N, type SupportedHeaderBlock as O, type PaletteSection as P, type TableCell as Q, type TableColumnSetting as R, type SendAsUserStatus as S, type TableBlock as T, type TaskCardBlock as U, type TaskCardStatus as V, type Template as W, type UrlSourceElement as X, type VideoBlock as Y, buildVariantById as Z, defaultPalette as _, type AlertLevel as a, legacyInputVariants as a0, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type CartesianChart as g, type ChannelOption as h, type Chart as i, type ChartAxisConfig as j, type ChartDataPoint as k, type ChartSeries as l, type ChartType as m, type ContainerBlock as n, type ContainerChildBlock as o, type ContextActionsBlock as p, type ContextActionsElement as q, type CustomEmoji as r, type FeedbackButtonsElement as s, type IconButtonIcon as t, type InputBlock as u, type PaletteVariant as v, type PieChart as w, type PieChartSegment as x, type PlanBlock as y, type PreviewHooks as z };

package/dist/palette.cjs

@@ -935,6 +935,186 @@ var defaultPalette = [
         })
       }
     ]
+  },
+  {
+    name: "Data Visualization",
+    icon: lucideReact.ChartColumnBig,
+    variants: [
+      {
+        id: "dataviz_line",
+        label: "Line chart",
+        factory: () => ({
+          type: "data_visualization",
+          title: "Weekly active users by platform",
+          chart: {
+            type: "line",
+            series: [
+              {
+                name: "Desktop",
+                data: [
+                  { label: "Mon", value: 800 },
+                  { label: "Tue", value: 920 },
+                  { label: "Wed", value: 880 },
+                  { label: "Thu", value: 1010 },
+                  { label: "Fri", value: 1120 }
+                ]
+              },
+              {
+                name: "Mobile",
+                data: [
+                  { label: "Mon", value: 400 },
+                  { label: "Tue", value: 530 },
+                  { label: "Wed", value: 500 },
+                  { label: "Thu", value: 590 },
+                  { label: "Fri", value: 600 }
+                ]
+              }
+            ],
+            axis_config: {
+              categories: ["Mon", "Tue", "Wed", "Thu", "Fri"],
+              x_label: "Day",
+              y_label: "Users"
+            }
+          }
+        })
+      },
+      {
+        id: "dataviz_bar",
+        label: "Bar chart",
+        factory: () => ({
+          type: "data_visualization",
+          title: "Messages sent by platform",
+          chart: {
+            type: "bar",
+            series: [
+              {
+                name: "Desktop",
+                data: [
+                  { label: "Mon", value: 1500 },
+                  { label: "Tue", value: 1400 },
+                  { label: "Wed", value: 1700 },
+                  { label: "Thu", value: 1600 },
+                  { label: "Fri", value: 1280 }
+                ]
+              },
+              {
+                name: "Mobile",
+                data: [
+                  { label: "Mon", value: 800 },
+                  { label: "Tue", value: 750 },
+                  { label: "Wed", value: 920 },
+                  { label: "Thu", value: 880 },
+                  { label: "Fri", value: 700 }
+                ]
+              }
+            ],
+            axis_config: {
+              categories: ["Mon", "Tue", "Wed", "Thu", "Fri"],
+              x_label: "Day",
+              y_label: "Messages"
+            }
+          }
+        })
+      },
+      {
+        id: "dataviz_area",
+        label: "Area chart",
+        factory: () => ({
+          type: "data_visualization",
+          title: "Concurrent users by platform",
+          chart: {
+            type: "area",
+            series: [
+              {
+                name: "Desktop",
+                data: [
+                  { label: "Mon", value: 2800 },
+                  { label: "Tue", value: 3e3 },
+                  { label: "Wed", value: 3400 },
+                  { label: "Thu", value: 3200 },
+                  { label: "Fri", value: 3500 }
+                ]
+              },
+              {
+                name: "Mobile",
+                data: [
+                  { label: "Mon", value: 1400 },
+                  { label: "Tue", value: 1500 },
+                  { label: "Wed", value: 1700 },
+                  { label: "Thu", value: 1600 },
+                  { label: "Fri", value: 1800 }
+                ]
+              }
+            ],
+            axis_config: {
+              categories: ["Mon", "Tue", "Wed", "Thu", "Fri"],
+              x_label: "Day",
+              y_label: "Users"
+            }
+          }
+        })
+      },
+      {
+        id: "dataviz_pie",
+        label: "Pie chart",
+        factory: () => ({
+          type: "data_visualization",
+          title: "Plan distribution by tier",
+          chart: {
+            type: "pie",
+            segments: [
+              { label: "Free", value: 4200 },
+              { label: "Pro", value: 2300 },
+              { label: "Business+", value: 1100 },
+              { label: "Enterprise", value: 480 }
+            ]
+          }
+        })
+      }
+    ]
+  },
+  {
+    name: "Container",
+    icon: lucideReact.Container,
+    variants: [
+      {
+        id: "container_collapsible",
+        label: "Collapsible container",
+        factory: () => ({
+          type: "container",
+          title: { type: "plain_text", text: "Bulk update: 2 records selected" },
+          subtitle: { type: "plain_text", text: "Review changes before confirming" },
+          is_collapsible: true,
+          child_blocks: [
+            {
+              type: "section",
+              text: { type: "mrkdwn", text: "*DCW-1024*\nStatus: Open \u2192 Closed" }
+            },
+            { type: "divider" },
+            {
+              type: "section",
+              text: { type: "mrkdwn", text: "*DCW-1025*\nStatus: In Progress \u2192 Closed" }
+            },
+            {
+              type: "actions",
+              elements: [
+                {
+                  type: "button",
+                  text: { type: "plain_text", text: "Confirm All", emoji: true },
+                  style: "primary",
+                  action_id: "bulk_confirm"
+                },
+                {
+                  type: "button",
+                  text: { type: "plain_text", text: "Cancel", emoji: true },
+                  action_id: "bulk_cancel"
+                }
+              ]
+            }
+          ]
+        })
+      }
+    ]
   }
 ];
 var legacyInputVariants = [