@mieweb/ui 0.9.0 → 0.10.0-dev.1

package/dist/components/SchedulePicker/index.js

@@ -1,4 +1,5 @@
 export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from '../../chunk-23AYDOCH.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/ScrollArea/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkOZOSWBSI_cjs = require('../../chunk-OZOSWBSI.cjs');
 require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/ScrollArea/index.js

@@ -1,4 +1,5 @@
 export { ScrollArea, scrollAreaVariants } from '../../chunk-HS25RPDW.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SectionSpyNav/index.cjs

@@ -4,6 +4,7 @@ var chunk3LHICE4I_cjs = require('../../chunk-3LHICE4I.cjs');
 require('../../chunk-IINZWUGK.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-7IKLGH3Z.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/SectionSpyNav/index.js

@@ -2,5 +2,6 @@ export { SectionSpyNav } from '../../chunk-3RB35GYK.js';
 import '../../chunk-KREUYVMZ.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-WBGUYSWY.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.cjs

@@ -1,22 +1,23 @@
 'use strict';
 
-var chunkXEEVDZDK_cjs = require('../../chunk-XEEVDZDK.cjs');
+var chunkIGSIWNX3_cjs = require('../../chunk-IGSIWNX3.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-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkXEEVDZDK_cjs.Select; }
+  get: function () { return chunkIGSIWNX3_cjs.Select; }
 });
 Object.defineProperty(exports, "selectTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkXEEVDZDK_cjs.selectTriggerVariants; }
+  get: function () { return chunkIGSIWNX3_cjs.selectTriggerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.js

@@ -1,9 +1,10 @@
-export { Select, selectTriggerVariants } from '../../chunk-DFYMIRMW.js';
+export { Select, selectTriggerVariants } from '../../chunk-IGNWT6RP.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-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Separator/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkYP5T6NZD_cjs = require('../../chunk-YP5T6NZD.cjs');
 require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/Separator/index.js

@@ -1,4 +1,5 @@
 export { Separator, separatorVariants } from '../../chunk-OQWZYKJM.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Sheet/index.cjs

@@ -5,6 +5,7 @@ require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/Sheet/index.js

@@ -3,5 +3,6 @@ import '../../chunk-TQONQSJO.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkYGA35Z2P_cjs = require('../../chunk-YGA35Z2P.cjs');
 require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/Skeleton/index.js

@@ -1,4 +1,5 @@
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from '../../chunk-ZIUADGAR.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Slider/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkMYAU2ZUC_cjs = require('../../chunk-MYAU2ZUC.cjs');
 require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/Slider/index.js

@@ -1,4 +1,5 @@
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from '../../chunk-2BPIVWAK.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SourceTip/index.cjs

@@ -4,6 +4,7 @@ var chunkXTHMC76F_cjs = require('../../chunk-XTHMC76F.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-AOHJILLU.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/SourceTip/index.js

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

package/dist/components/Sparkline/index.cjs

@@ -2,6 +2,7 @@
 
 var chunk7RV6CAP6_cjs = require('../../chunk-7RV6CAP6.cjs');
 require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/Sparkline/index.js

@@ -1,4 +1,5 @@
 export { Sparkline } from '../../chunk-CG4ZKJLE.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Spinner/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkXXVUHLQN_cjs = require('../../chunk-XXVUHLQN.cjs');
 require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
 
 
 

package/dist/components/Spinner/index.js

@@ -1,4 +1,5 @@
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from '../../chunk-UA7E7PDS.js';
 import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SuperChat/index.cjs

@@ -2,18 +2,21 @@
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
 var chunkWIAQQNFU_cjs = require('../../chunk-WIAQQNFU.cjs');
-var chunk5BVFVXHN_cjs = require('../../chunk-5BVFVXHN.cjs');
-var chunk4SM3I7WE_cjs = require('../../chunk-4SM3I7WE.cjs');
+var chunkOYQ7GYAA_cjs = require('../../chunk-OYQ7GYAA.cjs');
+var chunkRXPEZXAB_cjs = require('../../chunk-RXPEZXAB.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-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');
 var remarkGfm = require('remark-gfm');
@@ -543,7 +546,7 @@ function ActionMenuItem({
   item,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk4SM3I7WE_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
+  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: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal text-neutral-400", children: item.description })
   ] }) : item.label });
@@ -575,7 +578,7 @@ function FooterActionButton({
   );
   if (!action.submenu) return button;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk4SM3I7WE_cjs.Dropdown,
+    chunkRXPEZXAB_cjs.Dropdown,
     {
       open,
       onOpenChange: setOpen,
@@ -634,7 +637,7 @@ function MessageOverflowMenu({
         footerVisible && !open && "pointer-events-none invisible opacity-0"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk4SM3I7WE_cjs.Dropdown,
+        chunkRXPEZXAB_cjs.Dropdown,
         {
           open,
           onOpenChange: setOpen,
@@ -653,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(chunk4SM3I7WE_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.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(
-              chunk4SM3I7WE_cjs.DropdownItem,
+              chunkRXPEZXAB_cjs.DropdownItem,
               {
                 onClick: () => select(action.onSelect),
                 children: action.label
@@ -1134,6 +1137,9 @@ function SuperChat({
   onBack
 }) {
   const headingId = React2__namespace.useId();
+  React2__namespace.useEffect(() => {
+    chunkOYQ7GYAA_cjs.notifyComposerMigrationOnce("SuperChat");
+  }, []);
   const renderText = React2__namespace.useMemo(
     () => renderTextContent ?? createMarkdownRenderer({
       plugins: renderPlugins,
@@ -1184,14 +1190,29 @@ function SuperChat({
     () => acceptTokensFor(acceptedFileTypes),
     [acceptedFileTypes]
   );
+  const [draft, setDraft] = React2__namespace.useState("");
+  const draftEpochRef = React2__namespace.useRef(0);
+  const handleDraftChange = React2__namespace.useCallback((value) => {
+    draftEpochRef.current += 1;
+    setDraft(value);
+  }, []);
   const handleComposerSend = React2__namespace.useCallback(
     async (message) => {
-      const text = message.content;
-      const mentions = detectMentions(text, conversation.participants);
-      const attachments = await filesToComposerAttachments(
-        message.attachments ?? []
-      );
-      onMessageSent?.(text, { conversation, mentions, attachments });
+      const epoch = draftEpochRef.current;
+      try {
+        const text = message.content;
+        const mentions = detectMentions(text, conversation.participants);
+        const attachments = await filesToComposerAttachments(
+          message.attachments ?? []
+        );
+        await Promise.resolve(
+          onMessageSent?.(text, { conversation, mentions, attachments })
+        );
+      } catch {
+        if (draftEpochRef.current === epoch) {
+          setDraft(message.content);
+        }
+      }
     },
     [conversation, onMessageSent]
   );
@@ -1323,16 +1344,19 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5BVFVXHN_cjs.MessageComposer,
+          chunkOYQ7GYAA_cjs.ChatComposer,
           {
+            value: draft,
+            onValueChange: handleDraftChange,
             onSend: handleComposerSend,
             disabled: readOnly,
             placeholder: readOnly ? "Read-only conversation" : "Type a message\u2026 use @ to address an agent",
             mentionOptions,
-            showAttachmentPicker: !readOnly,
-            showCameraButton: false,
+            allowAttachments: !readOnly,
             acceptedFileTypes: composerAccept,
-            maxLength: 1e5
+            maxFileSize: 25 * 1024 * 1024,
+            maxLength: 1e5,
+            inputLabel: "Message"
           }
         )
       ]