@mieweb/ui 0.7.3-dev.20 → 0.7.3-dev.22

package/dist/components/Markdown/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkLGYGKLJL_cjs = require('../../chunk-LGYGKLJL.cjs');
-var chunk4CUFXCC5_cjs = require('../../chunk-4CUFXCC5.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,27 +13,19 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
-  get: function () { return chunkLGYGKLJL_cjs.CodeBlock; }
+  get: function () { return chunkWIYQI35R_cjs.CodeBlock; }
 });
 Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunkLGYGKLJL_cjs.MarkdownRenderer; }
+  get: function () { return chunkWIYQI35R_cjs.MarkdownRenderer; }
 });
 Object.defineProperty(exports, "highlightCode", {
   enumerable: true,
-  get: function () { return chunkLGYGKLJL_cjs.highlightCode; }
+  get: function () { return chunkWIYQI35R_cjs.highlightCode; }
 });
 Object.defineProperty(exports, "useMarkdown", {
   enumerable: true,
-  get: function () { return chunkLGYGKLJL_cjs.useMarkdown; }
-});
-Object.defineProperty(exports, "SurveyBlock", {
-  enumerable: true,
-  get: function () { return chunk4CUFXCC5_cjs.SurveyBlock; }
-});
-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 +35,14 @@ Object.defineProperty(exports, "MermaidBlock", {
   enumerable: true,
   get: function () { return chunkP3JEMF6E_cjs.MermaidBlock; }
 });
+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-4PJ24GQ4.js';
-export { SurveyBlock } from '../../chunk-DWCYEPTT.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/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 };

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

@@ -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 };

package/dist/components/SectionSpyNav/index.js

@@ -0,0 +1,6 @@
+export { SectionSpyNav } from '../../chunk-JHZW3Y62.js';
+import '../../chunk-D2GID3YK.js';
+import '../../chunk-WBGUYSWY.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/hooks/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkWG6MPHWK_cjs = require('../chunk-WG6MPHWK.cjs');
+var chunkXJTFZLWH_cjs = require('../chunk-XJTFZLWH.cjs');
 var chunk2O7D6F67_cjs = require('../chunk-2O7D6F67.cjs');
+var chunk7IKLGH3Z_cjs = require('../chunk-7IKLGH3Z.cjs');
 var chunkNPKPCYAT_cjs = require('../chunk-NPKPCYAT.cjs');
 require('../chunk-NUFUV43P.cjs');
 var chunkJYZW2PZS_cjs = require('../chunk-JYZW2PZS.cjs');
@@ -18,60 +19,60 @@ require('../chunk-SCV7C55E.cjs');
 
 Object.defineProperty(exports, "RTL_LOCALES", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.RTL_LOCALES; }
+  get: function () { return chunkXJTFZLWH_cjs.RTL_LOCALES; }
 });
 Object.defineProperty(exports, "isRtlLocale", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.isRtlLocale; }
+  get: function () { return chunkXJTFZLWH_cjs.isRtlLocale; }
 });
 Object.defineProperty(exports, "useCommandK", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useCommandK; }
+  get: function () { return chunkXJTFZLWH_cjs.useCommandK; }
 });
 Object.defineProperty(exports, "useDirection", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useDirection; }
+  get: function () { return chunkXJTFZLWH_cjs.useDirection; }
 });
 Object.defineProperty(exports, "useIsDesktop", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useIsDesktop; }
+  get: function () { return chunkXJTFZLWH_cjs.useIsDesktop; }
 });
 Object.defineProperty(exports, "useIsLargeDesktop", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useIsLargeDesktop; }
+  get: function () { return chunkXJTFZLWH_cjs.useIsLargeDesktop; }
 });
 Object.defineProperty(exports, "useIsMobile", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useIsMobile; }
+  get: function () { return chunkXJTFZLWH_cjs.useIsMobile; }
 });
 Object.defineProperty(exports, "useIsMobileOrTablet", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useIsMobileOrTablet; }
+  get: function () { return chunkXJTFZLWH_cjs.useIsMobileOrTablet; }
 });
 Object.defineProperty(exports, "useIsSmallTablet", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useIsSmallTablet; }
+  get: function () { return chunkXJTFZLWH_cjs.useIsSmallTablet; }
 });
 Object.defineProperty(exports, "useIsTablet", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useIsTablet; }
+  get: function () { return chunkXJTFZLWH_cjs.useIsTablet; }
 });
 Object.defineProperty(exports, "useKeyboardShortcut", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useKeyboardShortcut; }
+  get: function () { return chunkXJTFZLWH_cjs.useKeyboardShortcut; }
 });
 Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useMediaQuery; }
-});
-Object.defineProperty(exports, "useScrollSpy", {
-  enumerable: true,
-  get: function () { return chunkWG6MPHWK_cjs.useScrollSpy; }
+  get: function () { return chunkXJTFZLWH_cjs.useMediaQuery; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function () { return chunk2O7D6F67_cjs.useTheme; }
 });
+Object.defineProperty(exports, "useScrollSpy", {
+  enumerable: true,
+  get: function () { return chunk7IKLGH3Z_cjs.useScrollSpy; }
+});
 Object.defineProperty(exports, "DEFAULT_FILLER_WORDS", {
   enumerable: true,
   get: function () { return chunkNPKPCYAT_cjs.DEFAULT_FILLER_WORDS; }

package/dist/hooks/index.js

@@ -1,5 +1,6 @@
-export { RTL_LOCALES, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery, useScrollSpy } from '../chunk-KGS7BL5T.js';
+export { RTL_LOCALES, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery } from '../chunk-XUVEF2RQ.js';
 export { useTheme } from '../chunk-KJZNEVYM.js';
+export { useScrollSpy } from '../chunk-WBGUYSWY.js';
 export { DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, buildPlaybackSegments, getSpeedAtIndex, initEditableWords, insertSilences, useTranscriptEdits } from '../chunk-UUI7WXI5.js';
 import '../chunk-6CGM5H4J.js';
 export { useMediaTransport } from '../chunk-SQHMGT4W.js';