@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/chunk-B54ZEKBG.cjs

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+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;

package/dist/chunk-BB7PO2BW.js

@@ -0,0 +1,67 @@
+"use client";
+
+// src/primitives/accent-theme.tsx
+import { useId } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PALETTE_ID = /^[A-Za-z0-9_-]+$/;
+function hexToHslTriplet(hex) {
+  const match = /^#([0-9a-f]{6})$/i.exec(hex.trim());
+  if (!match) return null;
+  const value = Number.parseInt(match[1], 16);
+  const red = (value >> 16 & 255) / 255;
+  const green = (value >> 8 & 255) / 255;
+  const blue = (value & 255) / 255;
+  const maximum = Math.max(red, green, blue);
+  const minimum = Math.min(red, green, blue);
+  const lightness = (maximum + minimum) / 2;
+  let hue = 0;
+  let saturation = 0;
+  if (maximum !== minimum) {
+    const delta = maximum - minimum;
+    saturation = lightness > 0.5 ? delta / (2 - maximum - minimum) : delta / (maximum + minimum);
+    if (maximum === red) hue = ((green - blue) / delta + (green < blue ? 6 : 0)) / 6;
+    else if (maximum === green) hue = ((blue - red) / delta + 2) / 6;
+    else hue = ((red - green) / delta + 4) / 6;
+  }
+  const round = (number) => Math.round(number * 10) / 10;
+  return `${round(hue * 360)} ${round(saturation * 100)}% ${round(lightness * 100)}%`;
+}
+function foregroundFor(hex) {
+  const match = /^#([0-9a-f]{6})$/i.exec(hex.trim());
+  if (!match) return "0 0% 100%";
+  const value = Number.parseInt(match[1], 16);
+  const channel = (number) => {
+    const normalized = number / 255;
+    return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
+  };
+  const luminance = 0.2126 * channel(value >> 16 & 255) + 0.7152 * channel(value >> 8 & 255) + 0.0722 * channel(value & 255);
+  return luminance > 0.45 ? "0 0% 9%" : "0 0% 100%";
+}
+function AccentTheme({ colours, palette, scope: target = "region", children }) {
+  const scope = `accent-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
+  const light = colours?.light ? hexToHslTriplet(colours.light) : null;
+  const dark = colours?.dark ? hexToHslTriplet(colours.dark) : null;
+  if (!light && !dark) return /* @__PURE__ */ jsx(Fragment, { children });
+  const root = palette === void 0 ? null : PALETTE_ID.test(palette) ? `:root[data-theme="${palette}"]` : ":root:not(*)";
+  const lightSelector = target === "document" ? root ?? ":root" : root ? `${root} .${scope}` : `.${scope}`;
+  const darkSelector = `${root ?? ":root"}.dark${target === "document" ? "" : ` .${scope}`}`;
+  const rules = [];
+  if (light && colours?.light) {
+    rules.push(
+      `${lightSelector}{--primary:${light};--primary-foreground:${foregroundFor(colours.light)};--ring:${light};--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-ring:hsl(var(--ring));}`
+    );
+  }
+  if (dark && colours?.dark) {
+    rules.push(
+      `${darkSelector}{--primary:${dark};--primary-foreground:${foregroundFor(colours.dark)};--ring:${dark};--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-ring:hsl(var(--ring));}`
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: rules.join("") } }),
+    target === "document" ? children : /* @__PURE__ */ jsx("div", { className: scope, children })
+  ] });
+}
+
+export {
+  AccentTheme
+};

package/dist/chunk-BOMVE7QO.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk373W6VADcjs = require('./chunk-373W6VAD.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/fixed-action-bar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var widthStyles = {
+  compact: "max-w-2xl",
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  full: "max-w-none"
+};
+function FixedActionBar({
+  title,
+  description,
+  children,
+  width = "narrow",
+  actionsWidth = "auto",
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "aside",
+    {
+      "aria-label": "Page action",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "fixed inset-x-0 bottom-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm",
+        "pb-[env(safe-area-inset-bottom)] supports-backdrop-filter:bg-background/80",
+        className
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "mx-auto flex items-center gap-4 px-4 py-3 md:px-6", title ? "justify-between" : "justify-end", widthStyles[width]), children: [
+        title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { className: "truncate font-medium", children: title }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "text-sm", children: description })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0", actionsWidth === "full" && "w-full"), children })
+      ] })
+    }
+  );
+}
+
+
+
+exports.FixedActionBar = FixedActionBar;

package/dist/{chunk-FPOJ2NGG.js → chunk-C3VZMTVB.js}

@@ -6,7 +6,7 @@ import {
   ResponsiveDialogDescription,
   ResponsiveDialogHeader,
   ResponsiveDialogTitle
-} from "./chunk-CRZ4INEJ.js";
+} from "./chunk-JTI4244T.js";
 import {
   Icon
 } from "./chunk-KN4RPX35.js";

package/dist/chunk-CXAFTEEP.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/primitives/settings-list.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var SettingsListContext = _react.createContext.call(void 0, { single: false });
+function SettingsList({ children, className }) {
+  const items = _react.Children.toArray(children).filter(Boolean);
+  if (items.length === 0) return null;
+  const single = items.length === 1;
+  if (single) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SettingsListContext.Provider, { value: { single: true }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: items[0] }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SettingsListContext.Provider, { value: { single: false }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: items.map((child, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-border py-8", children: child }, i)) }) });
+}
+
+
+
+
+exports.SettingsListContext = SettingsListContext; exports.SettingsList = SettingsList;

package/dist/chunk-EXHF3QUY.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/anchor.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Anchor = forwardRef(function Anchor2({ variant = "unstyled", size = "inherit", display = "inline", underline = false, asChild = false, border = "none", weight = "normal", className, ...props }, ref) {
+  const Component = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(
+        variant === "text" && "font-medium text-primary underline-offset-4 hover:underline",
+        variant === "muted" && "text-muted-foreground underline underline-offset-2 hover:text-foreground",
+        variant === "foreground" && "text-foreground underline-offset-2 hover:underline",
+        size === "xs" && "text-xs",
+        size === "sm" && "text-sm",
+        display === "inline-flex" && "inline-flex items-center gap-1",
+        display === "block" && "block",
+        border === "bottom" && "border-b last:border-b-0",
+        weight === "medium" && "font-medium",
+        underline && "underline",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Anchor
+};

package/dist/chunk-FYNHRHVY.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = 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;

package/dist/chunk-HTTRUJQU.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/marketing-section.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var sectionVariants = _classvarianceauthority.cva.call(void 0, "w-full", {
+  variants: {
+    tone: {
+      default: "bg-background text-foreground",
+      // The "every other section" muted band used across the apps.
+      muted: "border-t border-border bg-muted/30 text-foreground",
+      // Full-width dark call-to-action band.
+      inverted: "border-t border-border bg-foreground text-background"
+    },
+    padding: {
+      none: "",
+      sm: "py-12 md:py-16",
+      default: "py-20 md:py-28",
+      lg: "py-24 md:py-32"
+    }
+  },
+  defaultVariants: { tone: "default", padding: "default" }
+});
+var widthClass = {
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  widest: "max-w-6xl"
+};
+var MarketingSection = _react.forwardRef.call(void 0, 
+  function MarketingSection2({ tone, padding, width = "wide", as, className, innerClassName, children, ...props }, ref) {
+    const Tag = _nullishCoalesce(as, () => ( "section"));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Tag,
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, sectionVariants({ tone, padding }), className),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "mx-auto w-full px-4 md:px-6",
+              widthClass[width],
+              innerClassName
+            ),
+            children
+          }
+        )
+      }
+    );
+  }
+);
+
+
+
+exports.MarketingSection = MarketingSection;

package/dist/chunk-I3GBXIFL.cjs

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+// src/primitives/accent-theme.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var PALETTE_ID = /^[A-Za-z0-9_-]+$/;
+function hexToHslTriplet(hex) {
+  const match = /^#([0-9a-f]{6})$/i.exec(hex.trim());
+  if (!match) return null;
+  const value = Number.parseInt(match[1], 16);
+  const red = (value >> 16 & 255) / 255;
+  const green = (value >> 8 & 255) / 255;
+  const blue = (value & 255) / 255;
+  const maximum = Math.max(red, green, blue);
+  const minimum = Math.min(red, green, blue);
+  const lightness = (maximum + minimum) / 2;
+  let hue = 0;
+  let saturation = 0;
+  if (maximum !== minimum) {
+    const delta = maximum - minimum;
+    saturation = lightness > 0.5 ? delta / (2 - maximum - minimum) : delta / (maximum + minimum);
+    if (maximum === red) hue = ((green - blue) / delta + (green < blue ? 6 : 0)) / 6;
+    else if (maximum === green) hue = ((blue - red) / delta + 2) / 6;
+    else hue = ((red - green) / delta + 4) / 6;
+  }
+  const round = (number) => Math.round(number * 10) / 10;
+  return `${round(hue * 360)} ${round(saturation * 100)}% ${round(lightness * 100)}%`;
+}
+function foregroundFor(hex) {
+  const match = /^#([0-9a-f]{6})$/i.exec(hex.trim());
+  if (!match) return "0 0% 100%";
+  const value = Number.parseInt(match[1], 16);
+  const channel = (number) => {
+    const normalized = number / 255;
+    return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
+  };
+  const luminance = 0.2126 * channel(value >> 16 & 255) + 0.7152 * channel(value >> 8 & 255) + 0.0722 * channel(value & 255);
+  return luminance > 0.45 ? "0 0% 9%" : "0 0% 100%";
+}
+function AccentTheme({ colours, palette, scope: target = "region", children }) {
+  const scope = `accent-${_react.useId.call(void 0, ).replace(/[^a-zA-Z0-9]/g, "")}`;
+  const light = _optionalChain([colours, 'optionalAccess', _ => _.light]) ? hexToHslTriplet(colours.light) : null;
+  const dark = _optionalChain([colours, 'optionalAccess', _2 => _2.dark]) ? hexToHslTriplet(colours.dark) : null;
+  if (!light && !dark) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+  const root = palette === void 0 ? null : PALETTE_ID.test(palette) ? `:root[data-theme="${palette}"]` : ":root:not(*)";
+  const lightSelector = target === "document" ? _nullishCoalesce(root, () => ( ":root")) : root ? `${root} .${scope}` : `.${scope}`;
+  const darkSelector = `${_nullishCoalesce(root, () => ( ":root"))}.dark${target === "document" ? "" : ` .${scope}`}`;
+  const rules = [];
+  if (light && _optionalChain([colours, 'optionalAccess', _3 => _3.light])) {
+    rules.push(
+      `${lightSelector}{--primary:${light};--primary-foreground:${foregroundFor(colours.light)};--ring:${light};--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-ring:hsl(var(--ring));}`
+    );
+  }
+  if (dark && _optionalChain([colours, 'optionalAccess', _4 => _4.dark])) {
+    rules.push(
+      `${darkSelector}{--primary:${dark};--primary-foreground:${foregroundFor(colours.dark)};--ring:${dark};--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-ring:hsl(var(--ring));}`
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { dangerouslySetInnerHTML: { __html: rules.join("") } }),
+    target === "document" ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: scope, children })
+  ] });
+}
+
+
+
+exports.AccentTheme = AccentTheme;

package/dist/chunk-O3G3TVPU.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/brand-mark.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var sizeStyles = {
+  sm: "h-6 max-w-36",
+  md: "h-7 max-w-44",
+  lg: "h-9 max-w-52"
+};
+var BrandMark = forwardRef(function BrandMark2({ size = "md", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ref,
+      className: cn("w-auto object-contain", sizeStyles[size], className),
+      ...props
+    }
+  );
+});
+
+export {
+  BrandMark
+};

package/dist/{chunk-JS6BLIWL.js → chunk-ROUWBWEQ.js}

@@ -7,16 +7,10 @@ import {
 } from "./chunk-EEHIMPD7.js";
 import {
   FilterBar
-} from "./chunk-UFFHGKI7.js";
+} from "./chunk-6LB37JWO.js";
 import {
   Heading
 } from "./chunk-H2O6NMLZ.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-ZRLUUZHK.js";
 import {
   BoardColumnComponent,
   MobileBoardView
@@ -24,6 +18,12 @@ import {
 import {
   ScrollArea
 } from "./chunk-LELFPLTE.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-ZRLUUZHK.js";
 import {
   Input
 } from "./chunk-QMA3WVB7.js";

package/dist/chunk-TDCVZKMX.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/brand-mark.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var sizeStyles = {
+  sm: "h-6 max-w-36",
+  md: "h-7 max-w-44",
+  lg: "h-9 max-w-52"
+};
+var BrandMark = _react.forwardRef.call(void 0, function BrandMark2({ size = "md", className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "img",
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "w-auto object-contain", sizeStyles[size], className),
+      ...props
+    }
+  );
+});
+
+
+
+exports.BrandMark = BrandMark;

package/dist/{chunk-E2UVQXBO.cjs → chunk-TP74SBRH.cjs}

@@ -6,7 +6,7 @@
 
 
 
-var _chunkAO56ET4Fcjs = require('./chunk-AO56ET4F.cjs');
+var _chunkBTHYGHOHcjs = require('./chunk-BTHYGHOH.cjs');
 
 
 var _chunkT2ZFSPE4cjs = require('./chunk-T2ZFSPE4.cjs');
@@ -29,10 +29,10 @@ function PreviewDialog({
   downloadLabel,
   children
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAO56ET4Fcjs.ResponsiveDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAO56ET4Fcjs.ResponsiveDialogContent, { presentation: "preview", className: "h-[92dvh] outline-none", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAO56ET4Fcjs.ResponsiveDialogHeader, { className: "shrink-0 border-b border-border", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBTHYGHOHcjs.ResponsiveDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBTHYGHOHcjs.ResponsiveDialogContent, { presentation: "preview", className: "h-[92dvh] outline-none", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBTHYGHOHcjs.ResponsiveDialogHeader, { className: "shrink-0 border-b border-border", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAO56ET4Fcjs.ResponsiveDialogTitle, { className: "min-w-0 flex-1 truncate text-left", children: title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBTHYGHOHcjs.ResponsiveDialogTitle, { className: "min-w-0 flex-1 truncate text-left", children: title }),
         onDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkJDEXZGIYcjs.Button,
           {
@@ -46,7 +46,7 @@ function PreviewDialog({
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT2ZFSPE4cjs.Icon, { icon: downloading ? _lucidereact.Loader2 : _lucidereact.Download, size: "sm", spin: downloading })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAO56ET4Fcjs.ResponsiveDialogClose, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBTHYGHOHcjs.ResponsiveDialogClose, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkJDEXZGIYcjs.Button,
           {
             type: "button",
@@ -58,7 +58,7 @@ function PreviewDialog({
           }
         ) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAO56ET4Fcjs.ResponsiveDialogDescription, { className: "sr-only", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBTHYGHOHcjs.ResponsiveDialogDescription, { className: "sr-only", children: [
         "Preview of ",
         title
       ] })

package/dist/chunk-TUQVHPSI.js

@@ -0,0 +1,60 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/marketing-section.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var sectionVariants = cva("w-full", {
+  variants: {
+    tone: {
+      default: "bg-background text-foreground",
+      // The "every other section" muted band used across the apps.
+      muted: "border-t border-border bg-muted/30 text-foreground",
+      // Full-width dark call-to-action band.
+      inverted: "border-t border-border bg-foreground text-background"
+    },
+    padding: {
+      none: "",
+      sm: "py-12 md:py-16",
+      default: "py-20 md:py-28",
+      lg: "py-24 md:py-32"
+    }
+  },
+  defaultVariants: { tone: "default", padding: "default" }
+});
+var widthClass = {
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  widest: "max-w-6xl"
+};
+var MarketingSection = forwardRef(
+  function MarketingSection2({ tone, padding, width = "wide", as, className, innerClassName, children, ...props }, ref) {
+    const Tag = as ?? "section";
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(sectionVariants({ tone, padding }), className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mx-auto w-full px-4 md:px-6",
+              widthClass[width],
+              innerClassName
+            ),
+            children
+          }
+        )
+      }
+    );
+  }
+);
+
+export {
+  MarketingSection
+};