@epicbagel/saas-kit 1.35.0 → 1.36.1

package/dist/{chunk-DILYV4FI.js → chunk-AL3FBR36.js}

@@ -2,9 +2,6 @@
 import {
   Button
 } from "./chunk-W326GKML.js";
-import {
-  cn
-} from "./chunk-G6SRSWXB.js";
 import {
   useCopyToClipboard
 } from "./chunk-ZWZAAGQF.js";
@@ -13,6 +10,15 @@ import {
 import { forwardRef } from "react";
 import { Check, Copy } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var ICON_SIZES = /* @__PURE__ */ new Set([
+  "icon",
+  "icon-lg",
+  "icon-sm",
+  "icon-md",
+  "icon-xs",
+  "icon-compact",
+  "icon-micro"
+]);
 var CopyButton = forwardRef(
   function CopyButton2({
     text,
@@ -27,7 +33,7 @@ var CopyButton = forwardRef(
   }, ref) {
     const { copied, copy } = useCopyToClipboard({ resetAfter });
     const iconOnly = label == null;
-    const resolvedSize = size ?? (iconOnly ? "icon" : "sm");
+    const resolvedSize = iconOnly ? size != null && ICON_SIZES.has(size) ? size : "icon-compact" : size ?? "sm";
     return /* @__PURE__ */ jsxs(
       Button,
       {
@@ -35,7 +41,7 @@ var CopyButton = forwardRef(
         type: "button",
         variant,
         size: resolvedSize,
-        className: cn(iconOnly ? "h-7 w-7" : void 0, className),
+        className,
         onClick: async (e) => {
           e.stopPropagation();
           const ok = await copy(text);
@@ -44,7 +50,7 @@ var CopyButton = forwardRef(
         "aria-label": iconOnly ? "Copy" : void 0,
         ...rest,
         children: [
-          copied ? /* @__PURE__ */ jsx(Check, { className: cn("h-4 w-4", !iconOnly && "mr-1.5") }) : /* @__PURE__ */ jsx(Copy, { className: cn("h-4 w-4", !iconOnly && "mr-1.5") }),
+          copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
           !iconOnly && (copied ? copiedLabel ?? label : label)
         ]
       }

package/dist/{chunk-FARCLWLU.cjs → chunk-AYH5TTLD.cjs}

@@ -4,15 +4,21 @@
 var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
-var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
-
-
 var _chunk4LXN6GLZcjs = require('./chunk-4LXN6GLZ.cjs');
 
 // src/primitives/copy-button.tsx
 var _react = require('react');
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
+var ICON_SIZES = /* @__PURE__ */ new Set([
+  "icon",
+  "icon-lg",
+  "icon-sm",
+  "icon-md",
+  "icon-xs",
+  "icon-compact",
+  "icon-micro"
+]);
 var CopyButton = _react.forwardRef.call(void 0, 
   function CopyButton2({
     text,
@@ -27,7 +33,7 @@ var CopyButton = _react.forwardRef.call(void 0,
   }, ref) {
     const { copied, copy } = _chunk4LXN6GLZcjs.useCopyToClipboard.call(void 0, { resetAfter });
     const iconOnly = label == null;
-    const resolvedSize = _nullishCoalesce(size, () => ( (iconOnly ? "icon" : "sm")));
+    const resolvedSize = iconOnly ? size != null && ICON_SIZES.has(size) ? size : "icon-compact" : _nullishCoalesce(size, () => ( "sm"));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       _chunkJDEXZGIYcjs.Button,
       {
@@ -35,7 +41,7 @@ var CopyButton = _react.forwardRef.call(void 0,
         type: "button",
         variant,
         size: resolvedSize,
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, iconOnly ? "h-7 w-7" : void 0, className),
+        className,
         onClick: async (e) => {
           e.stopPropagation();
           const ok = await copy(text);
@@ -44,7 +50,7 @@ var CopyButton = _react.forwardRef.call(void 0,
         "aria-label": iconOnly ? "Copy" : void 0,
         ...rest,
         children: [
-          copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: _chunkKWLSBTB2cjs.cn.call(void 0, "h-4 w-4", !iconOnly && "mr-1.5") }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Copy, { className: _chunkKWLSBTB2cjs.cn.call(void 0, "h-4 w-4", !iconOnly && "mr-1.5") }),
+          copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Copy, {}),
           !iconOnly && (copied ? _nullishCoalesce(copiedLabel, () => ( label)) : label)
         ]
       }

package/dist/chunk-OABDSR7G.js

@@ -0,0 +1,70 @@
+"use client";
+import {
+  CopyButton
+} from "./chunk-AL3FBR36.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/code-block.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CODE_TYPE = "font-mono text-xs leading-relaxed";
+var HEIGHTS = {
+  none: "",
+  sm: "max-h-40 overflow-y-auto",
+  md: "max-h-64 overflow-y-auto",
+  lg: "max-h-96 overflow-y-auto",
+  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
+};
+function CodeBlock({
+  children,
+  copy,
+  copyLabel,
+  wrap = false,
+  maxHeight = "none",
+  className
+}) {
+  const copyText = typeof copy === "string" ? copy : children;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: cn(
+          "rounded-md border border-border bg-muted/40 p-3",
+          CODE_TYPE,
+          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
+          HEIGHTS[maxHeight],
+          copy ? "pr-12" : void 0
+        ),
+        children
+      }
+    ),
+    copy ? (
+      // The copy button sits on the first line of code: this box is that
+      // line (the block's border and padding down from the top, one line
+      // of the block's own type high), and the button is centred in it.
+      // So its glyph shares the first line's centre whatever the button's
+      // size, the type's or the viewport's, with no offset to keep in step.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "code-block-copy",
+          className: cn(CODE_TYPE, "pointer-events-none absolute right-1.5 top-3 mt-px flex h-[1lh] items-center"),
+          children: /* @__PURE__ */ jsx(
+            CopyButton,
+            {
+              text: copyText,
+              label: copyLabel,
+              variant: "ghost",
+              className: "pointer-events-auto"
+            }
+          )
+        }
+      )
+    ) : null
+  ] });
+}
+
+export {
+  CodeBlock
+};

package/dist/chunk-VWMNAIDX.cjs

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkAYH5TTLDcjs = require('./chunk-AYH5TTLD.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/code-block.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CODE_TYPE = "font-mono text-xs leading-relaxed";
+var HEIGHTS = {
+  none: "",
+  sm: "max-h-40 overflow-y-auto",
+  md: "max-h-64 overflow-y-auto",
+  lg: "max-h-96 overflow-y-auto",
+  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
+};
+function CodeBlock({
+  children,
+  copy,
+  copyLabel,
+  wrap = false,
+  maxHeight = "none",
+  className
+}) {
+  const copyText = typeof copy === "string" ? copy : children;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "relative", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "pre",
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "rounded-md border border-border bg-muted/40 p-3",
+          CODE_TYPE,
+          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
+          HEIGHTS[maxHeight],
+          copy ? "pr-12" : void 0
+        ),
+        children
+      }
+    ),
+    copy ? (
+      // The copy button sits on the first line of code: this box is that
+      // line (the block's border and padding down from the top, one line
+      // of the block's own type high), and the button is centred in it.
+      // So its glyph shares the first line's centre whatever the button's
+      // size, the type's or the viewport's, with no offset to keep in step.
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          "data-slot": "code-block-copy",
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, CODE_TYPE, "pointer-events-none absolute right-1.5 top-3 mt-px flex h-[1lh] items-center"),
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkAYH5TTLDcjs.CopyButton,
+            {
+              text: copyText,
+              label: copyLabel,
+              variant: "ghost",
+              className: "pointer-events-auto"
+            }
+          )
+        }
+      )
+    ) : null
+  ] });
+}
+
+
+
+exports.CodeBlock = CodeBlock;

package/dist/primitives/code-block.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkBGCNGYPLcjs = require('../chunk-BGCNGYPL.cjs');
-require('../chunk-FARCLWLU.cjs');
+var _chunkVWMNAIDXcjs = require('../chunk-VWMNAIDX.cjs');
+require('../chunk-AYH5TTLD.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-4LXN6GLZ.cjs');
 
 
-exports.CodeBlock = _chunkBGCNGYPLcjs.CodeBlock;
+exports.CodeBlock = _chunkVWMNAIDXcjs.CodeBlock;

package/dist/primitives/code-block.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   CodeBlock
-} from "../chunk-HTPPNW74.js";
-import "../chunk-DILYV4FI.js";
+} from "../chunk-OABDSR7G.js";
+import "../chunk-AL3FBR36.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-ZWZAAGQF.js";

package/dist/primitives/copy-button.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkFARCLWLUcjs = require('../chunk-FARCLWLU.cjs');
+var _chunkAYH5TTLDcjs = require('../chunk-AYH5TTLD.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-4LXN6GLZ.cjs');
 
 
-exports.CopyButton = _chunkFARCLWLUcjs.CopyButton;
+exports.CopyButton = _chunkAYH5TTLDcjs.CopyButton;

package/dist/primitives/copy-button.d.cts

@@ -9,6 +9,15 @@ interface CopyButtonProps extends Omit<ButtonProps, "onClick" | "children"> {
     text: string;
     /** Optional label shown next to the icon. Omit for an icon-only button. */
     label?: ReactNode;
+    /**
+     * The Button size. With a `label` it is a text button, `sm` by default.
+     * With no label it is an icon button: `icon-compact` (28px) by default,
+     * and any of the Button's icon sizes as given, so beside other icon
+     * buttons it takes theirs (`size="icon"`) and shares their centre line. A
+     * text size on a button with no text means nothing, and is read as the
+     * default.
+     */
+    size?: ButtonProps["size"];
     /** Label shown after a successful copy. Defaults to `label`. */
     copiedLabel?: ReactNode;
     /** ms before the success state reverts. Defaults to 2000. */

package/dist/primitives/copy-button.d.ts

@@ -9,6 +9,15 @@ interface CopyButtonProps extends Omit<ButtonProps, "onClick" | "children"> {
     text: string;
     /** Optional label shown next to the icon. Omit for an icon-only button. */
     label?: ReactNode;
+    /**
+     * The Button size. With a `label` it is a text button, `sm` by default.
+     * With no label it is an icon button: `icon-compact` (28px) by default,
+     * and any of the Button's icon sizes as given, so beside other icon
+     * buttons it takes theirs (`size="icon"`) and shares their centre line. A
+     * text size on a button with no text means nothing, and is read as the
+     * default.
+     */
+    size?: ButtonProps["size"];
     /** Label shown after a successful copy. Defaults to `label`. */
     copiedLabel?: ReactNode;
     /** ms before the success state reverts. Defaults to 2000. */

package/dist/primitives/copy-button.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyButton
-} from "../chunk-DILYV4FI.js";
+} from "../chunk-AL3FBR36.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-ZWZAAGQF.js";

package/dist/primitives/file-preview.cjs

@@ -17,8 +17,8 @@ require('../chunk-ELPV44S6.cjs');
 require('../chunk-2BHI5ZWJ.cjs');
 
 
-var _chunkBGCNGYPLcjs = require('../chunk-BGCNGYPL.cjs');
-require('../chunk-FARCLWLU.cjs');
+var _chunkVWMNAIDXcjs = require('../chunk-VWMNAIDX.cjs');
+require('../chunk-AYH5TTLD.cjs');
 require('../chunk-WDXEJDMO.cjs');
 
 
@@ -281,7 +281,7 @@ function FilePreviewBody({
       kind === "markdown" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKENBU3NVcjs.LazyMarkdown, { components: { a: NewTabLink, ...markdownComponents }, children: text.text }) : (
         // The theme's relaxed leading is a fixed 1.8rem, which spaces a
         // file's small monospace lines apart; read it at 20px lines.
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBGCNGYPLcjs.CodeBlock, { wrap: true, className: "[&>pre]:leading-5", children: text.text })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVWMNAIDXcjs.CodeBlock, { wrap: true, className: "[&>pre]:leading-5", children: text.text })
       )
     ] });
   }

package/dist/primitives/file-preview.js

@@ -17,8 +17,8 @@ import "../chunk-INNGGLMZ.js";
 import "../chunk-4HWCNRK4.js";
 import {
   CodeBlock
-} from "../chunk-HTPPNW74.js";
-import "../chunk-DILYV4FI.js";
+} from "../chunk-OABDSR7G.js";
+import "../chunk-AL3FBR36.js";
 import "../chunk-3QT5VYZ3.js";
 import {
   Text

package/package.json

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

package/dist/chunk-BGCNGYPL.cjs

@@ -1,55 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _chunkFARCLWLUcjs = require('./chunk-FARCLWLU.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
-
-// src/primitives/code-block.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var HEIGHTS = {
-  none: "",
-  sm: "max-h-40 overflow-y-auto",
-  md: "max-h-64 overflow-y-auto",
-  lg: "max-h-96 overflow-y-auto",
-  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
-};
-function CodeBlock({
-  children,
-  copy,
-  copyLabel,
-  wrap = false,
-  maxHeight = "none",
-  className
-}) {
-  const copyText = typeof copy === "string" ? copy : children;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "relative", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "pre",
-      {
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
-          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
-          HEIGHTS[maxHeight],
-          copy ? "pr-12" : void 0
-        ),
-        children
-      }
-    ),
-    copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFARCLWLUcjs.CopyButton,
-      {
-        text: copyText,
-        label: copyLabel,
-        size: "sm",
-        variant: "ghost",
-        className: "absolute right-1.5 top-1.5"
-      }
-    ) : null
-  ] });
-}
-
-
-
-exports.CodeBlock = CodeBlock;

package/dist/chunk-HTPPNW74.js

@@ -1,55 +0,0 @@
-"use client";
-import {
-  CopyButton
-} from "./chunk-DILYV4FI.js";
-import {
-  cn
-} from "./chunk-G6SRSWXB.js";
-
-// src/primitives/code-block.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var HEIGHTS = {
-  none: "",
-  sm: "max-h-40 overflow-y-auto",
-  md: "max-h-64 overflow-y-auto",
-  lg: "max-h-96 overflow-y-auto",
-  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
-};
-function CodeBlock({
-  children,
-  copy,
-  copyLabel,
-  wrap = false,
-  maxHeight = "none",
-  className
-}) {
-  const copyText = typeof copy === "string" ? copy : children;
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx(
-      "pre",
-      {
-        className: cn(
-          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
-          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
-          HEIGHTS[maxHeight],
-          copy ? "pr-12" : void 0
-        ),
-        children
-      }
-    ),
-    copy ? /* @__PURE__ */ jsx(
-      CopyButton,
-      {
-        text: copyText,
-        label: copyLabel,
-        size: "sm",
-        variant: "ghost",
-        className: "absolute right-1.5 top-1.5"
-      }
-    ) : null
-  ] });
-}
-
-export {
-  CodeBlock
-};