@tightknitai/block-kitchen 0.10.25 → 0.10.26

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { B as BlockKitchenProps, S as SupportedBlock, C as ChannelOption, a as SendAsUserStatus, b as SendPayload, c as SendExtrasContext, T as Template, P as PreviewSurface, d as PreviewTheme } from './palette-DTE9U5si.cjs';
-export { A as AlertBlock, e as AlertLevel, f as BlockAction, g as BlockKitchenBaseProps, h as BlockKitchenComposeOnlyProps, i as BlockKitchenSendProps, j as BlockPosition, k as BrandPreset, l as BrandTheme, m as BrandTokens, n as BuilderBlock, o as CardBlock, p as CarouselBlock, q as CartesianChart, r as Chart, s as ChartAxisConfig, t as ChartDataPoint, u as ChartSeries, v as ChartType, w as ContainerBlock, x as ContainerChildBlock, y as ContextActionsBlock, z as ContextActionsElement, D as CustomBlockEditor, E as CustomBlockEditorProps, F as CustomEmoji, G as DataTableActionCell, H as DataTableBlock, I as DataTableCell, J as DataTableRawNumberCell, K as DataVisualizationBlock, L as EditableVia, M as FeedbackButtonSubobject, N as FeedbackButtonsElement, O as HeaderLevel, Q as IconButtonElement, R as IconButtonIcon, U as InputBlock, V as LoadMessageInput, W as LoadResult, X as LoadedMessage, Y as LoadingConfig, Z as MarkdownBlock, _ as MentionChannel, $ as MentionUser, a0 as MentionsConfig, a1 as PaletteMode, a2 as PaletteSection, a3 as PaletteVariant, a4 as PaletteVariantBadge, a5 as PieChart, a6 as PieChartSegment, a7 as PlanBlock, a8 as PreviewHooks, a9 as PrimaryActionConfig, aa as PrimaryActionContext, ab as RecentMessage, ac as SendResult, ad as SupportedBlockType, ae as SupportedHeaderBlock, af as TableBlock, ag as TableCell, ah as TableColumnSetting, ai as TableRawTextCell, aj as TaskCardBlock, ak as TaskCardStatus, al as UpdatePayload, am as UpdateResult, an as UrlSourceElement, ao as ValidationSummary, ap as VideoBlock, aq as defaultPalette, ar as extraAlertVariant, as as legacyInputVariants } from './palette-DTE9U5si.cjs';
+import { B as BlockKitchenProps, S as SupportedBlock, C as ChannelOption, a as SendAsUserStatus, b as SendPayload, c as SendExtrasContext, T as Template, P as PreviewSurface, d as PreviewTheme } from './palette-Cnz2jz8O.cjs';
+export { A as AlertBlock, e as AlertLevel, f as BlockAction, g as BlockKitchenBaseProps, h as BlockKitchenComposeOnlyProps, i as BlockKitchenSendProps, j as BlockPosition, k as BrandPreset, l as BrandTheme, m as BrandTokens, n as BuilderBlock, o as CardBlock, p as CarouselBlock, q as CartesianChart, r as Chart, s as ChartAxisConfig, t as ChartDataPoint, u as ChartSeries, v as ChartType, w as ContainerBlock, x as ContainerChildBlock, y as ContextActionsBlock, z as ContextActionsElement, D as CustomBlockEditor, E as CustomBlockEditorProps, F as CustomEmoji, G as DataTableActionCell, H as DataTableBlock, I as DataTableCell, J as DataTableRawNumberCell, K as DataVisualizationBlock, L as EditableVia, M as FeedbackButtonSubobject, N as FeedbackButtonsElement, O as HeaderLevel, Q as IconButtonElement, R as IconButtonIcon, U as InputBlock, V as LoadMessageInput, W as LoadResult, X as LoadedMessage, Y as LoadingConfig, Z as MarkdownBlock, _ as MentionChannel, $ as MentionUser, a0 as MentionsConfig, a1 as PaletteMode, a2 as PaletteSection, a3 as PaletteVariant, a4 as PaletteVariantBadge, a5 as PieChart, a6 as PieChartSegment, a7 as PlanBlock, a8 as PreviewHooks, a9 as PrimaryActionConfig, aa as PrimaryActionContext, ab as RecentMessage, ac as SendResult, ad as SupportedBlockType, ae as SupportedHeaderBlock, af as TableBlock, ag as TableCell, ah as TableColumnSetting, ai as TableRawTextCell, aj as TaskCardBlock, ak as TaskCardStatus, al as UpdatePayload, am as UpdateResult, an as UrlSourceElement, ao as ValidationSummary, ap as VideoBlock, aq as defaultPalette, ar as extraAlertVariant, as as legacyInputVariants } from './palette-Cnz2jz8O.cjs';
 export { decodeBlocksFromString, encodeBlocksToString, toSlackBlocks } from './helpers.cjs';
 import 'slack-web-api-client';
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { B as BlockKitchenProps, S as SupportedBlock, C as ChannelOption, a as SendAsUserStatus, b as SendPayload, c as SendExtrasContext, T as Template, P as PreviewSurface, d as PreviewTheme } from './palette-DTE9U5si.js';
-export { A as AlertBlock, e as AlertLevel, f as BlockAction, g as BlockKitchenBaseProps, h as BlockKitchenComposeOnlyProps, i as BlockKitchenSendProps, j as BlockPosition, k as BrandPreset, l as BrandTheme, m as BrandTokens, n as BuilderBlock, o as CardBlock, p as CarouselBlock, q as CartesianChart, r as Chart, s as ChartAxisConfig, t as ChartDataPoint, u as ChartSeries, v as ChartType, w as ContainerBlock, x as ContainerChildBlock, y as ContextActionsBlock, z as ContextActionsElement, D as CustomBlockEditor, E as CustomBlockEditorProps, F as CustomEmoji, G as DataTableActionCell, H as DataTableBlock, I as DataTableCell, J as DataTableRawNumberCell, K as DataVisualizationBlock, L as EditableVia, M as FeedbackButtonSubobject, N as FeedbackButtonsElement, O as HeaderLevel, Q as IconButtonElement, R as IconButtonIcon, U as InputBlock, V as LoadMessageInput, W as LoadResult, X as LoadedMessage, Y as LoadingConfig, Z as MarkdownBlock, _ as MentionChannel, $ as MentionUser, a0 as MentionsConfig, a1 as PaletteMode, a2 as PaletteSection, a3 as PaletteVariant, a4 as PaletteVariantBadge, a5 as PieChart, a6 as PieChartSegment, a7 as PlanBlock, a8 as PreviewHooks, a9 as PrimaryActionConfig, aa as PrimaryActionContext, ab as RecentMessage, ac as SendResult, ad as SupportedBlockType, ae as SupportedHeaderBlock, af as TableBlock, ag as TableCell, ah as TableColumnSetting, ai as TableRawTextCell, aj as TaskCardBlock, ak as TaskCardStatus, al as UpdatePayload, am as UpdateResult, an as UrlSourceElement, ao as ValidationSummary, ap as VideoBlock, aq as defaultPalette, ar as extraAlertVariant, as as legacyInputVariants } from './palette-DTE9U5si.js';
+import { B as BlockKitchenProps, S as SupportedBlock, C as ChannelOption, a as SendAsUserStatus, b as SendPayload, c as SendExtrasContext, T as Template, P as PreviewSurface, d as PreviewTheme } from './palette-Cnz2jz8O.js';
+export { A as AlertBlock, e as AlertLevel, f as BlockAction, g as BlockKitchenBaseProps, h as BlockKitchenComposeOnlyProps, i as BlockKitchenSendProps, j as BlockPosition, k as BrandPreset, l as BrandTheme, m as BrandTokens, n as BuilderBlock, o as CardBlock, p as CarouselBlock, q as CartesianChart, r as Chart, s as ChartAxisConfig, t as ChartDataPoint, u as ChartSeries, v as ChartType, w as ContainerBlock, x as ContainerChildBlock, y as ContextActionsBlock, z as ContextActionsElement, D as CustomBlockEditor, E as CustomBlockEditorProps, F as CustomEmoji, G as DataTableActionCell, H as DataTableBlock, I as DataTableCell, J as DataTableRawNumberCell, K as DataVisualizationBlock, L as EditableVia, M as FeedbackButtonSubobject, N as FeedbackButtonsElement, O as HeaderLevel, Q as IconButtonElement, R as IconButtonIcon, U as InputBlock, V as LoadMessageInput, W as LoadResult, X as LoadedMessage, Y as LoadingConfig, Z as MarkdownBlock, _ as MentionChannel, $ as MentionUser, a0 as MentionsConfig, a1 as PaletteMode, a2 as PaletteSection, a3 as PaletteVariant, a4 as PaletteVariantBadge, a5 as PieChart, a6 as PieChartSegment, a7 as PlanBlock, a8 as PreviewHooks, a9 as PrimaryActionConfig, aa as PrimaryActionContext, ab as RecentMessage, ac as SendResult, ad as SupportedBlockType, ae as SupportedHeaderBlock, af as TableBlock, ag as TableCell, ah as TableColumnSetting, ai as TableRawTextCell, aj as TaskCardBlock, ak as TaskCardStatus, al as UpdatePayload, am as UpdateResult, an as UrlSourceElement, ao as ValidationSummary, ap as VideoBlock, aq as defaultPalette, ar as extraAlertVariant, as as legacyInputVariants } from './palette-Cnz2jz8O.js';
 export { decodeBlocksFromString, encodeBlocksToString, toSlackBlocks } from './helpers.js';
 import 'slack-web-api-client';
 

package/dist/index.js

@@ -4474,7 +4474,7 @@ function PaletteItem({
     {
       ref: setNodeRef,
       className: cn(
-        "group flex items-center gap-2 rounded px-2 py-1 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground has-[:focus-visible]:bg-accent has-[:focus-visible]:text-foreground",
+        "group flex items-start gap-2 rounded px-2 py-1 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground has-[:focus-visible]:bg-accent has-[:focus-visible]:text-foreground",
         isDragging && "opacity-50"
       ),
       children: [
@@ -4482,16 +4482,12 @@ function PaletteItem({
           "div",
           {
             ref: setActivatorNodeRef,
-            className: "-my-1 flex min-w-0 flex-1 cursor-grab items-center gap-2 rounded py-1 active:cursor-grabbing focus-visible:outline-none",
+            className: "-my-1 flex min-w-0 flex-1 cursor-grab items-start gap-2 rounded py-1 active:cursor-grabbing focus-visible:outline-none",
             ...attributes,
             ...listeners,
             children: [
-              /* @__PURE__ */ jsx(GripVertical, { className: "h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: variant.label }),
-              variant.badge ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                " ",
-                /* @__PURE__ */ jsx(VariantBadge, { badge: variant.badge })
-              ] }) : null
+              /* @__PURE__ */ jsx(GripVertical, { className: "mt-[3px] h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ jsx(RailLabel, { variant })
             ]
           }
         ),
@@ -4516,13 +4512,15 @@ function LockedPaletteItem({
 }) {
   const select = variant.onLockedSelect;
   const className = cn(
-    "flex w-full items-center text-left text-muted-foreground",
-    isSheet ? "min-h-11 gap-3 rounded-md px-3 py-2 text-sm font-medium" : "gap-2 rounded px-2 py-1 text-sm"
+    "flex w-full text-left text-muted-foreground",
+    isSheet ? "min-h-11 items-center gap-3 rounded-md px-3 py-2 text-sm font-medium" : "items-start gap-2 rounded px-2 py-1 text-sm"
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Lock, { "aria-hidden": true, className: cn("shrink-0", isSheet ? "h-4 w-4" : "h-3.5 w-3.5") }),
-    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: variant.label }),
-    variant.badge ? /* @__PURE__ */ jsx(VariantBadge, { badge: variant.badge }) : null
+    /* @__PURE__ */ jsx(Lock, { "aria-hidden": true, className: cn("shrink-0", isSheet ? "h-4 w-4" : "mt-[3px] h-3.5 w-3.5") }),
+    isSheet ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: variant.label }),
+      variant.badge ? /* @__PURE__ */ jsx(VariantBadge, { badge: variant.badge }) : null
+    ] }) : /* @__PURE__ */ jsx(RailLabel, { variant })
   ] });
   if (!select) {
     return /* @__PURE__ */ jsx("div", { "aria-disabled": "true", className, children: content });
@@ -4544,12 +4542,31 @@ function LockedPaletteItem({
     }
   );
 }
+function RailLabel({ variant }) {
+  if (!variant.badge) {
+    return /* @__PURE__ */ jsx("span", { className: "truncate", children: variant.label });
+  }
+  return /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col items-start gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "max-w-full truncate", children: variant.label }),
+    " ",
+    /* @__PURE__ */ jsx(VariantBadge, { badge: variant.badge })
+  ] });
+}
 function VariantBadge({ badge }) {
   const Icon = badge.icon;
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border bg-background px-1.5 text-[10px] font-medium leading-4 text-muted-foreground", children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "h-2.5 w-2.5 shrink-0" }) : null,
-    badge.label
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center gap-1 rounded-full border bg-background px-1.5 text-[10px] font-medium leading-4 text-muted-foreground",
+        badge.className
+      ),
+      children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "h-2.5 w-2.5 shrink-0" }) : null,
+        badge.label
+      ]
+    }
+  );
 }
 function SendDialog({
   open,