@epicbagel/saas-kit 1.2.1 → 1.2.2

package/dist/{chunk-RSFEKQDR.cjs → chunk-J467F76I.cjs}

@@ -12,7 +12,9 @@ var gapStyles = {
   sm: "gap-2",
   compact: "gap-3",
   md: "gap-4",
-  lg: "gap-6"
+  lg: "gap-6",
+  xl: "gap-10",
+  "2xl": "gap-18"
 };
 var directionStyles = {
   vertical: "flex flex-col",

package/dist/{chunk-6RVPQGYS.js → chunk-WNWBKEWV.js}

@@ -12,7 +12,9 @@ var gapStyles = {
   sm: "gap-2",
   compact: "gap-3",
   md: "gap-4",
-  lg: "gap-6"
+  lg: "gap-6",
+  xl: "gap-10",
+  "2xl": "gap-18"
 };
 var directionStyles = {
   vertical: "flex flex-col",

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/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/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/package.json

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