@epicbagel/saas-kit 1.23.0 → 1.24.0

package/dist/{chunk-WE3F6EUM.cjs → chunk-KLBMHQ6U.cjs}

@@ -66,7 +66,11 @@ var ListItem = _react.forwardRef.call(void 0, function ListItem2({ className, la
     radius === "md" && "rounded-md",
     accent === "success" && "border-l-2 border-emerald-500 bg-emerald-500/5",
     accent === "destructive" && "border-l-2 border-red-500 bg-red-500/5",
-    layout === "bullet" && "group flex min-h-8 items-start gap-3 pointer-coarse:min-h-[max(44px,2.75rem)]",
+    layout === "bullet" && "group flex items-start gap-3",
+    // A row with controls is as tall as they are, and a touch target on a
+    // touchscreen; a read-only row is just its text, so a brief's lists don't
+    // stand 44px apart on a phone.
+    layout === "bullet" && actions && "min-h-8 pointer-coarse:min-h-[max(44px,2.75rem)]",
     className
   ), ...props, children: layout === "bullet" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5I4FN7Gcjs.SentimentDot, { sentiment, className: "mt-[5px] shrink-0" }),

package/dist/{chunk-YFXZWDA5.js → chunk-M5BYOPDK.js}

@@ -66,7 +66,11 @@ var ListItem = forwardRef(function ListItem2({ className, layout = "plain", sent
     radius === "md" && "rounded-md",
     accent === "success" && "border-l-2 border-emerald-500 bg-emerald-500/5",
     accent === "destructive" && "border-l-2 border-red-500 bg-red-500/5",
-    layout === "bullet" && "group flex min-h-8 items-start gap-3 pointer-coarse:min-h-[max(44px,2.75rem)]",
+    layout === "bullet" && "group flex items-start gap-3",
+    // A row with controls is as tall as they are, and a touch target on a
+    // touchscreen; a read-only row is just its text, so a brief's lists don't
+    // stand 44px apart on a phone.
+    layout === "bullet" && actions && "min-h-8 pointer-coarse:min-h-[max(44px,2.75rem)]",
     className
   ), ...props, children: layout === "bullet" ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(SentimentDot, { sentiment, className: "mt-[5px] shrink-0" }),

package/dist/primitives/chat.cjs

@@ -520,7 +520,9 @@ function ChatInput({
                       // Grows with the text, then scrolls rather than pushing the thread away.
                       "leading-relaxed disabled:opacity-70 placeholder:text-sm",
                       !compact && "max-h-48",
-                      compact ? "px-4 py-2" : spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
+                      // Compact: in from the rounded corner, the text starting where the + icon below it does
+                      // (22px in at any root size: the bar's 0.5rem padding plus half of 44px less the 1rem icon).
+                      compact ? "pb-1 pl-[22px] pr-4 pt-3.5" : spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
                     )
                   }
                 ),

package/dist/primitives/chat.js

@@ -520,7 +520,9 @@ function ChatInput({
                       // Grows with the text, then scrolls rather than pushing the thread away.
                       "leading-relaxed disabled:opacity-70 placeholder:text-sm",
                       !compact && "max-h-48",
-                      compact ? "px-4 py-2" : spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
+                      // Compact: in from the rounded corner, the text starting where the + icon below it does
+                      // (22px in at any root size: the bar's 0.5rem padding plus half of 44px less the 1rem icon).
+                      compact ? "pb-1 pl-[22px] pr-4 pt-3.5" : spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
                     )
                   }
                 ),

package/dist/primitives/editable-list.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkWE3F6EUMcjs = require('../chunk-WE3F6EUM.cjs');
+var _chunkKLBMHQ6Ucjs = require('../chunk-KLBMHQ6U.cjs');
 require('../chunk-W5I4FN7G.cjs');
 
 
@@ -51,29 +51,32 @@ function EditableList({
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "border-t border-border pt-4", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { as: "span", variant: "caption", className: "text-xs font-medium uppercase tracking-wider", children: label }),
-    items.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "caption", className: "mt-3 italic", children: emptyText }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWE3F6EUMcjs.List, { spacing: "normal", className: "mt-3", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWE3F6EUMcjs.ListItem, { layout: "bullet", sentiment, actions: !readOnly && (_optionalChain([editing, 'optionalAccess', _5 => _5.index]) === index ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon-sm", shrink: true, className: "text-emerald-600", "aria-label": `Save ${itemName}`, onClick: commitEdit, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "quiet", size: "icon-sm", shrink: true, marginEnd: "negative-xs", "aria-label": `Cancel editing ${itemName}`, onClick: () => setEditing(null), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }) })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Edit ${itemName}`, onClick: () => setEditing({ index, value: item }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Pencil, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", className: "-mr-1 h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Remove ${itemName}`, onClick: () => onChange(items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }) })
-    ] })), children: !readOnly && _optionalChain([editing, 'optionalAccess', _6 => _6.index]) === index ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPQUSJEXLcjs.Input,
-      {
-        autoFocus: true,
-        value: editing.value,
-        "aria-label": `Edit ${itemName}`,
-        onChange: (event) => setEditing({ index, value: event.target.value }),
-        onKeyDown: (event) => {
-          if (event.key === "Enter") {
-            event.preventDefault();
-            commitEdit();
-          }
-          if (event.key === "Escape") setEditing(null);
-        },
-        grow: true
-      }
-    ) : item }, `${item}-${index}`)) }),
+    items.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "caption", className: "mt-3 italic", children: emptyText }) : (
+      // Read-only rows are just text, about 1.8em apart; editable rows keep room for their controls.
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLBMHQ6Ucjs.List, { spacing: readOnly ? "tight" : "normal", className: "mt-3", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLBMHQ6Ucjs.ListItem, { layout: "bullet", sentiment, actions: !readOnly && (_optionalChain([editing, 'optionalAccess', _5 => _5.index]) === index ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon-sm", shrink: true, className: "text-emerald-600", "aria-label": `Save ${itemName}`, onClick: commitEdit, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "quiet", size: "icon-sm", shrink: true, marginEnd: "negative-xs", "aria-label": `Cancel editing ${itemName}`, onClick: () => setEditing(null), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }) })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Edit ${itemName}`, onClick: () => setEditing({ index, value: item }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Pencil, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", className: "-mr-1 h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Remove ${itemName}`, onClick: () => onChange(items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }) })
+      ] })), children: !readOnly && _optionalChain([editing, 'optionalAccess', _6 => _6.index]) === index ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkPQUSJEXLcjs.Input,
+        {
+          autoFocus: true,
+          value: editing.value,
+          "aria-label": `Edit ${itemName}`,
+          onChange: (event) => setEditing({ index, value: event.target.value }),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              commitEdit();
+            }
+            if (event.key === "Escape") setEditing(null);
+          },
+          grow: true
+        }
+      ) : item }, `${item}-${index}`)) })
+    ),
     !readOnly && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 flex items-center gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkPQUSJEXLcjs.Input,

package/dist/primitives/editable-list.js

@@ -2,7 +2,7 @@
 import {
   List,
   ListItem
-} from "../chunk-YFXZWDA5.js";
+} from "../chunk-M5BYOPDK.js";
 import "../chunk-YWAQRAXP.js";
 import {
   Text
@@ -51,29 +51,32 @@ function EditableList({
   };
   return /* @__PURE__ */ jsxs("section", { className: cn("border-t border-border pt-4", className), children: [
     /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", className: "text-xs font-medium uppercase tracking-wider", children: label }),
-    items.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "caption", className: "mt-3 italic", children: emptyText }) : /* @__PURE__ */ jsx(List, { spacing: "normal", className: "mt-3", children: items.map((item, index) => /* @__PURE__ */ jsx(ListItem, { layout: "bullet", sentiment, actions: !readOnly && (editing?.index === index ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", shrink: true, className: "text-emerald-600", "aria-label": `Save ${itemName}`, onClick: commitEdit, children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "quiet", size: "icon-sm", shrink: true, marginEnd: "negative-xs", "aria-label": `Cancel editing ${itemName}`, onClick: () => setEditing(null), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Edit ${itemName}`, onClick: () => setEditing({ index, value: item }), children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "-mr-1 h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Remove ${itemName}`, onClick: () => onChange(items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
-    ] })), children: !readOnly && editing?.index === index ? /* @__PURE__ */ jsx(
-      Input,
-      {
-        autoFocus: true,
-        value: editing.value,
-        "aria-label": `Edit ${itemName}`,
-        onChange: (event) => setEditing({ index, value: event.target.value }),
-        onKeyDown: (event) => {
-          if (event.key === "Enter") {
-            event.preventDefault();
-            commitEdit();
-          }
-          if (event.key === "Escape") setEditing(null);
-        },
-        grow: true
-      }
-    ) : item }, `${item}-${index}`)) }),
+    items.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "caption", className: "mt-3 italic", children: emptyText }) : (
+      // Read-only rows are just text, about 1.8em apart; editable rows keep room for their controls.
+      /* @__PURE__ */ jsx(List, { spacing: readOnly ? "tight" : "normal", className: "mt-3", children: items.map((item, index) => /* @__PURE__ */ jsx(ListItem, { layout: "bullet", sentiment, actions: !readOnly && (editing?.index === index ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", shrink: true, className: "text-emerald-600", "aria-label": `Save ${itemName}`, onClick: commitEdit, children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "quiet", size: "icon-sm", shrink: true, marginEnd: "negative-xs", "aria-label": `Cancel editing ${itemName}`, onClick: () => setEditing(null), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Edit ${itemName}`, onClick: () => setEditing({ index, value: item }), children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "-mr-1 h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Remove ${itemName}`, onClick: () => onChange(items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+      ] })), children: !readOnly && editing?.index === index ? /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          value: editing.value,
+          "aria-label": `Edit ${itemName}`,
+          onChange: (event) => setEditing({ index, value: event.target.value }),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              commitEdit();
+            }
+            if (event.key === "Escape") setEditing(null);
+          },
+          grow: true
+        }
+      ) : item }, `${item}-${index}`)) })
+    ),
     !readOnly && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(
         Input,

package/dist/primitives/list.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkWE3F6EUMcjs = require('../chunk-WE3F6EUM.cjs');
+var _chunkKLBMHQ6Ucjs = require('../chunk-KLBMHQ6U.cjs');
 require('../chunk-W5I4FN7G.cjs');
 require('../chunk-373W6VAD.cjs');
 require('../chunk-EJP2L5QV.cjs');
@@ -10,4 +10,4 @@ require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.List = _chunkWE3F6EUMcjs.List; exports.ListItem = _chunkWE3F6EUMcjs.ListItem;
+exports.List = _chunkKLBMHQ6Ucjs.List; exports.ListItem = _chunkKLBMHQ6Ucjs.ListItem;

package/dist/primitives/list.js

@@ -2,7 +2,7 @@
 import {
   List,
   ListItem
-} from "../chunk-YFXZWDA5.js";
+} from "../chunk-M5BYOPDK.js";
 import "../chunk-YWAQRAXP.js";
 import "../chunk-EIY5LLSP.js";
 import "../chunk-F7JHSZNT.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.23.0",
+  "version": "1.24.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [