@epicbagel/saas-kit 1.36.0 → 1.36.1

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-I6IFBKCL.cjs → chunk-VWMNAIDX.cjs}

@@ -8,6 +8,7 @@ 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",
@@ -29,7 +30,8 @@ function CodeBlock({
       "pre",
       {
         className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
+          "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
@@ -37,15 +39,28 @@ function CodeBlock({
         children
       }
     ),
-    copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAYH5TTLDcjs.CopyButton,
-      {
-        text: copyText,
-        label: copyLabel,
-        size: "sm",
-        variant: "ghost",
-        className: "absolute right-1.5 top-1.5"
-      }
+    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
   ] });
 }

package/dist/primitives/code-block.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkI6IFBKCLcjs = require('../chunk-I6IFBKCL.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 = _chunkI6IFBKCLcjs.CodeBlock;
+exports.CodeBlock = _chunkVWMNAIDXcjs.CodeBlock;

package/dist/primitives/code-block.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   CodeBlock
-} from "../chunk-DMX7LQ6D.js";
+} from "../chunk-OABDSR7G.js";
 import "../chunk-AL3FBR36.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

package/dist/primitives/file-preview.cjs

@@ -17,7 +17,7 @@ require('../chunk-ELPV44S6.cjs');
 require('../chunk-2BHI5ZWJ.cjs');
 
 
-var _chunkI6IFBKCLcjs = require('../chunk-I6IFBKCL.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, _chunkI6IFBKCLcjs.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,7 +17,7 @@ import "../chunk-INNGGLMZ.js";
 import "../chunk-4HWCNRK4.js";
 import {
   CodeBlock
-} from "../chunk-DMX7LQ6D.js";
+} from "../chunk-OABDSR7G.js";
 import "../chunk-AL3FBR36.js";
 import "../chunk-3QT5VYZ3.js";
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.36.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-DMX7LQ6D.js

@@ -1,55 +0,0 @@
-"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 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
-};