@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/primitives/step-list.cjs

@@ -0,0 +1,32 @@
+"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/step-list.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+
+function Step({ n, children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-start gap-3", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-shrink-0 inline-flex items-center justify-center h-5 w-5 rounded-full bg-primary text-primary-foreground text-[11px] font-medium", children: n }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm flex-1", children })
+  ] });
+}
+function StepList({ children, spacing = "normal", className }) {
+  const spacingClass = spacing === "tight" ? "space-y-2" : spacing === "loose" ? "space-y-4" : "space-y-3";
+  let counter = 0;
+  const numbered = _react.Children.map(children, (child) => {
+    if (!_react.isValidElement.call(void 0, child)) return child;
+    const stepChild = child;
+    if (stepChild.type !== Step) return stepChild;
+    counter += 1;
+    if (stepChild.props.n != null) return stepChild;
+    return /* @__PURE__ */ _react.createElement.call(void 0, Step, { ...stepChild.props, n: counter, key: _nullishCoalesce(stepChild.key, () => ( counter)) });
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, spacingClass, className), children: numbered });
+}
+
+
+
+exports.Step = Step; exports.StepList = StepList;

package/dist/primitives/step-list.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface StepProps {
+    /** Explicit number. Omit to let `StepList` auto-number. */
+    n?: number;
+    children: ReactNode;
+    className?: string;
+}
+declare function Step({ n, children, className }: StepProps): react_jsx_runtime.JSX.Element;
+interface StepListProps {
+    children: ReactNode;
+    /** Vertical spacing between steps. Defaults to `space-y-3`. */
+    spacing?: "tight" | "normal" | "loose";
+    className?: string;
+}
+declare function StepList({ children, spacing, className }: StepListProps): react_jsx_runtime.JSX.Element;
+
+export { Step, StepList, type StepListProps, type StepProps };

package/dist/primitives/step-list.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface StepProps {
+    /** Explicit number. Omit to let `StepList` auto-number. */
+    n?: number;
+    children: ReactNode;
+    className?: string;
+}
+declare function Step({ n, children, className }: StepProps): react_jsx_runtime.JSX.Element;
+interface StepListProps {
+    children: ReactNode;
+    /** Vertical spacing between steps. Defaults to `space-y-3`. */
+    spacing?: "tight" | "normal" | "loose";
+    className?: string;
+}
+declare function StepList({ children, spacing, className }: StepListProps): react_jsx_runtime.JSX.Element;
+
+export { Step, StepList, type StepListProps, type StepProps };

package/dist/primitives/step-list.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/step-list.tsx
+import { Children, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+function Step({ n, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 inline-flex items-center justify-center h-5 w-5 rounded-full bg-primary text-primary-foreground text-[11px] font-medium", children: n }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm flex-1", children })
+  ] });
+}
+function StepList({ children, spacing = "normal", className }) {
+  const spacingClass = spacing === "tight" ? "space-y-2" : spacing === "loose" ? "space-y-4" : "space-y-3";
+  let counter = 0;
+  const numbered = Children.map(children, (child) => {
+    if (!isValidElement(child)) return child;
+    const stepChild = child;
+    if (stepChild.type !== Step) return stepChild;
+    counter += 1;
+    if (stepChild.props.n != null) return stepChild;
+    return /* @__PURE__ */ createElement(Step, { ...stepChild.props, n: counter, key: stepChild.key ?? counter });
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(spacingClass, className), children: numbered });
+}
+export {
+  Step,
+  StepList
+};

package/dist/primitives/steps.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkHTTRUJQUcjs = require('../chunk-HTTRUJQU.cjs');
+
+
+var _chunk6T2EULKNcjs = require('../chunk-6T2EULKN.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/steps.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Steps({
+  eyebrow,
+  title,
+  description,
+  caption,
+  items,
+  variant = "numbered",
+  tone = "default",
+  className,
+  id,
+  marginTop = "none"
+}) {
+  const cols = items.length === 2 ? "md:grid-cols-2" : "md:grid-cols-3";
+  const isList = variant === "list";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHTTRUJQUcjs.MarketingSection, { tone, width: "widest", className: _chunkKWLSBTB2cjs.cn.call(void 0, marginTop === "md" && "mt-4", className), id, children: [
+    (eyebrow || title || description || caption) && (isList ? (
+      // List header: left-aligned, with the caption pinned to the right.
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-10 flex flex-col gap-4 md:mb-14 md:flex-row md:items-end md:justify-between", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+          eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6T2EULKNcjs.Eyebrow, { className: "mb-3 block", children: eyebrow }),
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-3xl font-medium leading-[1.1] tracking-tight md:text-4xl", children: title }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-4 max-w-xl text-base leading-relaxed text-muted-foreground md:text-lg", children: description })
+        ] }),
+        caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6T2EULKNcjs.Eyebrow, { className: "shrink-0 md:pb-1.5", children: caption })
+      ] })
+    ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto mb-12 max-w-2xl text-center md:mb-16", children: [
+      eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6T2EULKNcjs.Eyebrow, { className: "mb-3 block", children: eyebrow }),
+      title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-3xl font-medium tracking-tight md:text-4xl", children: title }),
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-4 text-base leading-relaxed text-muted-foreground md:text-lg", children: description })
+    ] })),
+    isList ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: items.map((step, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: "grid grid-cols-1 gap-2 border-t border-border py-8 md:grid-cols-[5rem_1fr_1.15fr] md:items-baseline md:gap-10 md:py-10",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-mono text-3xl font-medium tabular-nums text-foreground/20 md:text-4xl", children: String(i + 1).padStart(2, "0") }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-xl font-medium tracking-tight md:text-2xl", children: step.title }),
+          step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-base leading-relaxed text-muted-foreground", children: step.description })
+        ]
+      },
+      i
+    )) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "grid gap-8 md:gap-12", cols), children: items.map(
+      (step, i) => variant === "cards" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: "rounded-xl border border-border bg-background p-6 text-left",
+          children: [
+            step.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 inline-flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-foreground [&_svg]:h-5 [&_svg]:w-5", children: step.icon }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 font-mono text-sm text-muted-foreground", children: String(i + 1).padStart(2, "0") }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-lg font-medium tracking-tight", children: step.title }),
+            step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-2 text-base leading-relaxed text-muted-foreground", children: step.description })
+          ]
+        },
+        i
+      ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto mb-4 font-mono text-3xl font-medium tabular-nums text-foreground/30", children: String(i + 1).padStart(2, "0") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-lg font-medium tracking-tight md:text-xl", children: step.title }),
+        step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mx-auto mt-2 max-w-xs text-base leading-relaxed text-muted-foreground", children: step.description })
+      ] }, i)
+    ) })
+  ] });
+}
+
+
+exports.Steps = Steps;

package/dist/primitives/steps.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type Step = {
+    title: ReactNode;
+    description?: ReactNode;
+    /** Rendered icon element (server-safe). Used by the "cards" variant. */
+    icon?: ReactNode;
+};
+/**
+ * Steps — a "how it works" section.
+ *
+ *  - "numbered" → big mono number + title + copy, centered columns (default)
+ *  - "cards"    → bordered cards with an icon + title + copy
+ *  - "list"     → editorial rule-separated rows (index · title · copy), with a
+ *                 left-aligned header and an optional right-aligned `caption`
+ *
+ * For the tabbed two-column "how it works" layout, use HowItWorksTabs.
+ */
+interface StepsProps {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Right-aligned header note (the "list" variant), e.g. "SPEC → QUEUE → DECISION". */
+    caption?: ReactNode;
+    items: Step[];
+    variant?: "numbered" | "cards" | "list";
+    tone?: "default" | "muted" | "inverted";
+    className?: string;
+    id?: string;
+    marginTop?: "none" | "md";
+}
+declare function Steps({ eyebrow, title, description, caption, items, variant, tone, className, id, marginTop, }: StepsProps): react_jsx_runtime.JSX.Element;
+
+export { type Step, Steps, type StepsProps };

package/dist/primitives/steps.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type Step = {
+    title: ReactNode;
+    description?: ReactNode;
+    /** Rendered icon element (server-safe). Used by the "cards" variant. */
+    icon?: ReactNode;
+};
+/**
+ * Steps — a "how it works" section.
+ *
+ *  - "numbered" → big mono number + title + copy, centered columns (default)
+ *  - "cards"    → bordered cards with an icon + title + copy
+ *  - "list"     → editorial rule-separated rows (index · title · copy), with a
+ *                 left-aligned header and an optional right-aligned `caption`
+ *
+ * For the tabbed two-column "how it works" layout, use HowItWorksTabs.
+ */
+interface StepsProps {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Right-aligned header note (the "list" variant), e.g. "SPEC → QUEUE → DECISION". */
+    caption?: ReactNode;
+    items: Step[];
+    variant?: "numbered" | "cards" | "list";
+    tone?: "default" | "muted" | "inverted";
+    className?: string;
+    id?: string;
+    marginTop?: "none" | "md";
+}
+declare function Steps({ eyebrow, title, description, caption, items, variant, tone, className, id, marginTop, }: StepsProps): react_jsx_runtime.JSX.Element;
+
+export { type Step, Steps, type StepsProps };

package/dist/primitives/steps.js

@@ -0,0 +1,77 @@
+"use client";
+import {
+  MarketingSection
+} from "../chunk-TUQVHPSI.js";
+import {
+  Eyebrow
+} from "../chunk-LIE6W3QT.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/steps.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Steps({
+  eyebrow,
+  title,
+  description,
+  caption,
+  items,
+  variant = "numbered",
+  tone = "default",
+  className,
+  id,
+  marginTop = "none"
+}) {
+  const cols = items.length === 2 ? "md:grid-cols-2" : "md:grid-cols-3";
+  const isList = variant === "list";
+  return /* @__PURE__ */ jsxs(MarketingSection, { tone, width: "widest", className: cn(marginTop === "md" && "mt-4", className), id, children: [
+    (eyebrow || title || description || caption) && (isList ? (
+      // List header: left-aligned, with the caption pinned to the right.
+      /* @__PURE__ */ jsxs("div", { className: "mb-10 flex flex-col gap-4 md:mb-14 md:flex-row md:items-end md:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          eyebrow && /* @__PURE__ */ jsx(Eyebrow, { className: "mb-3 block", children: eyebrow }),
+          title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-medium leading-[1.1] tracking-tight md:text-4xl", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-4 max-w-xl text-base leading-relaxed text-muted-foreground md:text-lg", children: description })
+        ] }),
+        caption && /* @__PURE__ */ jsx(Eyebrow, { className: "shrink-0 md:pb-1.5", children: caption })
+      ] })
+    ) : /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 max-w-2xl text-center md:mb-16", children: [
+      eyebrow && /* @__PURE__ */ jsx(Eyebrow, { className: "mb-3 block", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-medium tracking-tight md:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mt-4 text-base leading-relaxed text-muted-foreground md:text-lg", children: description })
+    ] })),
+    isList ? /* @__PURE__ */ jsx("div", { children: items.map((step, i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "grid grid-cols-1 gap-2 border-t border-border py-8 md:grid-cols-[5rem_1fr_1.15fr] md:items-baseline md:gap-10 md:py-10",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "font-mono text-3xl font-medium tabular-nums text-foreground/20 md:text-4xl", children: String(i + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsx("h3", { className: "text-xl font-medium tracking-tight md:text-2xl", children: step.title }),
+          step.description && /* @__PURE__ */ jsx("p", { className: "text-base leading-relaxed text-muted-foreground", children: step.description })
+        ]
+      },
+      i
+    )) }) : /* @__PURE__ */ jsx("div", { className: cn("grid gap-8 md:gap-12", cols), children: items.map(
+      (step, i) => variant === "cards" ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-xl border border-border bg-background p-6 text-left",
+          children: [
+            step.icon ? /* @__PURE__ */ jsx("div", { className: "mb-4 inline-flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-foreground [&_svg]:h-5 [&_svg]:w-5", children: step.icon }) : /* @__PURE__ */ jsx("div", { className: "mb-4 font-mono text-sm text-muted-foreground", children: String(i + 1).padStart(2, "0") }),
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium tracking-tight", children: step.title }),
+            step.description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-base leading-relaxed text-muted-foreground", children: step.description })
+          ]
+        },
+        i
+      ) : /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 font-mono text-3xl font-medium tabular-nums text-foreground/30", children: String(i + 1).padStart(2, "0") }),
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium tracking-tight md:text-xl", children: step.title }),
+        step.description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-2 max-w-xs text-base leading-relaxed text-muted-foreground", children: step.description })
+      ] }, i)
+    ) })
+  ] });
+}
+export {
+  Steps
+};

package/dist/primitives/switch-field.cjs

@@ -4,13 +4,13 @@
 var _chunk2XDFTB2Wcjs = require('../chunk-2XDFTB2W.cjs');
 
 
-var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
-var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
+var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/switch-field.js

@@ -2,15 +2,15 @@
 import {
   Switch
 } from "../chunk-XAPPU3MD.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
 import {
   Card
 } from "../chunk-35YMAIEL.js";
 import {
   Label
 } from "../chunk-E2TQMDO7.js";
-import {
-  Text
-} from "../chunk-EIY5LLSP.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/dist/primitives/tabbed-page-header.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkB54ZEKBGcjs = require('../chunk-B54ZEKBG.cjs');
+require('../chunk-DFB4ILN6.cjs');
+
+
+var _chunkY6X6XDHEcjs = require('../chunk-Y6X6XDHE.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/tabbed-page-header.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function TabbedPageHeader({
+  eyebrow,
+  title,
+  description,
+  value,
+  onValueChange,
+  items,
+  ariaLabel,
+  layout,
+  actions,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex flex-col gap-5", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkY6X6XDHEcjs.PageHeader,
+      {
+        eyebrow,
+        title,
+        description,
+        className: "mb-0",
+        children: actions
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkB54ZEKBGcjs.PageTabs,
+      {
+        value,
+        onValueChange,
+        items,
+        ariaLabel,
+        layout
+      }
+    )
+  ] });
+}
+
+
+exports.TabbedPageHeader = TabbedPageHeader;

package/dist/primitives/tabbed-page-header.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { PageTabItem } from './page-tabs.cjs';
+
+interface TabbedPageHeaderProps<TValue extends string = string> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+    items: PageTabItem<TValue>[];
+    ariaLabel: string;
+    layout?: "equal" | "scroll";
+    actions?: ReactNode;
+    className?: string;
+}
+/**
+ * Stable page identity followed by full-width sibling navigation.
+ *
+ * Content for the selected destination belongs after this component. Keeping
+ * the heading and tabs together prevents route tabs from floating above the
+ * page title or appearing to replace content on both sides of the control.
+ */
+declare function TabbedPageHeader<TValue extends string = string>({ eyebrow, title, description, value, onValueChange, items, ariaLabel, layout, actions, className, }: TabbedPageHeaderProps<TValue>): react_jsx_runtime.JSX.Element;
+
+export { TabbedPageHeader, type TabbedPageHeaderProps };

package/dist/primitives/tabbed-page-header.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { PageTabItem } from './page-tabs.js';
+
+interface TabbedPageHeaderProps<TValue extends string = string> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+    items: PageTabItem<TValue>[];
+    ariaLabel: string;
+    layout?: "equal" | "scroll";
+    actions?: ReactNode;
+    className?: string;
+}
+/**
+ * Stable page identity followed by full-width sibling navigation.
+ *
+ * Content for the selected destination belongs after this component. Keeping
+ * the heading and tabs together prevents route tabs from floating above the
+ * page title or appearing to replace content on both sides of the control.
+ */
+declare function TabbedPageHeader<TValue extends string = string>({ eyebrow, title, description, value, onValueChange, items, ariaLabel, layout, actions, className, }: TabbedPageHeaderProps<TValue>): react_jsx_runtime.JSX.Element;
+
+export { TabbedPageHeader, type TabbedPageHeaderProps };

package/dist/primitives/tabbed-page-header.js

@@ -0,0 +1,53 @@
+"use client";
+"use client";
+import {
+  PageTabs
+} from "../chunk-XH2I3YJ6.js";
+import "../chunk-7CRDYV3C.js";
+import {
+  PageHeader
+} from "../chunk-VWOWPNKT.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/tabbed-page-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TabbedPageHeader({
+  eyebrow,
+  title,
+  description,
+  value,
+  onValueChange,
+  items,
+  ariaLabel,
+  layout,
+  actions,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("header", { className: cn("flex flex-col gap-5", className), children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        eyebrow,
+        title,
+        description,
+        className: "mb-0",
+        children: actions
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PageTabs,
+      {
+        value,
+        onValueChange,
+        items,
+        ariaLabel,
+        layout
+      }
+    )
+  ] });
+}
+export {
+  TabbedPageHeader
+};

package/dist/primitives/theme-selector.cjs

@@ -18,9 +18,9 @@ var _chunkHAP6USTPcjs = require('../chunk-HAP6USTP.cjs');
 
 
 
-var _chunkZJFYOXSMcjs = require('../chunk-ZJFYOXSM.cjs');
-require('../chunk-NQK5ZWC7.cjs');
+var _chunkSRVRNHCXcjs = require('../chunk-SRVRNHCX.cjs');
 require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-NQK5ZWC7.cjs');
 
 
 var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
@@ -90,11 +90,11 @@ function PaletteOption({ palette, id }) {
   const titleId = `${id}-title`;
   const descriptionId = `${id}-description`;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZJFYOXSMcjs.FieldLabel,
+    _chunkSRVRNHCXcjs.FieldLabel,
     {
       htmlFor: id,
       className: "cursor-pointer transition-colors not-has-data-[state=checked]:hover:border-foreground/30",
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZJFYOXSMcjs.Field, { children: [
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSRVRNHCXcjs.Field, { children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex overflow-hidden rounded-md border border-border", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             PalettePreview,
@@ -106,10 +106,10 @@ function PaletteOption({ palette, id }) {
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PalettePreview, { palette, mode: "dark", className: "w-1/2 rounded-none border-0" })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZJFYOXSMcjs.Field, { orientation: "horizontal", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZJFYOXSMcjs.FieldContent, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFYOXSMcjs.FieldTitle, { id: titleId, children: palette.label }),
-            palette.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFYOXSMcjs.FieldDescription, { id: descriptionId, children: palette.description }) : null
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSRVRNHCXcjs.Field, { orientation: "horizontal", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSRVRNHCXcjs.FieldContent, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRVRNHCXcjs.FieldTitle, { id: titleId, children: palette.label }),
+            palette.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRVRNHCXcjs.FieldDescription, { id: descriptionId, children: palette.description }) : null
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkHAP6USTPcjs.RadioGroupItem,
@@ -146,10 +146,10 @@ function ThemeSelector({
     { value: "dark", label: darkLabel, icon: _lucidereact.Moon },
     { value: "system", label: systemLabel, icon: _lucidereact.Monitor }
   ];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZJFYOXSMcjs.FieldGroup, { "data-slot": "theme-selector", className: _chunkKWLSBTB2cjs.cn.call(void 0, "gap-6", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZJFYOXSMcjs.FieldSet, { className: "gap-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFYOXSMcjs.FieldLegend, { variant: "label", children: modeLabel }),
-      modeDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFYOXSMcjs.FieldDescription, { children: modeDescription }) : null,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSRVRNHCXcjs.FieldGroup, { "data-slot": "theme-selector", className: _chunkKWLSBTB2cjs.cn.call(void 0, "gap-6", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSRVRNHCXcjs.FieldSet, { className: "gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRVRNHCXcjs.FieldLegend, { variant: "label", children: modeLabel }),
+      modeDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRVRNHCXcjs.FieldDescription, { children: modeDescription }) : null,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkD5EHW3O2cjs.ToggleGroup,
         {
@@ -167,9 +167,9 @@ function ThemeSelector({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZJFYOXSMcjs.FieldSet, { className: "gap-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFYOXSMcjs.FieldLegend, { variant: "label", children: paletteLabel }),
-      paletteDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFYOXSMcjs.FieldDescription, { children: paletteDescription }) : null,
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSRVRNHCXcjs.FieldSet, { className: "gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRVRNHCXcjs.FieldLegend, { variant: "label", children: paletteLabel }),
+      paletteDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRVRNHCXcjs.FieldDescription, { children: paletteDescription }) : null,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkHAP6USTPcjs.RadioGroup,
         {

package/dist/primitives/theme-selector.js

@@ -18,9 +18,9 @@ import {
   FieldLegend,
   FieldSet,
   FieldTitle
-} from "../chunk-TWCJMFST.js";
-import "../chunk-HYTILYE5.js";
+} from "../chunk-O42YC6ZQ.js";
 import "../chunk-E2TQMDO7.js";
+import "../chunk-HYTILYE5.js";
 import {
   Icon
 } from "../chunk-KN4RPX35.js";

package/dist/primitives/voice-dictation-button.cjs

@@ -2,12 +2,12 @@
 "use client";
 
 
-var _chunkPH2TV7XIcjs = require('../chunk-PH2TV7XI.cjs');
-require('../chunk-NKWHDI4C.cjs');
+var _chunk2YW5VA2Vcjs = require('../chunk-2YW5VA2V.cjs');
 require('../chunk-JDEXZGIY.cjs');
+require('../chunk-NKWHDI4C.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
 require('../chunk-7Q4EFCUI.cjs');
 
 
-exports.VoiceDictationButton = _chunkPH2TV7XIcjs.VoiceDictationButton;
+exports.VoiceDictationButton = _chunk2YW5VA2Vcjs.VoiceDictationButton;

package/dist/primitives/voice-dictation-button.js

@@ -2,9 +2,9 @@
 "use client";
 import {
   VoiceDictationButton
-} from "../chunk-ZGTPNSR7.js";
-import "../chunk-5OF6D3GH.js";
+} from "../chunk-NNEV5RHQ.js";
 import "../chunk-W326GKML.js";
+import "../chunk-5OF6D3GH.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-GJ7S3L6R.js";
 import "../chunk-RPSRCB5O.js";