@epicbagel/saas-kit 1.2.1 → 1.2.3

package/dist/primitives/chat.js

@@ -8,14 +8,13 @@ import {
 import {
   VoiceDictationButton
 } from "../chunk-HAC32ALJ.js";
+import {
+  formatRelativeLong
+} from "../chunk-CS7DM3NV.js";
 import {
   Suggestion,
   Suggestions
 } from "../chunk-THWIJG5C.js";
-import {
-  Marker,
-  MarkerContent
-} from "../chunk-IW4ZIXXG.js";
 import {
   MessageScroller,
   MessageScrollerButton,
@@ -28,26 +27,31 @@ import {
   Message,
   MessageContent
 } from "../chunk-JZOBIPFC.js";
+import {
+  LazyMarkdown
+} from "../chunk-VY5U4VGV.js";
+import "../chunk-INNGGLMZ.js";
+import {
+  Marker,
+  MarkerContent
+} from "../chunk-IW4ZIXXG.js";
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupTextarea
 } from "../chunk-MHYAVXOE.js";
 import "../chunk-6FC65AZQ.js";
-import {
-  LazyMarkdown
-} from "../chunk-VY5U4VGV.js";
-import "../chunk-INNGGLMZ.js";
 import {
   FileDropArea,
   FileDropzone
-} from "../chunk-M7FYGAGO.js";
+} from "../chunk-EHKMVJ6O.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "../chunk-V4LE2HWP.js";
+import "../chunk-ZRLUUZHK.js";
 import {
   Bubble,
   BubbleContent
@@ -65,7 +69,9 @@ import {
   AttachmentTitle,
   AttachmentTrigger
 } from "../chunk-EZCKWTH7.js";
-import "../chunk-ZRLUUZHK.js";
+import {
+  useIsMobile
+} from "../chunk-PIU5SSUV.js";
 import {
   ActionDock
 } from "../chunk-42RTTHND.js";
@@ -73,12 +79,6 @@ import "../chunk-QMA3WVB7.js";
 import {
   Button
 } from "../chunk-HQRWRRZJ.js";
-import {
-  useIsMobile
-} from "../chunk-PIU5SSUV.js";
-import {
-  formatRelativeLong
-} from "../chunk-CS7DM3NV.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";
@@ -114,13 +114,32 @@ function useArrivingUserTurnId(messages) {
   }, [messages]);
   for (let i = messages.length - 1; i >= 0; i--) {
     const message = messages[i];
-    if (message.role === "user") return seen.current.has(message.id) ? void 0 : message.id;
+    if (message.role === "user" && message.status !== "running") {
+      return seen.current.has(message.id) ? void 0 : message.id;
+    }
   }
   return void 0;
 }
+function timelineMarkers(messages, now) {
+  let previous = null;
+  return messages.map((message) => {
+    if (message.status === "running") return null;
+    const relativeTime = formatRelativeLong(message.createdAt, now);
+    const opens = relativeTime && relativeTime !== previous ? relativeTime : null;
+    previous = relativeTime;
+    return opens;
+  });
+}
 function TimelineMarker({ label }) {
   return /* @__PURE__ */ jsx(Marker, { variant: "separator", role: "separator", "aria-label": label, children: /* @__PURE__ */ jsx(MarkerContent, { children: label }) });
 }
+function ChatRunningLine({
+  label,
+  align = "start",
+  workspace
+}) {
+  return /* @__PURE__ */ jsx(Message, { align, children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Trace, { className: workspace ? void 0 : "px-3.5 py-2", children: /* @__PURE__ */ jsx(TraceLine, { status: "running", children: /* @__PURE__ */ jsx(TraceTitle, { children: label }) }) }) }) });
+}
 var ChatThread = forwardRef(
   function ChatThread2({
     messages,
@@ -136,7 +155,7 @@ var ChatThread = forwardRef(
     attachmentAction = "open",
     className
   }, ref) {
-    const timelineNow = /* @__PURE__ */ new Date();
+    const markers = timelineMarkers(messages, /* @__PURE__ */ new Date());
     const anchorId = useArrivingUserTurnId(messages);
     const workspace = appearance === "workspace";
     return /* @__PURE__ */ jsx(MessageScrollerProvider, { autoScroll: true, children: /* @__PURE__ */ jsxs(
@@ -155,10 +174,18 @@ var ChatThread = forwardRef(
               children: [
                 messages.map((m, index) => {
                   const isUser = m.role === "user";
+                  if (m.status === "running") {
+                    return /* @__PURE__ */ jsx(MessageScrollerItem, { children: /* @__PURE__ */ jsx(
+                      ChatRunningLine,
+                      {
+                        label: m.text || pendingLabel,
+                        align: isUser ? "end" : "start",
+                        workspace
+                      }
+                    ) }, m.id);
+                  }
                   const isFullWidth = m.width === "full";
-                  const relativeTime = formatRelativeLong(m.createdAt, timelineNow);
-                  const previousRelativeTime = formatRelativeLong(messages[index - 1]?.createdAt, timelineNow);
-                  const startsTimelineSection = relativeTime && relativeTime !== previousRelativeTime;
+                  const marker = markers[index];
                   return /* @__PURE__ */ jsxs(
                     MessageScrollerItem,
                     {
@@ -166,7 +193,7 @@ var ChatThread = forwardRef(
                       scrollAnchor: m.id === anchorId,
                       className: cn("flex flex-col", workspace ? "gap-5" : "gap-3"),
                       children: [
-                        startsTimelineSection ? /* @__PURE__ */ jsx(TimelineMarker, { label: relativeTime }) : null,
+                        marker ? /* @__PURE__ */ jsx(TimelineMarker, { label: marker }) : null,
                         /* @__PURE__ */ jsx(Message, { align: isUser ? "end" : "start", children: /* @__PURE__ */ jsxs(MessageContent, { children: [
                           (m.content || m.text) && /* @__PURE__ */ jsx(
                             Bubble,
@@ -202,7 +229,7 @@ var ChatThread = forwardRef(
                     m.id
                   );
                 }),
-                pending && /* @__PURE__ */ jsx(MessageScrollerItem, { children: /* @__PURE__ */ jsx(Message, { align: "start", children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Trace, { className: workspace ? void 0 : "px-3.5 py-2", children: /* @__PURE__ */ jsx(TraceLine, { status: "running", children: /* @__PURE__ */ jsx(TraceTitle, { children: pendingLabel }) }) }) }) }) }),
+                pending && /* @__PURE__ */ jsx(MessageScrollerItem, { children: /* @__PURE__ */ jsx(ChatRunningLine, { label: pendingLabel, workspace }) }),
                 footer && // Always painted: content-visibility:auto would contain the
                 // footer's paint and layout, clipping a ring or shadow at its
                 // edge and re-parenting anything fixed inside it.

package/dist/primitives/code-block.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkVKIGJNJRcjs = require('../chunk-VKIGJNJR.cjs');
-require('../chunk-L4DH72UF.cjs');
+var _chunkENJNZ323cjs = require('../chunk-ENJNZ323.cjs');
 require('../chunk-4LXN6GLZ.cjs');
+require('../chunk-L4DH72UF.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
@@ -40,7 +40,7 @@ function CodeBlock({
       }
     ),
     copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVKIGJNJRcjs.CopyButton,
+      _chunkENJNZ323cjs.CopyButton,
       {
         text: copyText,
         label: copyLabel,

package/dist/primitives/code-block.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   CopyButton
-} from "../chunk-NW3OWKBN.js";
-import "../chunk-HQRWRRZJ.js";
+} from "../chunk-PWOQMTPX.js";
 import "../chunk-ZWZAAGQF.js";
+import "../chunk-HQRWRRZJ.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/dist/primitives/compact-app-shell.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+var _chunkJ467F76Icjs = require('../chunk-J467F76I.cjs');
 
 
 var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
@@ -24,8 +24,8 @@ var CompactAppShell = _react.forwardRef.call(void 0,
         ref,
         className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-h-0 bg-background p-4 text-foreground", widths[width], className),
         ...props,
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRSFEKQDRcjs.Stack, { gap: "md", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRSFEKQDRcjs.Stack, { gap: "xs", children: [
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ467F76Icjs.Stack, { gap: "md", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ467F76Icjs.Stack, { gap: "xs", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELBCBDTcjs.Heading, { level: 1, className: "text-base", children: title }),
             description
           ] }),

package/dist/primitives/compact-app-shell.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Stack
-} from "../chunk-6RVPQGYS.js";
+} from "../chunk-WNWBKEWV.js";
 import {
   Heading
 } from "../chunk-H2O6NMLZ.js";

package/dist/primitives/connection.cjs

@@ -12,13 +12,17 @@ var _chunkWQJKUKBLcjs = require('../chunk-WQJKUKBL.cjs');
 
 
 var _chunkWDXEJDMOcjs = require('../chunk-WDXEJDMO.cjs');
+require('../chunk-ZAITUDYD.cjs');
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
 var _chunkCTYOW3V2cjs = require('../chunk-CTYOW3V2.cjs');
-require('../chunk-ZAITUDYD.cjs');
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+var _chunk667ZCM4Xcjs = require('../chunk-667ZCM4X.cjs');
 require('../chunk-I6GUOEBO.cjs');
 
 
@@ -35,10 +39,6 @@ var _chunk23UMHZ4Scjs = require('../chunk-23UMHZ4S.cjs');
 var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
 
 
-
-var _chunk667ZCM4Xcjs = require('../chunk-667ZCM4X.cjs');
-
-
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
 
 // src/primitives/connection.tsx

package/dist/primitives/connection.js

@@ -12,13 +12,17 @@ import {
   DialogHeader,
   DialogTitle
 } from "../chunk-3QT5VYZ3.js";
-import {
-  Callout
-} from "../chunk-GL5CV4FF.js";
 import "../chunk-V4LE2HWP.js";
 import {
   Text
 } from "../chunk-EIY5LLSP.js";
+import {
+  Callout
+} from "../chunk-GL5CV4FF.js";
+import {
+  Alert,
+  AlertDescription
+} from "../chunk-R4AIM3BQ.js";
 import "../chunk-D4ZL2OEQ.js";
 import {
   AlertDialog,
@@ -33,10 +37,6 @@ import {
 import {
   buttonVariants
 } from "../chunk-HQRWRRZJ.js";
-import {
-  Alert,
-  AlertDescription
-} from "../chunk-R4AIM3BQ.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/dist/primitives/copy-button.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkVKIGJNJRcjs = require('../chunk-VKIGJNJR.cjs');
-require('../chunk-L4DH72UF.cjs');
+var _chunkENJNZ323cjs = require('../chunk-ENJNZ323.cjs');
 require('../chunk-4LXN6GLZ.cjs');
+require('../chunk-L4DH72UF.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.CopyButton = _chunkVKIGJNJRcjs.CopyButton;
+exports.CopyButton = _chunkENJNZ323cjs.CopyButton;

package/dist/primitives/copy-button.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   CopyButton
-} from "../chunk-NW3OWKBN.js";
-import "../chunk-HQRWRRZJ.js";
+} from "../chunk-PWOQMTPX.js";
 import "../chunk-ZWZAAGQF.js";
+import "../chunk-HQRWRRZJ.js";
 import "../chunk-G6SRSWXB.js";
 export {
   CopyButton

package/dist/primitives/decision-actions.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+var _chunkJ467F76Icjs = require('../chunk-J467F76I.cjs');
 
 
 var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
@@ -23,7 +23,7 @@ function DecisionActions({
 }) {
   const fill = layout === "fill";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkRSFEKQDRcjs.Stack,
+    _chunkJ467F76Icjs.Stack,
     {
       direction: "horizontal",
       gap: "sm",

package/dist/primitives/decision-actions.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   Stack
-} from "../chunk-6RVPQGYS.js";
+} from "../chunk-WNWBKEWV.js";
 import {
   Button
 } from "../chunk-HQRWRRZJ.js";

package/dist/primitives/editable-list.cjs

@@ -2,6 +2,7 @@
 
 
 var _chunkW5I4FN7Gcjs = require('../chunk-W5I4FN7G.cjs');
+require('../chunk-EJP2L5QV.cjs');
 
 
 var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
@@ -11,7 +12,6 @@ var _chunkPQUSJEXLcjs = require('../chunk-PQUSJEXL.cjs');
 
 
 var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
-require('../chunk-EJP2L5QV.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/editable-list.js

@@ -2,6 +2,7 @@
 import {
   SentimentDot
 } from "../chunk-YWAQRAXP.js";
+import "../chunk-F7JHSZNT.js";
 import {
   Text
 } from "../chunk-EIY5LLSP.js";
@@ -11,7 +12,6 @@ import {
 import {
   Button
 } from "../chunk-HQRWRRZJ.js";
-import "../chunk-F7JHSZNT.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/dist/primitives/file-dropzone.cjs

@@ -5,9 +5,9 @@
 
 
 
-var _chunkKADJ56AHcjs = require('../chunk-KADJ56AH.cjs');
-require('../chunk-373W6VAD.cjs');
+var _chunk6OTAGP2Icjs = require('../chunk-6OTAGP2I.cjs');
 require('../chunk-U2NES7VR.cjs');
+require('../chunk-373W6VAD.cjs');
 require('../chunk-L4DH72UF.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
@@ -15,4 +15,4 @@ require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.FileDropArea = _chunkKADJ56AHcjs.FileDropArea; exports.FileDropzone = _chunkKADJ56AHcjs.FileDropzone; exports.installFileDropGuard = _chunkKADJ56AHcjs.installFileDropGuard; exports.useFileDropGuard = _chunkKADJ56AHcjs.useFileDropGuard;
+exports.FileDropArea = _chunk6OTAGP2Icjs.FileDropArea; exports.FileDropzone = _chunk6OTAGP2Icjs.FileDropzone; exports.installFileDropGuard = _chunk6OTAGP2Icjs.installFileDropGuard; exports.useFileDropGuard = _chunk6OTAGP2Icjs.useFileDropGuard;

package/dist/primitives/file-dropzone.js

@@ -5,9 +5,9 @@ import {
   FileDropzone,
   installFileDropGuard,
   useFileDropGuard
-} from "../chunk-M7FYGAGO.js";
-import "../chunk-EIY5LLSP.js";
+} from "../chunk-EHKMVJ6O.js";
 import "../chunk-ZRLUUZHK.js";
+import "../chunk-EIY5LLSP.js";
 import "../chunk-HQRWRRZJ.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/dist/primitives/filter-bar.cjs

@@ -2,19 +2,19 @@
 "use client";
 
 
-var _chunkSGW4FWBXcjs = require('../chunk-SGW4FWBX.cjs');
+var _chunkCYH63OCLcjs = require('../chunk-CYH63OCL.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
-require('../chunk-R5L4CM6V.cjs');
 require('../chunk-JH4GAGOQ.cjs');
 require('../chunk-V5SPFLKW.cjs');
+require('../chunk-R5L4CM6V.cjs');
+require('../chunk-R35FT53G.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-L4DH72UF.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.FilterBar = _chunkSGW4FWBXcjs.FilterBar;
+exports.FilterBar = _chunkCYH63OCLcjs.FilterBar;

package/dist/primitives/filter-bar.js

@@ -2,18 +2,18 @@
 "use client";
 import {
   FilterBar
-} from "../chunk-MLHNYRFX.js";
+} from "../chunk-PVZ4JGDU.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
-import "../chunk-RRRD5EUI.js";
 import "../chunk-OICAYRVH.js";
 import "../chunk-J6NXDZR5.js";
+import "../chunk-RRRD5EUI.js";
+import "../chunk-PIU5SSUV.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-HQRWRRZJ.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-G6SRSWXB.js";
 export {
   FilterBar

package/dist/primitives/resource-list.cjs

@@ -2,27 +2,27 @@
 "use client";
 
 
-var _chunkIH3COANJcjs = require('../chunk-IH3COANJ.cjs');
+var _chunkN6V3DDKUcjs = require('../chunk-N6V3DDKU.cjs');
 require('../chunk-PNWNU6JW.cjs');
 require('../chunk-FNDBM67K.cjs');
-require('../chunk-SGW4FWBX.cjs');
+require('../chunk-CYH63OCL.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
-require('../chunk-LELBCBDT.cjs');
-require('../chunk-R5L4CM6V.cjs');
 require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.cjs');
+require('../chunk-LELBCBDT.cjs');
 require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
+require('../chunk-R5L4CM6V.cjs');
+require('../chunk-R35FT53G.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-VBPPFC7X.cjs');
 require('../chunk-L4DH72UF.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.ResourceList = _chunkIH3COANJcjs.ResourceList;
+exports.ResourceList = _chunkN6V3DDKUcjs.ResourceList;

package/dist/primitives/resource-list.js

@@ -2,26 +2,26 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-HRLP4BHJ.js";
+} from "../chunk-KYQPX754.js";
 import "../chunk-LI5EOSQG.js";
 import "../chunk-J3GQXM37.js";
-import "../chunk-MLHNYRFX.js";
+import "../chunk-PVZ4JGDU.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
-import "../chunk-H2O6NMLZ.js";
-import "../chunk-RRRD5EUI.js";
 import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.js";
+import "../chunk-H2O6NMLZ.js";
 import "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";
+import "../chunk-RRRD5EUI.js";
+import "../chunk-PIU5SSUV.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-YEW65ASC.js";
 import "../chunk-HQRWRRZJ.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-G6SRSWXB.js";
 export {
   ResourceList

package/dist/primitives/section.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
 
 
-var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/section.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  Text
-} from "../chunk-EIY5LLSP.js";
 import {
   Heading
 } from "../chunk-H2O6NMLZ.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/dist/primitives/stack.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+var _chunkJ467F76Icjs = require('../chunk-J467F76I.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.Stack = _chunkRSFEKQDRcjs.Stack;
+exports.Stack = _chunkJ467F76Icjs.Stack;

package/dist/primitives/stack.d.cts

@@ -5,9 +5,13 @@ import { HTMLAttributes, ElementType } from 'react';
  * Stack — flex container with a canonical gap scale.
  *
  * Consumers stop guessing between `gap-2`, `gap-3`, `gap-4`, etc.
- * Five sizes map to the shared spacing scale from no gap through large.
+ * Eight sizes map to the shared spacing scale: `none` (0), `xs` (0.25rem),
+ * `sm` (0.5rem), `compact` (0.75rem), `md` (1rem), `lg` (1.5rem), `xl`
+ * (2.5rem) and `2xl` (4.5rem). `xl` and `2xl` set blocks apart, such as a card
+ * that follows a paragraph and should read as its own block rather than the
+ * paragraph's continuation.
  */
-type StackGap = "none" | "xs" | "sm" | "compact" | "md" | "lg";
+type StackGap = "none" | "xs" | "sm" | "compact" | "md" | "lg" | "xl" | "2xl";
 type StackDirection = "vertical" | "horizontal";
 interface StackProps extends HTMLAttributes<HTMLElement> {
     gap?: StackGap;

package/dist/primitives/stack.d.ts

@@ -5,9 +5,13 @@ import { HTMLAttributes, ElementType } from 'react';
  * Stack — flex container with a canonical gap scale.
  *
  * Consumers stop guessing between `gap-2`, `gap-3`, `gap-4`, etc.
- * Five sizes map to the shared spacing scale from no gap through large.
+ * Eight sizes map to the shared spacing scale: `none` (0), `xs` (0.25rem),
+ * `sm` (0.5rem), `compact` (0.75rem), `md` (1rem), `lg` (1.5rem), `xl`
+ * (2.5rem) and `2xl` (4.5rem). `xl` and `2xl` set blocks apart, such as a card
+ * that follows a paragraph and should read as its own block rather than the
+ * paragraph's continuation.
  */
-type StackGap = "none" | "xs" | "sm" | "compact" | "md" | "lg";
+type StackGap = "none" | "xs" | "sm" | "compact" | "md" | "lg" | "xl" | "2xl";
 type StackDirection = "vertical" | "horizontal";
 interface StackProps extends HTMLAttributes<HTMLElement> {
     gap?: StackGap;

package/dist/primitives/stack.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Stack
-} from "../chunk-6RVPQGYS.js";
+} from "../chunk-WNWBKEWV.js";
 import "../chunk-G6SRSWXB.js";
 export {
   Stack

package/dist/primitives/switch-field.cjs

@@ -7,10 +7,10 @@ var _chunk2XDFTB2Wcjs = require('../chunk-2XDFTB2W.cjs');
 var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
 
 
-var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/switch-field.js

@@ -5,12 +5,12 @@ import {
 import {
   Card
 } from "../chunk-35YMAIEL.js";
-import {
-  Text
-} from "../chunk-EIY5LLSP.js";
 import {
   Label
 } from "../chunk-E2TQMDO7.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/package.json

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