@tightknitai/block-kitchen 0.10.25 → 0.10.26

package/README.md

@@ -580,7 +580,10 @@ const shareVariant: PaletteVariant = {
 };
 ```
 
-A locked variant without `onLockedSelect` is inert. In the mobile sheet,
+Pass `badge.className` to restyle the tag to match your app (for example
+your plan badges' colors); it's merged over the defaults, so a conflicting
+Tailwind class replaces the built-in one. A locked variant without
+`onLockedSelect` is inert. In the mobile sheet,
 picking one closes the sheet first, so whatever the host opens isn't stacked
 on top of it.
 

package/dist/helpers.d.cts

@@ -1,5 +1,5 @@
-import { S as SupportedBlock } from './palette-DTE9U5si.cjs';
-export { ad as SupportedBlockType } from './palette-DTE9U5si.cjs';
+import { S as SupportedBlock } from './palette-Cnz2jz8O.cjs';
+export { ad as SupportedBlockType } from './palette-Cnz2jz8O.cjs';
 import 'react';
 import 'slack-web-api-client';
 

package/dist/helpers.d.ts

@@ -1,5 +1,5 @@
-import { S as SupportedBlock } from './palette-DTE9U5si.js';
-export { ad as SupportedBlockType } from './palette-DTE9U5si.js';
+import { S as SupportedBlock } from './palette-Cnz2jz8O.js';
+export { ad as SupportedBlockType } from './palette-Cnz2jz8O.js';
 import 'react';
 import 'slack-web-api-client';
 

package/dist/index.cjs

@@ -4504,7 +4504,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: [
@@ -4512,16 +4512,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__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: variant.label }),
-              variant.badge ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                " ",
-                /* @__PURE__ */ jsxRuntime.jsx(VariantBadge, { badge: variant.badge })
-              ] }) : null
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "mt-[3px] h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(RailLabel, { variant })
             ]
           }
         ),
@@ -4546,13 +4542,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { "aria-hidden": true, className: cn("shrink-0", isSheet ? "h-4 w-4" : "h-3.5 w-3.5") }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: variant.label }),
-    variant.badge ? /* @__PURE__ */ jsxRuntime.jsx(VariantBadge, { badge: variant.badge }) : null
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { "aria-hidden": true, className: cn("shrink-0", isSheet ? "h-4 w-4" : "mt-[3px] h-3.5 w-3.5") }),
+    isSheet ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: variant.label }),
+      variant.badge ? /* @__PURE__ */ jsxRuntime.jsx(VariantBadge, { badge: variant.badge }) : null
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(RailLabel, { variant })
   ] });
   if (!select) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-disabled": "true", className, children: content });
@@ -4574,12 +4572,31 @@ function LockedPaletteItem({
     }
   );
 }
+function RailLabel({ variant }) {
+  if (!variant.badge) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: variant.label });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col items-start gap-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-full truncate", children: variant.label }),
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(VariantBadge, { badge: variant.badge })
+  ] });
+}
 function VariantBadge({ badge }) {
   const Icon = badge.icon;
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: "h-2.5 w-2.5 shrink-0" }) : null,
-    badge.label
-  ] });
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: "h-2.5 w-2.5 shrink-0" }) : null,
+        badge.label
+      ]
+    }
+  );
 }
 function SendDialog({
   open,