@mieweb/ui 0.7.3 → 0.8.0

package/dist/components/KeyboardShortcutsOverlay/index.d.cts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type KbdProps = React.HTMLAttributes<HTMLElement>;
+/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+interface ShortcutDef {
+    /** Key or alternatives — `"j"`, `["j", "↓"]`, `"⌘K"`. */
+    keys: string | string[];
+    description: string;
+}
+interface ShortcutGroup {
+    title: string;
+    shortcuts: ShortcutDef[];
+}
+interface KeyboardShortcutsOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    /** Flat list of shortcuts, or use `groups` for sectioned help. */
+    shortcuts?: ShortcutDef[];
+    /** Sectioned shortcuts with group headings. */
+    groups?: ShortcutGroup[];
+    title?: string;
+    /** Footer hint. Pass `null` to hide it. */
+    hint?: React.ReactNode | null;
+    /** Joins key alternatives (default "or"), overridable for i18n. */
+    alternativesLabel?: string;
+}
+/**
+ * The `?` keyboard-shortcuts help dialog: a list of shortcut rows
+ * (optionally grouped) with `Kbd` chips for each key. Pairs with the
+ * `useKeyboardShortcut` hook, which handles the binding — this component
+ * only renders the help.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ * useKeyboardShortcut('?', () => setOpen((v) => !v), {
+ *   modifiers: { shift: true },
+ * });
+ *
+ * <KeyboardShortcutsOverlay
+ *   open={open}
+ *   onClose={() => setOpen(false)}
+ *   shortcuts={[
+ *     { keys: ['j', '↓'], description: 'Next record' },
+ *     { keys: '⌘K', description: 'Command palette' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function KeyboardShortcutsOverlay({ open, onClose, shortcuts, groups, title, hint, alternativesLabel, }: KeyboardShortcutsOverlayProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps, KeyboardShortcutsOverlay, type KeyboardShortcutsOverlayProps, type ShortcutDef, type ShortcutGroup };

package/dist/components/KeyboardShortcutsOverlay/index.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type KbdProps = React.HTMLAttributes<HTMLElement>;
+/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+interface ShortcutDef {
+    /** Key or alternatives — `"j"`, `["j", "↓"]`, `"⌘K"`. */
+    keys: string | string[];
+    description: string;
+}
+interface ShortcutGroup {
+    title: string;
+    shortcuts: ShortcutDef[];
+}
+interface KeyboardShortcutsOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    /** Flat list of shortcuts, or use `groups` for sectioned help. */
+    shortcuts?: ShortcutDef[];
+    /** Sectioned shortcuts with group headings. */
+    groups?: ShortcutGroup[];
+    title?: string;
+    /** Footer hint. Pass `null` to hide it. */
+    hint?: React.ReactNode | null;
+    /** Joins key alternatives (default "or"), overridable for i18n. */
+    alternativesLabel?: string;
+}
+/**
+ * The `?` keyboard-shortcuts help dialog: a list of shortcut rows
+ * (optionally grouped) with `Kbd` chips for each key. Pairs with the
+ * `useKeyboardShortcut` hook, which handles the binding — this component
+ * only renders the help.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ * useKeyboardShortcut('?', () => setOpen((v) => !v), {
+ *   modifiers: { shift: true },
+ * });
+ *
+ * <KeyboardShortcutsOverlay
+ *   open={open}
+ *   onClose={() => setOpen(false)}
+ *   shortcuts={[
+ *     { keys: ['j', '↓'], description: 'Next record' },
+ *     { keys: '⌘K', description: 'Command palette' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function KeyboardShortcutsOverlay({ open, onClose, shortcuts, groups, title, hint, alternativesLabel, }: KeyboardShortcutsOverlayProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps, KeyboardShortcutsOverlay, type KeyboardShortcutsOverlayProps, type ShortcutDef, type ShortcutGroup };

package/dist/components/KeyboardShortcutsOverlay/index.js

@@ -0,0 +1,8 @@
+export { Kbd, KeyboardShortcutsOverlay } from '../../chunk-X5ZPYYMS.js';
+import '../../chunk-XMCIXHGH.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-VSQF22GL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/KeyboardShortcutsOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Markdown/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkLJBWCUKP_cjs = require('../../chunk-LJBWCUKP.cjs');
-var chunkK4S4FAYX_cjs = require('../../chunk-K4S4FAYX.cjs');
+var chunkWIYQI35R_cjs = require('../../chunk-WIYQI35R.cjs');
 var chunkFN6VHMLM_cjs = require('../../chunk-FN6VHMLM.cjs');
 var chunkP3JEMF6E_cjs = require('../../chunk-P3JEMF6E.cjs');
 var chunk4CUFXCC5_cjs = require('../../chunk-4CUFXCC5.cjs');
+var chunkK4S4FAYX_cjs = require('../../chunk-K4S4FAYX.cjs');
 var chunkYIXTGWT4_cjs = require('../../chunk-YIXTGWT4.cjs');
 require('../../chunk-RDGRKYQ5.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -13,23 +13,19 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.CodeBlock; }
+  get: function () { return chunkWIYQI35R_cjs.CodeBlock; }
 });
 Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.MarkdownRenderer; }
+  get: function () { return chunkWIYQI35R_cjs.MarkdownRenderer; }
 });
 Object.defineProperty(exports, "highlightCode", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.highlightCode; }
+  get: function () { return chunkWIYQI35R_cjs.highlightCode; }
 });
 Object.defineProperty(exports, "useMarkdown", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.useMarkdown; }
-});
-Object.defineProperty(exports, "CsvBlock", {
-  enumerable: true,
-  get: function () { return chunkK4S4FAYX_cjs.CsvBlock; }
+  get: function () { return chunkWIYQI35R_cjs.useMarkdown; }
 });
 Object.defineProperty(exports, "HtmlPreviewBlock", {
   enumerable: true,
@@ -43,6 +39,10 @@ Object.defineProperty(exports, "SurveyBlock", {
   enumerable: true,
   get: function () { return chunk4CUFXCC5_cjs.SurveyBlock; }
 });
+Object.defineProperty(exports, "CsvBlock", {
+  enumerable: true,
+  get: function () { return chunkK4S4FAYX_cjs.CsvBlock; }
+});
 Object.defineProperty(exports, "FenceBlock", {
   enumerable: true,
   get: function () { return chunkYIXTGWT4_cjs.FenceBlock; }

package/dist/components/Markdown/index.js

@@ -1,8 +1,8 @@
-export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-Z4PECE5S.js';
-export { CsvBlock } from '../../chunk-5J5PEUUA.js';
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-DX64KLSN.js';
 export { HtmlPreviewBlock } from '../../chunk-UZ5NGGMI.js';
 export { MermaidBlock } from '../../chunk-EHQ77LL5.js';
 export { SurveyBlock } from '../../chunk-DWCYEPTT.js';
+export { CsvBlock } from '../../chunk-5J5PEUUA.js';
 export { FenceBlock } from '../../chunk-NLBT5O2X.js';
 import '../../chunk-D2GID3YK.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/MediaEditor/index.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkSYIFEJSF_cjs = require('../../chunk-SYIFEJSF.cjs');
+var chunkLQHI44OZ_cjs = require('../../chunk-LQHI44OZ.cjs');
 require('../../chunk-YMHOF6WA.cjs');
 require('../../chunk-JP5SGIXA.cjs');
-require('../../chunk-S3MKIDYG.cjs');
-require('../../chunk-ZBI52NP2.cjs');
+require('../../chunk-7AECNMYV.cjs');
+require('../../chunk-56QJHQ5C.cjs');
 require('../../chunk-P2VTQ5AR.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-RDGRKYQ5.cjs');
 require('../../chunk-NPKPCYAT.cjs');
 require('../../chunk-NUFUV43P.cjs');
@@ -22,23 +23,23 @@ require('../../chunk-SCV7C55E.cjs');
 
 Object.defineProperty(exports, "FillerWordsModal", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.FillerWordsModal; }
+  get: function () { return chunkLQHI44OZ_cjs.FillerWordsModal; }
 });
 Object.defineProperty(exports, "MediaEditor", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.MediaEditor; }
+  get: function () { return chunkLQHI44OZ_cjs.MediaEditor; }
 });
 Object.defineProperty(exports, "SilenceSettingsModal", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.SilenceSettingsModal; }
+  get: function () { return chunkLQHI44OZ_cjs.SilenceSettingsModal; }
 });
 Object.defineProperty(exports, "SpeedMarkerMenu", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.SpeedMarkerMenu; }
+  get: function () { return chunkLQHI44OZ_cjs.SpeedMarkerMenu; }
 });
 Object.defineProperty(exports, "WordEditorModal", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.WordEditorModal; }
+  get: function () { return chunkLQHI44OZ_cjs.WordEditorModal; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/MediaEditor/index.js

@@ -1,10 +1,11 @@
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-LC7YHZXM.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-A5YOIJKL.js';
 import '../../chunk-OTQ72WX3.js';
 import '../../chunk-EMMYFHOT.js';
-import '../../chunk-KFLDXJEE.js';
-import '../../chunk-DLBV42JD.js';
+import '../../chunk-753Z3NXL.js';
+import '../../chunk-XBKOZRDO.js';
 import '../../chunk-XMCIXHGH.js';
-import '../../chunk-YXCE2HSK.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-D2GID3YK.js';
 import '../../chunk-UUI7WXI5.js';
 import '../../chunk-6CGM5H4J.js';

package/dist/components/PhoneInput/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkFKLUSYFP_cjs = require('../../chunk-FKLUSYFP.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+var chunkGQVL2JKQ_cjs = require('../../chunk-GQVL2JKQ.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-L7YQBSEL.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
@@ -9,11 +10,11 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "PhoneInput", {
   enumerable: true,
-  get: function () { return chunkFKLUSYFP_cjs.PhoneInput; }
+  get: function () { return chunkGQVL2JKQ_cjs.PhoneInput; }
 });
 Object.defineProperty(exports, "PhoneInputGroup", {
   enumerable: true,
-  get: function () { return chunkFKLUSYFP_cjs.PhoneInputGroup; }
+  get: function () { return chunkGQVL2JKQ_cjs.PhoneInputGroup; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/PhoneInput/index.js

@@ -1,5 +1,6 @@
-export { PhoneInput, PhoneInputGroup } from '../../chunk-3D4ITDLO.js';
-import '../../chunk-YXCE2HSK.js';
+export { PhoneInput, PhoneInputGroup } from '../../chunk-GXODR6V4.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-ZVPJ2MH6.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Progress/index.d.cts

@@ -6,7 +6,7 @@ declare const progressBarTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarFillVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "warning" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/Progress/index.d.ts

@@ -6,7 +6,7 @@ declare const progressBarTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarFillVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "warning" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/Radio/index.cjs

@@ -1,21 +1,22 @@
 'use strict';
 
-var chunk5IDYOJHO_cjs = require('../../chunk-5IDYOJHO.cjs');
+var chunkG7EQ3JPX_cjs = require('../../chunk-G7EQ3JPX.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunk5IDYOJHO_cjs.Radio; }
+  get: function () { return chunkG7EQ3JPX_cjs.Radio; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunk5IDYOJHO_cjs.RadioGroup; }
+  get: function () { return chunkG7EQ3JPX_cjs.RadioGroup; }
 });
 Object.defineProperty(exports, "radioVariants", {
   enumerable: true,
-  get: function () { return chunk5IDYOJHO_cjs.radioVariants; }
+  get: function () { return chunkG7EQ3JPX_cjs.radioVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Radio/index.d.cts

@@ -17,6 +17,14 @@ interface RadioGroupProps {
     onValueChange?: (value: string) => void;
     /** Group label */
     label?: string;
+    /**
+     * How the group label is rendered.
+     * - `stacked` (default): label above the options.
+     * - `floating`: renders the group as a bordered field matching floating
+     *   inputs, with the label fixed in the floated position so mixed forms
+     *   stay vertically aligned.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Description for the group */
     description?: string;
     /** Error message */
@@ -44,7 +52,7 @@ interface RadioGroupProps {
  * </RadioGroup>
  * ```
  */
-declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, labelVariant, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/components/Radio/index.d.ts

@@ -17,6 +17,14 @@ interface RadioGroupProps {
     onValueChange?: (value: string) => void;
     /** Group label */
     label?: string;
+    /**
+     * How the group label is rendered.
+     * - `stacked` (default): label above the options.
+     * - `floating`: renders the group as a bordered field matching floating
+     *   inputs, with the label fixed in the floated position so mixed forms
+     *   stay vertically aligned.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Description for the group */
     description?: string;
     /** Error message */
@@ -44,7 +52,7 @@ interface RadioGroupProps {
  * </RadioGroup>
  * ```
  */
-declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, labelVariant, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/components/Radio/index.js

@@ -1,4 +1,5 @@
-export { Radio, RadioGroup, radioVariants } from '../../chunk-QUUBTNMH.js';
+export { Radio, RadioGroup, radioVariants } from '../../chunk-EPSB4WTL.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/ReadingProgressBar/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk5MXO6PEV_cjs = require('../../chunk-5MXO6PEV.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "ReadingProgressBar", {
+  enumerable: true,
+  get: function () { return chunk5MXO6PEV_cjs.ReadingProgressBar; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/ReadingProgressBar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/ReadingProgressBar/index.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface ReadingProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Class for the filled bar (default `bg-primary-500`). */
+    barClassName?: string;
+}
+/**
+ * A thin progress bar pinned to the top of the viewport, tracking how far
+ * the reader has scrolled through the document. Purely decorative
+ * (`aria-hidden`) — long-form articles, guides, reports.
+ *
+ * @example
+ * ```tsx
+ * <ReadingProgressBar />
+ * <ReadingProgressBar barClassName="bg-warning" className="h-0.5" />
+ * ```
+ */
+declare const ReadingProgressBar: React.ForwardRefExoticComponent<ReadingProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ReadingProgressBar, type ReadingProgressBarProps };

package/dist/components/ReadingProgressBar/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface ReadingProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Class for the filled bar (default `bg-primary-500`). */
+    barClassName?: string;
+}
+/**
+ * A thin progress bar pinned to the top of the viewport, tracking how far
+ * the reader has scrolled through the document. Purely decorative
+ * (`aria-hidden`) — long-form articles, guides, reports.
+ *
+ * @example
+ * ```tsx
+ * <ReadingProgressBar />
+ * <ReadingProgressBar barClassName="bg-warning" className="h-0.5" />
+ * ```
+ */
+declare const ReadingProgressBar: React.ForwardRefExoticComponent<ReadingProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ReadingProgressBar, type ReadingProgressBarProps };

package/dist/components/ReadingProgressBar/index.js

@@ -0,0 +1,4 @@
+export { ReadingProgressBar } from '../../chunk-WKSUL2ZN.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ReadingProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/RichTextEditor/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkURHXR5SC_cjs = require('../../chunk-URHXR5SC.cjs');
+var chunkKVE7PQ5P_cjs = require('../../chunk-KVE7PQ5P.cjs');
 require('../../chunk-YP5T6NZD.cjs');
-require('../../chunk-RBS3GHDZ.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+require('../../chunk-BOW7ZGI2.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-RDGRKYQ5.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
@@ -15,15 +16,15 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunkURHXR5SC_cjs.RichTextEditor; }
+  get: function () { return chunkKVE7PQ5P_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunkURHXR5SC_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkKVE7PQ5P_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunkURHXR5SC_cjs.processDictation; }
+  get: function () { return chunkKVE7PQ5P_cjs.processDictation; }
 });
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,

package/dist/components/RichTextEditor/index.js

@@ -1,7 +1,8 @@
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-FTRGZOVJ.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-QHTDWIED.js';
 import '../../chunk-OQWZYKJM.js';
-import '../../chunk-HIDV32ZX.js';
-import '../../chunk-YXCE2HSK.js';
+import '../../chunk-LZU7YBXG.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-D2GID3YK.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';

package/dist/components/SectionSpyNav/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk5JZIDILK_cjs = require('../../chunk-5JZIDILK.cjs');
+require('../../chunk-RDGRKYQ5.cjs');
+require('../../chunk-7IKLGH3Z.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "SectionSpyNav", {
+  enumerable: true,
+  get: function () { return chunk5JZIDILK_cjs.SectionSpyNav; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/SectionSpyNav/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/SectionSpyNav/index.d.cts

@@ -0,0 +1,63 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** One section the nav links to. The id must match a `section[id]` on the page. */
+interface SectionSpyItem {
+    id: string;
+    label: string;
+}
+/**
+ * Funnel intent for the bar's single contextual CTA — drives its visual
+ * weight so the in-page strip never out-shouts a page's primary CTA:
+ * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`
+ * (high-intent action).
+ */
+type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';
+interface SectionSpyCta {
+    label: string;
+    href: string;
+    tier?: SectionSpyCtaTier;
+}
+interface SectionSpyNavProps {
+    /** Sections to link to, in page order. */
+    items: SectionSpyItem[];
+    /** Optional single page-specific next-step CTA at the end of the bar. */
+    cta?: SectionSpyCta;
+    /** Eyebrow before the links (default "On this page"). */
+    label?: string;
+    /**
+     * Visual tone: `surface` sits on the page background; `brand` renders the
+     * inverted primary band.
+     */
+    tone?: 'surface' | 'brand';
+    /** IntersectionObserver root margin tuning for the scroll spy. */
+    rootMargin?: string;
+    /** Called with the section id when a nav link is clicked. */
+    onItemClick?: (id: string) => void;
+    /** Called when the CTA is clicked (e.g. for analytics). */
+    onCtaClick?: (cta: SectionSpyCta) => void;
+    className?: string;
+}
+/**
+ * Sticky horizontal in-page wayfinding: jumps between a page's major
+ * sections, highlights the one in view with a sliding underline, and can
+ * carry a single page-specific next-step CTA. Pure anchor links, so it
+ * still works if the scroll spy never runs.
+ *
+ * The horizontal complement to `TableOfContents` — use that for a sidebar
+ * outline, this for a band under the page header. Section elements need
+ * matching `id`s.
+ *
+ * @example
+ * ```tsx
+ * <SectionSpyNav
+ *   items={[
+ *     { id: 'overview', label: 'Overview' },
+ *     { id: 'pricing', label: 'Pricing' },
+ *   ]}
+ *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}
+ * />
+ * ```
+ */
+declare function SectionSpyNav({ items, cta, label, tone, rootMargin, onItemClick, onCtaClick, className, }: SectionSpyNavProps): react_jsx_runtime.JSX.Element;
+
+export { type SectionSpyCta, type SectionSpyCtaTier, type SectionSpyItem, SectionSpyNav, type SectionSpyNavProps };