@mieweb/ui 0.10.0-dev.1 → 0.10.0-dev.3

package/dist/components/RichTextEditor/index.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var chunkOMAACCFW_cjs = require('../../chunk-OMAACCFW.cjs');
+var chunkGD7EBGC4_cjs = require('../../chunk-GD7EBGC4.cjs');
 require('../../chunk-YP5T6NZD.cjs');
-require('../../chunk-RXPEZXAB.cjs');
+require('../../chunk-SGFYA22I.cjs');
 var chunkC7RVKV25_cjs = require('../../chunk-C7RVKV25.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
-require('../../chunk-IINZWUGK.cjs');
-require('../../chunk-NV2CWBI2.cjs');
-require('../../chunk-S5RVSXDV.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-NV2CWBI2.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunkOMAACCFW_cjs.RichTextEditor; }
+  get: function () { return chunkGD7EBGC4_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunkOMAACCFW_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkGD7EBGC4_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunkOMAACCFW_cjs.processDictation; }
+  get: function () { return chunkGD7EBGC4_cjs.processDictation; }
 });
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,

package/dist/components/RichTextEditor/index.js

@@ -1,15 +1,15 @@
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-QKFJDQEK.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-OE5CKRUC.js';
 import '../../chunk-OQWZYKJM.js';
-import '../../chunk-TZX76ZNZ.js';
+import '../../chunk-ZGRCSNPK.js';
 export { isHtmlEmpty } from '../../chunk-ERLPVXOV.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
-import '../../chunk-KREUYVMZ.js';
-import '../../chunk-XCP454Q6.js';
-import '../../chunk-TQONQSJO.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-GOALNQZ2.js';
+import '../../chunk-XCP454Q6.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SectionSpyNav/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk3LHICE4I_cjs = require('../../chunk-3LHICE4I.cjs');
-require('../../chunk-IINZWUGK.cjs');
-require('../../chunk-S5RVSXDV.cjs');
+var chunkFXO5ARBB_cjs = require('../../chunk-FXO5ARBB.cjs');
 require('../../chunk-7IKLGH3Z.cjs');
+require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "SectionSpyNav", {
   enumerable: true,
-  get: function () { return chunk3LHICE4I_cjs.SectionSpyNav; }
+  get: function () { return chunkFXO5ARBB_cjs.SectionSpyNav; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SectionSpyNav/index.js

@@ -1,7 +1,7 @@
-export { SectionSpyNav } from '../../chunk-3RB35GYK.js';
-import '../../chunk-KREUYVMZ.js';
-import '../../chunk-TQONQSJO.js';
+export { SectionSpyNav } from '../../chunk-VU6UTJRM.js';
 import '../../chunk-WBGUYSWY.js';
+import '../../chunk-GOALNQZ2.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunkIGSIWNX3_cjs = require('../../chunk-IGSIWNX3.cjs');
+var chunkUQ3VVR6A_cjs = require('../../chunk-UQ3VVR6A.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
-require('../../chunk-S5RVSXDV.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkIGSIWNX3_cjs.Select; }
+  get: function () { return chunkUQ3VVR6A_cjs.Select; }
 });
 Object.defineProperty(exports, "selectTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkIGSIWNX3_cjs.selectTriggerVariants; }
+  get: function () { return chunkUQ3VVR6A_cjs.selectTriggerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.js

@@ -1,10 +1,10 @@
-export { Select, selectTriggerVariants } from '../../chunk-IGNWT6RP.js';
+export { Select, selectTriggerVariants } from '../../chunk-S7WCHDBO.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
-import '../../chunk-TQONQSJO.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Sheet/index.cjs

@@ -1,49 +1,49 @@
 'use strict';
 
-var chunkC3DUS2VE_cjs = require('../../chunk-C3DUS2VE.cjs');
-require('../../chunk-S5RVSXDV.cjs');
+var chunkRS5VA6QU_cjs = require('../../chunk-RS5VA6QU.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "Sheet", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.Sheet; }
+  get: function () { return chunkRS5VA6QU_cjs.Sheet; }
 });
 Object.defineProperty(exports, "SheetBody", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.SheetBody; }
+  get: function () { return chunkRS5VA6QU_cjs.SheetBody; }
 });
 Object.defineProperty(exports, "SheetClose", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.SheetClose; }
+  get: function () { return chunkRS5VA6QU_cjs.SheetClose; }
 });
 Object.defineProperty(exports, "SheetDescription", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.SheetDescription; }
+  get: function () { return chunkRS5VA6QU_cjs.SheetDescription; }
 });
 Object.defineProperty(exports, "SheetFooter", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.SheetFooter; }
+  get: function () { return chunkRS5VA6QU_cjs.SheetFooter; }
 });
 Object.defineProperty(exports, "SheetHeader", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.SheetHeader; }
+  get: function () { return chunkRS5VA6QU_cjs.SheetHeader; }
 });
 Object.defineProperty(exports, "SheetTitle", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.SheetTitle; }
+  get: function () { return chunkRS5VA6QU_cjs.SheetTitle; }
 });
 Object.defineProperty(exports, "sheetContentVariants", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.sheetContentVariants; }
+  get: function () { return chunkRS5VA6QU_cjs.sheetContentVariants; }
 });
 Object.defineProperty(exports, "sheetOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkC3DUS2VE_cjs.sheetOverlayVariants; }
+  get: function () { return chunkRS5VA6QU_cjs.sheetOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Sheet/index.js

@@ -1,8 +1,8 @@
-export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from '../../chunk-ON4JULCA.js';
-import '../../chunk-TQONQSJO.js';
+export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from '../../chunk-LMBXJZLG.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SliderCalculator/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkMWVW4APN_cjs = require('../../chunk-MWVW4APN.cjs');
+require('../../chunk-MYAU2ZUC.cjs');
+require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "AnimatedNumber", {
+  enumerable: true,
+  get: function () { return chunkMWVW4APN_cjs.AnimatedNumber; }
+});
+Object.defineProperty(exports, "SliderCalculator", {
+  enumerable: true,
+  get: function () { return chunkMWVW4APN_cjs.SliderCalculator; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,100 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CalculatorFormat = 'number' | 'currency' | 'compactCurrency' | 'percent' | 'hours' | ((value: number) => string);
+interface CalculatorInput {
+    /** Key in the values object passed to `compute`. */
+    id: string;
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    /** Starting value. */
+    defaultValue: number;
+    /** How the current value renders next to the label. Default `number`. */
+    format?: CalculatorFormat;
+    description?: string;
+}
+interface CalculatorBreakdown {
+    label: string;
+    value: number;
+}
+interface CalculatorMathRow {
+    label: string;
+    value: string;
+}
+interface CalculatorResult {
+    /** The headline number. */
+    total: number;
+    /** One-line context under the headline, e.g. "42% of today's spend · 1,200 hours returned". */
+    summary?: string;
+    /** Horizontal bars showing what makes up `total`. */
+    breakdown?: CalculatorBreakdown[];
+    /** Rows revealed by "Show the math". */
+    math?: CalculatorMathRow[];
+    /** Free-text assumptions listed under the math. */
+    assumptions?: string[];
+}
+interface SliderCalculatorProps {
+    inputs: CalculatorInput[];
+    /** Pure function from current values to a result. Runs on every change. */
+    compute: (values: Record<string, number>) => CalculatorResult;
+    /** Copy for the controls column. */
+    eyebrow?: string;
+    heading?: string;
+    description?: string;
+    headingLevel?: 'h2' | 'h3';
+    /** Label above the headline number. Default "Estimated annual value". */
+    resultLabel?: string;
+    /** Format for the headline. Default `compactCurrency`. */
+    resultFormat?: CalculatorFormat;
+    /** Format for breakdown values. Default `currency`. */
+    breakdownFormat?: CalculatorFormat;
+    /** Actions under the result (Buttons, links). */
+    actions?: React.ReactNode;
+    /** Small print under the actions. */
+    footnote?: string;
+    /** Labels for the math toggle. */
+    mathLabels?: {
+        show?: string;
+        hide?: string;
+    };
+    /** Currency for the built-in formatters. Default `USD`. */
+    currency?: string;
+    locale?: string;
+    /** Fires with the latest values and result on every change. */
+    onChange?: (values: Record<string, number>, result: CalculatorResult) => void;
+    className?: string;
+}
+interface AnimatedNumberProps {
+    value: number;
+    format?: (v: number) => string;
+    /** Tween length in ms. Default 480. */
+    duration?: number;
+    className?: string;
+}
+/** Tweens between numeric values with an ease-out; snaps under reduced motion. */
+declare function AnimatedNumber({ value, format, duration, className, }: AnimatedNumberProps): react_jsx_runtime.JSX.Element;
+/**
+ * A two-column interactive calculator: labelled sliders on the left, a live
+ * result panel on the right with an animated headline number, a one-line
+ * summary, proportional breakdown bars, a "Show the math" disclosure and an
+ * actions slot. Bring your own `compute` — the component owns only the
+ * interaction. Ported from the Enterprise Health ROI calculator.
+ *
+ * @example
+ * ```tsx
+ * <SliderCalculator
+ *   heading="What is consolidation worth?"
+ *   inputs={[
+ *     { id: 'people', label: 'People covered', min: 500, max: 60000, step: 500, defaultValue: 8000 },
+ *     { id: 'cost', label: 'Cost per exam', min: 20, max: 400, step: 5, defaultValue: 120, format: 'currency' },
+ *   ]}
+ *   compute={({ people, cost }) => ({ total: people * cost * 0.18 })}
+ *   actions={<Button effect="sheen">Request a demo</Button>}
+ * />
+ * ```
+ */
+declare function SliderCalculator({ inputs, compute, eyebrow, heading, description, headingLevel: Heading, resultLabel, resultFormat, breakdownFormat, actions, footnote, mathLabels, currency, locale, onChange, className, }: SliderCalculatorProps): react_jsx_runtime.JSX.Element;
+
+export { AnimatedNumber, type AnimatedNumberProps, type CalculatorBreakdown, type CalculatorFormat, type CalculatorInput, type CalculatorMathRow, type CalculatorResult, SliderCalculator, type SliderCalculatorProps };

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

@@ -0,0 +1,100 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CalculatorFormat = 'number' | 'currency' | 'compactCurrency' | 'percent' | 'hours' | ((value: number) => string);
+interface CalculatorInput {
+    /** Key in the values object passed to `compute`. */
+    id: string;
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    /** Starting value. */
+    defaultValue: number;
+    /** How the current value renders next to the label. Default `number`. */
+    format?: CalculatorFormat;
+    description?: string;
+}
+interface CalculatorBreakdown {
+    label: string;
+    value: number;
+}
+interface CalculatorMathRow {
+    label: string;
+    value: string;
+}
+interface CalculatorResult {
+    /** The headline number. */
+    total: number;
+    /** One-line context under the headline, e.g. "42% of today's spend · 1,200 hours returned". */
+    summary?: string;
+    /** Horizontal bars showing what makes up `total`. */
+    breakdown?: CalculatorBreakdown[];
+    /** Rows revealed by "Show the math". */
+    math?: CalculatorMathRow[];
+    /** Free-text assumptions listed under the math. */
+    assumptions?: string[];
+}
+interface SliderCalculatorProps {
+    inputs: CalculatorInput[];
+    /** Pure function from current values to a result. Runs on every change. */
+    compute: (values: Record<string, number>) => CalculatorResult;
+    /** Copy for the controls column. */
+    eyebrow?: string;
+    heading?: string;
+    description?: string;
+    headingLevel?: 'h2' | 'h3';
+    /** Label above the headline number. Default "Estimated annual value". */
+    resultLabel?: string;
+    /** Format for the headline. Default `compactCurrency`. */
+    resultFormat?: CalculatorFormat;
+    /** Format for breakdown values. Default `currency`. */
+    breakdownFormat?: CalculatorFormat;
+    /** Actions under the result (Buttons, links). */
+    actions?: React.ReactNode;
+    /** Small print under the actions. */
+    footnote?: string;
+    /** Labels for the math toggle. */
+    mathLabels?: {
+        show?: string;
+        hide?: string;
+    };
+    /** Currency for the built-in formatters. Default `USD`. */
+    currency?: string;
+    locale?: string;
+    /** Fires with the latest values and result on every change. */
+    onChange?: (values: Record<string, number>, result: CalculatorResult) => void;
+    className?: string;
+}
+interface AnimatedNumberProps {
+    value: number;
+    format?: (v: number) => string;
+    /** Tween length in ms. Default 480. */
+    duration?: number;
+    className?: string;
+}
+/** Tweens between numeric values with an ease-out; snaps under reduced motion. */
+declare function AnimatedNumber({ value, format, duration, className, }: AnimatedNumberProps): react_jsx_runtime.JSX.Element;
+/**
+ * A two-column interactive calculator: labelled sliders on the left, a live
+ * result panel on the right with an animated headline number, a one-line
+ * summary, proportional breakdown bars, a "Show the math" disclosure and an
+ * actions slot. Bring your own `compute` — the component owns only the
+ * interaction. Ported from the Enterprise Health ROI calculator.
+ *
+ * @example
+ * ```tsx
+ * <SliderCalculator
+ *   heading="What is consolidation worth?"
+ *   inputs={[
+ *     { id: 'people', label: 'People covered', min: 500, max: 60000, step: 500, defaultValue: 8000 },
+ *     { id: 'cost', label: 'Cost per exam', min: 20, max: 400, step: 5, defaultValue: 120, format: 'currency' },
+ *   ]}
+ *   compute={({ people, cost }) => ({ total: people * cost * 0.18 })}
+ *   actions={<Button effect="sheen">Request a demo</Button>}
+ * />
+ * ```
+ */
+declare function SliderCalculator({ inputs, compute, eyebrow, heading, description, headingLevel: Heading, resultLabel, resultFormat, breakdownFormat, actions, footnote, mathLabels, currency, locale, onChange, className, }: SliderCalculatorProps): react_jsx_runtime.JSX.Element;
+
+export { AnimatedNumber, type AnimatedNumberProps, type CalculatorBreakdown, type CalculatorFormat, type CalculatorInput, type CalculatorMathRow, type CalculatorResult, SliderCalculator, type SliderCalculatorProps };

package/dist/components/SliderCalculator/index.js

@@ -0,0 +1,7 @@
+export { AnimatedNumber, SliderCalculator } from '../../chunk-PYJDVWXM.js';
+import '../../chunk-2BPIVWAK.js';
+import '../../chunk-HB7C7NB5.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SourceTip/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkXTHMC76F_cjs = require('../../chunk-XTHMC76F.cjs');
-require('../../chunk-S5RVSXDV.cjs');
-require('../../chunk-FHY3K6PL.cjs');
+var chunk2G75X6TS_cjs = require('../../chunk-2G75X6TS.cjs');
 require('../../chunk-AOHJILLU.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "SourceTip", {
   enumerable: true,
-  get: function () { return chunkXTHMC76F_cjs.SourceTip; }
+  get: function () { return chunk2G75X6TS_cjs.SourceTip; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SourceTip/index.js

@@ -1,7 +1,7 @@
-export { SourceTip } from '../../chunk-PHK4XBO5.js';
-import '../../chunk-TQONQSJO.js';
-import '../../chunk-T4ME7QCT.js';
+export { SourceTip } from '../../chunk-Z5V7SAZ4.js';
 import '../../chunk-WSNMQQ4P.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SuperChat/index.cjs

@@ -2,20 +2,20 @@
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
 var chunkWIAQQNFU_cjs = require('../../chunk-WIAQQNFU.cjs');
-var chunkOYQ7GYAA_cjs = require('../../chunk-OYQ7GYAA.cjs');
-var chunkRXPEZXAB_cjs = require('../../chunk-RXPEZXAB.cjs');
+var chunkX4XPNTCZ_cjs = require('../../chunk-X4XPNTCZ.cjs');
+var chunkSGFYA22I_cjs = require('../../chunk-SGFYA22I.cjs');
 var chunkJEIW7BSV_cjs = require('../../chunk-JEIW7BSV.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-PJ6CC53R.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-FSGEDDF2.cjs');
+require('../../chunk-AOHJILLU.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-L7L5S2HO.cjs');
 var chunkYVL3XATO_cjs = require('../../chunk-YVL3XATO.cjs');
 require('../../chunk-NV2CWBI2.cjs');
 var chunkS5RVSXDV_cjs = require('../../chunk-S5RVSXDV.cjs');
-require('../../chunk-FHY3K6PL.cjs');
-require('../../chunk-FSGEDDF2.cjs');
-require('../../chunk-AOHJILLU.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 var React2 = require('react');
 var Markdown = require('react-markdown');
@@ -546,7 +546,7 @@ function ActionMenuItem({
   item,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkRXPEZXAB_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSGFYA22I_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal text-neutral-400", children: item.description })
   ] }) : item.label });
@@ -578,7 +578,7 @@ function FooterActionButton({
   );
   if (!action.submenu) return button;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRXPEZXAB_cjs.Dropdown,
+    chunkSGFYA22I_cjs.Dropdown,
     {
       open,
       onOpenChange: setOpen,
@@ -637,7 +637,7 @@ function MessageOverflowMenu({
         footerVisible && !open && "pointer-events-none invisible opacity-0"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRXPEZXAB_cjs.Dropdown,
+        chunkSGFYA22I_cjs.Dropdown,
         {
           open,
           onOpenChange: setOpen,
@@ -656,9 +656,9 @@ function MessageOverflowMenu({
             (action) => action.submenu ? (
               // Actions with variants collapse to just their submenu — a
               // top-level default item would duplicate the flyout's options.
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRXPEZXAB_cjs.DropdownSubmenu, { label: action.submenu.label, children: action.submenu.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, { item, onSelect: select }, item.id)) }, action.id)
+              /* @__PURE__ */ jsxRuntime.jsx(chunkSGFYA22I_cjs.DropdownSubmenu, { label: action.submenu.label, children: action.submenu.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, { item, onSelect: select }, item.id)) }, action.id)
             ) : /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRXPEZXAB_cjs.DropdownItem,
+              chunkSGFYA22I_cjs.DropdownItem,
               {
                 onClick: () => select(action.onSelect),
                 children: action.label
@@ -1138,7 +1138,7 @@ function SuperChat({
 }) {
   const headingId = React2__namespace.useId();
   React2__namespace.useEffect(() => {
-    chunkOYQ7GYAA_cjs.notifyComposerMigrationOnce("SuperChat");
+    chunkX4XPNTCZ_cjs.notifyComposerMigrationOnce("SuperChat");
   }, []);
   const renderText = React2__namespace.useMemo(
     () => renderTextContent ?? createMarkdownRenderer({
@@ -1344,7 +1344,7 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkOYQ7GYAA_cjs.ChatComposer,
+          chunkX4XPNTCZ_cjs.ChatComposer,
           {
             value: draft,
             onValueChange: handleDraftChange,

package/dist/components/SuperChat/index.js

@@ -1,20 +1,20 @@
 import { TextRenderContext } from '../../chunk-I6CY5C6A.js';
 export { TextRenderContext, useTextRenderContext } from '../../chunk-I6CY5C6A.js';
 import { ChatBubble, MCPToolCallDisplay, AITypingIndicator, SparklesIcon, CloseIcon } from '../../chunk-22CYDCXA.js';
-import { notifyComposerMigrationOnce, ChatComposer } from '../../chunk-IIFQ6BSJ.js';
-import { Dropdown, DropdownSubmenu, DropdownItem } from '../../chunk-TZX76ZNZ.js';
+import { notifyComposerMigrationOnce, ChatComposer } from '../../chunk-ACCAXVOG.js';
+import { Dropdown, DropdownSubmenu, DropdownItem } from '../../chunk-ZGRCSNPK.js';
 import { Avatar } from '../../chunk-HZ4MBUC3.js';
 import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-VVDE4CHU.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
+import '../../chunk-62ZOA6PX.js';
+import '../../chunk-WSNMQQ4P.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-BKSPDTX4.js';
 import { Badge } from '../../chunk-BMSG4NBH.js';
 import '../../chunk-XCP454Q6.js';
 import { cn } from '../../chunk-TQONQSJO.js';
-import '../../chunk-T4ME7QCT.js';
-import '../../chunk-62ZOA6PX.js';
-import '../../chunk-WSNMQQ4P.js';
 import '../../chunk-PX6F3LHL.js';
 import * as React2 from 'react';
 import Markdown, { defaultUrlTransform } from 'react-markdown';

package/dist/components/SuperChat/plugins/index.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
 var chunkJFLC7SHM_cjs = require('../../../chunk-JFLC7SHM.cjs');
-var chunkOFUKTVBN_cjs = require('../../../chunk-OFUKTVBN.cjs');
-require('../../../chunk-OYQ7GYAA.cjs');
-require('../../../chunk-RXPEZXAB.cjs');
+var chunkOD47TTAW_cjs = require('../../../chunk-OD47TTAW.cjs');
+require('../../../chunk-X4XPNTCZ.cjs');
+require('../../../chunk-SGFYA22I.cjs');
 require('../../../chunk-I44YNYI6.cjs');
 require('../../../chunk-Z5S5JEJD.cjs');
-require('../../../chunk-L7L5S2HO.cjs');
-require('../../../chunk-NV2CWBI2.cjs');
-var chunkS5RVSXDV_cjs = require('../../../chunk-S5RVSXDV.cjs');
-require('../../../chunk-FHY3K6PL.cjs');
 require('../../../chunk-FSGEDDF2.cjs');
 require('../../../chunk-AOHJILLU.cjs');
+require('../../../chunk-FHY3K6PL.cjs');
+require('../../../chunk-L7L5S2HO.cjs');
 var chunkNMBYU7D7_cjs = require('../../../chunk-NMBYU7D7.cjs');
+require('../../../chunk-NV2CWBI2.cjs');
+var chunkS5RVSXDV_cjs = require('../../../chunk-S5RVSXDV.cjs');
 require('../../../chunk-EUAMEVVI.cjs');
 var React2 = require('react');
 var rehypeHighlight = require('rehype-highlight');
@@ -613,7 +613,7 @@ function ZoomableImage({
     ),
     open && typeof document !== "undefined" && reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOFUKTVBN_cjs.LightboxModal,
+        chunkOD47TTAW_cjs.LightboxModal,
         {
           attachment,
           onClose: () => setOpen(false)