@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/primitives/marketing-section.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * MarketingSection — the canonical container every landing-page section
+ * sits in. Codifies the shared rhythm across the app portfolio: a
+ * centered max-width inner column, responsive horizontal padding, a
+ * vertical padding scale, and the three background "tones" the apps
+ * alternate between (default / muted band / inverted dark band).
+ *
+ * Server-safe; compose the section primitives (Hero, FeatureGrid, …)
+ * or arbitrary children inside it.
+ */
+declare const sectionVariants: (props?: ({
+    tone?: "default" | "muted" | "inverted" | null | undefined;
+    padding?: "none" | "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const widthClass: {
+    readonly narrow: "max-w-3xl";
+    readonly wide: "max-w-5xl";
+    readonly widest: "max-w-6xl";
+};
+interface MarketingSectionProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
+    /** Inner column max-width. narrow=prose/hero, wide=header/footer, widest=grids. */
+    width?: keyof typeof widthClass;
+    /** Override the rendered element. Defaults to <section>. */
+    as?: ElementType;
+    /** Extra classes on the centered inner column (not the full-bleed band). */
+    innerClassName?: string;
+}
+declare const MarketingSection: React.ForwardRefExoticComponent<MarketingSectionProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingSection, type MarketingSectionProps };

package/dist/primitives/marketing-section.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  MarketingSection
+} from "../chunk-TUQVHPSI.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  MarketingSection
+};

package/dist/primitives/marketing-shell.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/marketing-shell.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var MarketingShell = _react.forwardRef.call(void 0, 
+  function MarketingShell2({ surface = "default", printSurface = "preserve", className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "main",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex min-h-screen flex-col text-foreground",
+          surface === "default" ? "bg-background" : "bg-muted/40",
+          printSurface === "default" && "print:bg-background",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+exports.MarketingShell = MarketingShell;

package/dist/primitives/marketing-shell.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface MarketingShellProps extends HTMLAttributes<HTMLElement> {
+    surface?: "default" | "muted";
+    printSurface?: "preserve" | "default";
+}
+/**
+ * Full-height outer container for public marketing, legal, and editorial
+ * routes. Header, sections, and footer remain independently composable.
+ */
+declare const MarketingShell: React.ForwardRefExoticComponent<MarketingShellProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingShell, type MarketingShellProps };

package/dist/primitives/marketing-shell.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface MarketingShellProps extends HTMLAttributes<HTMLElement> {
+    surface?: "default" | "muted";
+    printSurface?: "preserve" | "default";
+}
+/**
+ * Full-height outer container for public marketing, legal, and editorial
+ * routes. Header, sections, and footer remain independently composable.
+ */
+declare const MarketingShell: React.ForwardRefExoticComponent<MarketingShellProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingShell, type MarketingShellProps };

package/dist/primitives/marketing-shell.js

@@ -0,0 +1,28 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/marketing-shell.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var MarketingShell = forwardRef(
+  function MarketingShell2({ surface = "default", printSurface = "preserve", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "main",
+      {
+        ref,
+        className: cn(
+          "flex min-h-screen flex-col text-foreground",
+          surface === "default" ? "bg-background" : "bg-muted/40",
+          printSurface === "default" && "print:bg-background",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+export {
+  MarketingShell
+};

package/dist/primitives/notes.cjs

@@ -11,15 +11,15 @@ var _chunkVKYRB37Ocjs = require('../chunk-VKYRB37O.cjs');
 var _chunkJ467F76Icjs = require('../chunk-J467F76I.cjs');
 
 
-var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
-
-
 var _chunk2HV2KKOEcjs = require('../chunk-2HV2KKOE.cjs');
 
 
 var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
+var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
+
+
 var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
 require('../chunk-VGTINL5Q.cjs');
 

package/dist/primitives/notes.js

@@ -9,15 +9,15 @@ import {
 import {
   Stack
 } from "../chunk-WNWBKEWV.js";
-import {
-  Card
-} from "../chunk-35YMAIEL.js";
 import {
   Textarea
 } from "../chunk-6FC65AZQ.js";
 import {
   Text
 } from "../chunk-EIY5LLSP.js";
+import {
+  Card
+} from "../chunk-35YMAIEL.js";
 import {
   Icon
 } from "../chunk-KN4RPX35.js";

package/dist/primitives/page-header.cjs

@@ -1,72 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+var _chunkY6X6XDHEcjs = require('../chunk-Y6X6XDHE.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/page-header.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function PageHeader({
-  eyebrow,
-  title,
-  description,
-  children,
-  size = "default",
-  actionsLayout = "inline",
-  spacing = "default",
-  responsiveVisibility = "always",
-  className
-}) {
-  const display = size === "display";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex items-start justify-between gap-4",
-        spacing === "default" && (display ? "mb-8 md:mb-10" : "mb-6"),
-        spacing === "compact" && "mb-4",
-        display && "flex-col gap-6 sm:flex-row sm:gap-4",
-        actionsLayout === "responsive" && "flex-wrap gap-y-3 [&>div:last-child]:w-full [&>div:last-child]:justify-end sm:[&>div:last-child]:w-auto",
-        responsiveVisibility === "desktop" && "hidden md:flex",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0 flex-1", display ? "space-y-2" : "space-y-1.5"), children: [
-          eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-mono text-xs uppercase tracking-widest text-muted-foreground", children: eyebrow }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "h1",
-            {
-              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                "font-semibold tracking-tight",
-                size === "display" ? "text-4xl leading-none md:text-6xl md:leading-none" : "text-2xl md:text-3xl"
-              ),
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "p",
-            {
-              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                "max-w-[72ch] text-muted-foreground",
-                size === "display" ? "text-base md:text-lg" : "text-sm"
-              ),
-              children: description
-            }
-          )
-        ] }),
-        children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-              "flex shrink-0 items-center gap-2",
-              size === "display" ? "w-full flex-wrap sm:mt-0.5 sm:w-auto sm:flex-nowrap md:mt-1" : "mt-1"
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
-}
 
-
-exports.PageHeader = PageHeader;
+exports.PageHeader = _chunkY6X6XDHEcjs.PageHeader;

package/dist/primitives/page-header.js

@@ -1,72 +1,8 @@
 "use client";
 import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/page-header.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function PageHeader({
-  eyebrow,
-  title,
-  description,
-  children,
-  size = "default",
-  actionsLayout = "inline",
-  spacing = "default",
-  responsiveVisibility = "always",
-  className
-}) {
-  const display = size === "display";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex items-start justify-between gap-4",
-        spacing === "default" && (display ? "mb-8 md:mb-10" : "mb-6"),
-        spacing === "compact" && "mb-4",
-        display && "flex-col gap-6 sm:flex-row sm:gap-4",
-        actionsLayout === "responsive" && "flex-wrap gap-y-3 [&>div:last-child]:w-full [&>div:last-child]:justify-end sm:[&>div:last-child]:w-auto",
-        responsiveVisibility === "desktop" && "hidden md:flex",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", display ? "space-y-2" : "space-y-1.5"), children: [
-          eyebrow && /* @__PURE__ */ jsx("p", { className: "font-mono text-xs uppercase tracking-widest text-muted-foreground", children: eyebrow }),
-          /* @__PURE__ */ jsx(
-            "h1",
-            {
-              className: cn(
-                "font-semibold tracking-tight",
-                size === "display" ? "text-4xl leading-none md:text-6xl md:leading-none" : "text-2xl md:text-3xl"
-              ),
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                "max-w-[72ch] text-muted-foreground",
-                size === "display" ? "text-base md:text-lg" : "text-sm"
-              ),
-              children: description
-            }
-          )
-        ] }),
-        children && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex shrink-0 items-center gap-2",
-              size === "display" ? "w-full flex-wrap sm:mt-0.5 sm:w-auto sm:flex-nowrap md:mt-1" : "mt-1"
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
-}
+  PageHeader
+} from "../chunk-VWOWPNKT.js";
+import "../chunk-G6SRSWXB.js";
 export {
   PageHeader
 };

package/dist/primitives/page-shell.cjs

@@ -1,46 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+var _chunkFYNHRHVYcjs = require('../chunk-FYNHRHVY.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/page-shell.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var widthStyles = {
-  narrow: "max-w-3xl",
-  wide: "max-w-5xl",
-  full: "max-w-none"
-};
-var paddingStyles = {
-  none: "",
-  base: "px-4 md:px-6",
-  relaxed: "px-6 md:px-10",
-  spacious: "px-6 md:px-10 xl:px-16"
-};
-var PageShell = _react.forwardRef.call(void 0, 
-  function PageShell2({ width = "full", padding = "base", spacing = "default", bottomInset = "default", minHeight = "none", align = "start", printMode = "default", mobileTreatment = "page", as = "main", className, ...props }, ref) {
-    const Tag = as;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Tag,
-      {
-        ref,
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-          "mx-auto w-full pt-6 md:pt-8 mb-28",
-          spacing === "default" ? "space-y-6" : "space-y-4",
-          widthStyles[width],
-          paddingStyles[padding],
-          bottomInset === "action" && "pb-32",
-          minHeight === "content" && "min-h-[70vh]",
-          align === "center" && "flex items-center",
-          printMode === "compact" && "print:my-0 print:pt-0",
-          mobileTreatment === "application" && "mb-0 flex min-h-[calc(100svh-4rem)] flex-1 flex-col space-y-0 px-0 pt-0 md:mb-28 md:block md:min-h-0 md:pt-8",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
 
-
-exports.PageShell = PageShell;
+exports.PageShell = _chunkFYNHRHVYcjs.PageShell;

package/dist/primitives/page-shell.js

@@ -1,46 +1,8 @@
 "use client";
 import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/page-shell.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var widthStyles = {
-  narrow: "max-w-3xl",
-  wide: "max-w-5xl",
-  full: "max-w-none"
-};
-var paddingStyles = {
-  none: "",
-  base: "px-4 md:px-6",
-  relaxed: "px-6 md:px-10",
-  spacious: "px-6 md:px-10 xl:px-16"
-};
-var PageShell = forwardRef(
-  function PageShell2({ width = "full", padding = "base", spacing = "default", bottomInset = "default", minHeight = "none", align = "start", printMode = "default", mobileTreatment = "page", as = "main", className, ...props }, ref) {
-    const Tag = as;
-    return /* @__PURE__ */ jsx(
-      Tag,
-      {
-        ref,
-        className: cn(
-          "mx-auto w-full pt-6 md:pt-8 mb-28",
-          spacing === "default" ? "space-y-6" : "space-y-4",
-          widthStyles[width],
-          paddingStyles[padding],
-          bottomInset === "action" && "pb-32",
-          minHeight === "content" && "min-h-[70vh]",
-          align === "center" && "flex items-center",
-          printMode === "compact" && "print:my-0 print:pt-0",
-          mobileTreatment === "application" && "mb-0 flex min-h-[calc(100svh-4rem)] flex-1 flex-col space-y-0 px-0 pt-0 md:mb-28 md:block md:min-h-0 md:pt-8",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
+  PageShell
+} from "../chunk-WTVL2FK7.js";
+import "../chunk-G6SRSWXB.js";
 export {
   PageShell
 };

package/dist/primitives/page-tabs.cjs

@@ -2,62 +2,9 @@
 "use client";
 
 
+var _chunkB54ZEKBGcjs = require('../chunk-B54ZEKBG.cjs');
+require('../chunk-DFB4ILN6.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
 
-var _chunkDFB4ILN6cjs = require('../chunk-DFB4ILN6.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/page-tabs.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function PageTabs({
-  value,
-  onValueChange,
-  items,
-  ariaLabel,
-  layout = "equal",
-  className
-}) {
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDFB4ILN6cjs.Tabs,
-    {
-      value,
-      onValueChange: (next) => onValueChange(next),
-      className,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFB4ILN6cjs.TabsList,
-        {
-          "aria-label": ariaLabel,
-          scrollable: layout === "scroll",
-          width: "full",
-          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-            "w-full",
-            layout === "equal" ? "grid h-auto p-1.5" : "justify-start"
-          ),
-          style: layout === "equal" ? { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` } : void 0,
-          children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkDFB4ILN6cjs.TabsTrigger,
-            {
-              value: item.value,
-              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                layout === "equal" && "min-h-11 gap-2 text-sm sm:text-base",
-                layout === "scroll" && "shrink-0 gap-2"
-              ),
-              children: [
-                item.icon,
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: item.label }),
-                item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: item.badge })
-              ]
-            },
-            item.value
-          ))
-        }
-      )
-    }
-  );
-}
-
-
-exports.PageTabs = PageTabs;
+exports.PageTabs = _chunkB54ZEKBGcjs.PageTabs;

package/dist/primitives/page-tabs.js

@@ -1,63 +1,10 @@
 "use client";
 "use client";
 import {
-  Tabs,
-  TabsList,
-  TabsTrigger
-} from "../chunk-7CRDYV3C.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/page-tabs.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function PageTabs({
-  value,
-  onValueChange,
-  items,
-  ariaLabel,
-  layout = "equal",
-  className
-}) {
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    Tabs,
-    {
-      value,
-      onValueChange: (next) => onValueChange(next),
-      className,
-      children: /* @__PURE__ */ jsx(
-        TabsList,
-        {
-          "aria-label": ariaLabel,
-          scrollable: layout === "scroll",
-          width: "full",
-          className: cn(
-            "w-full",
-            layout === "equal" ? "grid h-auto p-1.5" : "justify-start"
-          ),
-          style: layout === "equal" ? { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` } : void 0,
-          children: items.map((item) => /* @__PURE__ */ jsxs(
-            TabsTrigger,
-            {
-              value: item.value,
-              className: cn(
-                layout === "equal" && "min-h-11 gap-2 text-sm sm:text-base",
-                layout === "scroll" && "shrink-0 gap-2"
-              ),
-              children: [
-                item.icon,
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label }),
-                item.badge && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.badge })
-              ]
-            },
-            item.value
-          ))
-        }
-      )
-    }
-  );
-}
+  PageTabs
+} from "../chunk-XH2I3YJ6.js";
+import "../chunk-7CRDYV3C.js";
+import "../chunk-G6SRSWXB.js";
 export {
   PageTabs
 };

package/dist/primitives/pager.cjs

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/pager.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function Pager({
+  offset,
+  limit,
+  total,
+  onOffsetChange,
+  noun = "results",
+  formatRange,
+  disabled = false,
+  size = "sm",
+  children,
+  hideWhenSinglePage = true,
+  className
+}) {
+  if (hideWhenSinglePage && total <= limit) return null;
+  const from = total === 0 ? 0 : Math.min(offset, Math.max(total - 1, 0)) + 1;
+  const to = Math.min(offset + limit, total);
+  const canPrev = offset > 0 && !disabled;
+  const canNext = offset + limit < total && !disabled;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-center justify-between gap-3 pt-3 text-xs text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tabular-nums", children: formatRange ? formatRange(from, to, total) : total === 0 ? `No ${noun}` : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          from,
+          "\u2013",
+          to,
+          " of ",
+          total,
+          " ",
+          noun
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkJDEXZGIYcjs.Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canPrev,
+              onClick: () => onOffsetChange(Math.max(offset - limit, 0)),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" }),
+                "Previous"
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkJDEXZGIYcjs.Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canNext,
+              onClick: () => onOffsetChange(offset + limit),
+              children: [
+                "Next",
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+
+exports.Pager = Pager;