@epicbagel/saas-kit 1.2.0 → 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/alert.d.cts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     marginBottom?: "none" | "md";

package/dist/primitives/alert.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     marginBottom?: "none" | "md";

package/dist/primitives/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/bubble.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "default" | "muted" | "ghost" | "secondary" | "destructive" | "outline" | "tinted" | null | undefined;
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";

package/dist/primitives/bubble.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "default" | "muted" | "ghost" | "secondary" | "destructive" | "outline" | "tinted" | null | undefined;
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";

package/dist/primitives/button.d.cts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "ghost" | "secondary" | "destructive" | "outline" | "outline-muted" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "tone" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;

package/dist/primitives/button.d.ts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "ghost" | "secondary" | "destructive" | "outline" | "outline-muted" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "tone" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;

package/dist/primitives/chat.cjs

@@ -150,7 +150,7 @@ var ChatThread = _react.forwardRef.call(void 0,
             _chunkXABXUP6Lcjs.MessageScrollerContent,
             {
               className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                workspace ? "mx-auto w-full max-w-3xl gap-7 px-4 py-6 md:px-6 md:py-8" : "gap-2.5 px-px py-px"
+                workspace ? "mx-auto w-full max-w-3xl gap-10 px-4 py-6 md:px-6 md:py-8" : "gap-2.5 px-px py-px"
               ),
               children: [
                 messages.map((m, index) => {
@@ -164,7 +164,7 @@ var ChatThread = _react.forwardRef.call(void 0,
                     {
                       messageId: m.id,
                       scrollAnchor: m.id === anchorId,
-                      className: "flex flex-col gap-3",
+                      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex flex-col", workspace ? "gap-5" : "gap-3"),
                       children: [
                         startsTimelineSection ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimelineMarker, { label: relativeTime }) : null,
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2AU7ZRGXcjs.Message, { align: isUser ? "end" : "start", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2AU7ZRGXcjs.MessageContent, { children: [

package/dist/primitives/chat.js

@@ -150,7 +150,7 @@ var ChatThread = forwardRef(
             MessageScrollerContent,
             {
               className: cn(
-                workspace ? "mx-auto w-full max-w-3xl gap-7 px-4 py-6 md:px-6 md:py-8" : "gap-2.5 px-px py-px"
+                workspace ? "mx-auto w-full max-w-3xl gap-10 px-4 py-6 md:px-6 md:py-8" : "gap-2.5 px-px py-px"
               ),
               children: [
                 messages.map((m, index) => {
@@ -164,7 +164,7 @@ var ChatThread = forwardRef(
                     {
                       messageId: m.id,
                       scrollAnchor: m.id === anchorId,
-                      className: "flex flex-col gap-3",
+                      className: cn("flex flex-col", workspace ? "gap-5" : "gap-3"),
                       children: [
                         startsTimelineSection ? /* @__PURE__ */ jsx(TimelineMarker, { label: relativeTime }) : null,
                         /* @__PURE__ */ jsx(Message, { align: isUser ? "end" : "start", children: /* @__PURE__ */ jsxs(MessageContent, { children: [

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.0",
+  "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": [