@mieweb/ui 0.6.1-dev.158 → 0.6.1-dev.164

package/dist/components/Dropdown/index.cjs

@@ -1,36 +1,36 @@
 'use strict';
 
-var chunkH4T5T65N_cjs = require('../../chunk-H4T5T65N.cjs');
+var chunk2JQBPU3Y_cjs = require('../../chunk-2JQBPU3Y.cjs');
 require('../../chunk-MSRU3XBH.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-IKMR2ADM.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunkH4T5T65N_cjs.Dropdown; }
+  get: function () { return chunk2JQBPU3Y_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
-  get: function () { return chunkH4T5T65N_cjs.DropdownContent; }
+  get: function () { return chunk2JQBPU3Y_cjs.DropdownContent; }
 });
 Object.defineProperty(exports, "DropdownHeader", {
   enumerable: true,
-  get: function () { return chunkH4T5T65N_cjs.DropdownHeader; }
+  get: function () { return chunk2JQBPU3Y_cjs.DropdownHeader; }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function () { return chunkH4T5T65N_cjs.DropdownItem; }
+  get: function () { return chunk2JQBPU3Y_cjs.DropdownItem; }
 });
 Object.defineProperty(exports, "DropdownLabel", {
   enumerable: true,
-  get: function () { return chunkH4T5T65N_cjs.DropdownLabel; }
+  get: function () { return chunk2JQBPU3Y_cjs.DropdownLabel; }
 });
 Object.defineProperty(exports, "DropdownSeparator", {
   enumerable: true,
-  get: function () { return chunkH4T5T65N_cjs.DropdownSeparator; }
+  get: function () { return chunk2JQBPU3Y_cjs.DropdownSeparator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Dropdown/index.js

@@ -1,7 +1,7 @@
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from '../../chunk-M7BLVBL4.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from '../../chunk-GSOOPTGM.js';
 import '../../chunk-PVUDXJAI.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-OKBR6PX4.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/RichTextEditor/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk6R2ZPDN7_cjs = require('../../chunk-6R2ZPDN7.cjs');
+var chunkGBRPZGSI_cjs = require('../../chunk-GBRPZGSI.cjs');
 require('../../chunk-OXYFTCRW.cjs');
-require('../../chunk-H4T5T65N.cjs');
-require('../../chunk-A2QVQF54.cjs');
+require('../../chunk-2JQBPU3Y.cjs');
 require('../../chunk-MSRU3XBH.cjs');
-require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-A2QVQF54.cjs');
 require('../../chunk-IKMR2ADM.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 var chunkC7RVKV25_cjs = require('../../chunk-C7RVKV25.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
@@ -14,15 +14,15 @@ require('../../chunk-OR5DRJCW.cjs');
 
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunk6R2ZPDN7_cjs.RichTextEditor; }
+  get: function () { return chunkGBRPZGSI_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunk6R2ZPDN7_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkGBRPZGSI_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunk6R2ZPDN7_cjs.processDictation; }
+  get: function () { return chunkGBRPZGSI_cjs.processDictation; }
 });
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,

package/dist/components/RichTextEditor/index.js

@@ -1,10 +1,10 @@
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-TXYTMU3K.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-FJG7KUDJ.js';
 import '../../chunk-BX6BTDTR.js';
-import '../../chunk-M7BLVBL4.js';
-import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-GSOOPTGM.js';
 import '../../chunk-PVUDXJAI.js';
-import '../../chunk-T4ME7QCT.js';
+import '../../chunk-ZVSW2KS6.js';
 import '../../chunk-OKBR6PX4.js';
+import '../../chunk-T4ME7QCT.js';
 export { isHtmlEmpty } from '../../chunk-ERLPVXOV.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const skeletonVariants: (props?: ({
-    variant?: "button" | "title" | "image" | "text" | "default" | "avatar" | "card" | null | undefined;
+    variant?: "button" | "title" | "image" | "text" | "default" | "card" | "avatar" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
     /** Width of the skeleton */

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const skeletonVariants: (props?: ({
-    variant?: "button" | "title" | "image" | "text" | "default" | "avatar" | "card" | null | undefined;
+    variant?: "button" | "title" | "image" | "text" | "default" | "card" | "avatar" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
     /** Width of the skeleton */

package/dist/components/SuperChat/index.cjs

@@ -2,14 +2,15 @@
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
 var chunkIWDQPSJN_cjs = require('../../chunk-IWDQPSJN.cjs');
-var chunk2T4JU5RH_cjs = require('../../chunk-2T4JU5RH.cjs');
-var chunkH4T5T65N_cjs = require('../../chunk-H4T5T65N.cjs');
+var chunkCB4JX5EJ_cjs = require('../../chunk-CB4JX5EJ.cjs');
+var chunk2JQBPU3Y_cjs = require('../../chunk-2JQBPU3Y.cjs');
 require('../../chunk-LOTMAKUG.cjs');
-require('../../chunk-MSRU3XBH.cjs');
 var chunkFQ3UCZUX_cjs = require('../../chunk-FQ3UCZUX.cjs');
-var chunk4FALCEJI_cjs = require('../../chunk-4FALCEJI.cjs');
-require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-VBWRH4UW.cjs');
+require('../../chunk-MSRU3XBH.cjs');
+var chunkEL2RSQTJ_cjs = require('../../chunk-EL2RSQTJ.cjs');
 require('../../chunk-IKMR2ADM.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 var chunkOR5DRJCW_cjs = require('../../chunk-OR5DRJCW.cjs');
 var React4 = require('react');
 var Markdown = require('react-markdown');
@@ -126,7 +127,7 @@ function baseComponents() {
       {
         ...props,
         className: chunkOR5DRJCW_cjs.cn(
-          "text-primary-700 hover:text-primary-800 dark:text-primary-300 underline underline-offset-2",
+          "text-primary-800 hover:text-primary-900 dark:text-primary-300 underline underline-offset-2",
           props.className
         ),
         target: props.target ?? "_blank",
@@ -138,6 +139,7 @@ function baseComponents() {
       "pre",
       {
         ...props,
+        tabIndex: 0,
         className: chunkOR5DRJCW_cjs.cn(
           "overflow-x-auto rounded-lg bg-neutral-900 p-3 text-sm text-neutral-100 dark:bg-neutral-950",
           props.className
@@ -151,12 +153,24 @@ function baseComponents() {
         {
           ...props,
           className: chunkOR5DRJCW_cjs.cn(
-            !isBlock && "rounded bg-neutral-200 px-1 py-0.5 text-[0.85em] dark:bg-neutral-700",
+            !isBlock && "rounded bg-neutral-200 px-1 py-0.5 text-[0.85em] text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100",
             props.className
           )
         }
       );
     },
+    input: ({ node: _node, ...props }) => {
+      if (props.type === "checkbox") {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ...props,
+            "aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : "Task list item")
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("input", { ...props });
+    },
     table: ({ node: _node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
       "table",
       {
@@ -337,6 +351,43 @@ function lastMessageByTime(thread) {
   }
   return latest;
 }
+function parseHexColor(value) {
+  const hex = value.trim();
+  if (!/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(hex)) return null;
+  const normalized = hex.length === 4 ? "#" + [...hex.slice(1)].map((char) => char + char).join("") : hex;
+  return [1, 3, 5].map(
+    (start) => parseInt(normalized.slice(start, start + 2), 16)
+  );
+}
+function relativeLuminanceChannel(channel) {
+  const normalized = channel / 255;
+  return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
+}
+function relativeLuminance(value) {
+  const rgb = parseHexColor(value);
+  if (!rgb) return null;
+  const [red, green, blue] = rgb;
+  return 0.2126 * relativeLuminanceChannel(red) + 0.7152 * relativeLuminanceChannel(green) + 0.0722 * relativeLuminanceChannel(blue);
+}
+function contrastRatio(foreground, background) {
+  const foregroundLuminance = relativeLuminance(foreground);
+  const backgroundLuminance = relativeLuminance(background);
+  if (foregroundLuminance === null || backgroundLuminance === null) return null;
+  const lighter = Math.max(foregroundLuminance, backgroundLuminance);
+  const darker = Math.min(foregroundLuminance, backgroundLuminance);
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function minimumContrastRatio(value, backgrounds) {
+  const contrasts = backgrounds.map((background) => contrastRatio(value, background)).filter((contrast) => contrast !== null);
+  if (contrasts.length !== backgrounds.length) return null;
+  return Math.min(...contrasts);
+}
+function accessibleAccentTextColor(value) {
+  if (!value) return void 0;
+  const contrast = minimumContrastRatio(value, ["#f5f5f5", "#262626"]);
+  if (contrast === null) return value;
+  return contrast < 4.5 ? void 0 : value;
+}
 function ParticipantAvatar({
   participant
 }) {
@@ -364,7 +415,7 @@ function ReferenceChip({
   const href = linkBuilder?.(reference);
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk4FALCEJI_cjs.Badge,
+      chunkEL2RSQTJ_cjs.Badge,
       {
         variant: "default",
         size: "sm",
@@ -485,7 +536,7 @@ function CopyMenu({ isSelf, markdown, getHtml, getText }) {
         open ? "z-[60]" : "z-10"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkH4T5T65N_cjs.Dropdown,
+        chunk2JQBPU3Y_cjs.Dropdown,
         {
           open,
           onOpenChange: setOpen,
@@ -501,18 +552,18 @@ function CopyMenu({ isSelf, markdown, getHtml, getText }) {
             }
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkH4T5T65N_cjs.DropdownItem, { onClick: () => run(writeBoth), children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunk2JQBPU3Y_cjs.DropdownItem, { onClick: () => run(writeBoth), children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Copy" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal text-neutral-400", children: "Rich text + Markdown" })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkH4T5T65N_cjs.DropdownItem,
+              chunk2JQBPU3Y_cjs.DropdownItem,
               {
                 onClick: () => run(() => writeText(markdown || getText())),
                 children: "Copy as Markdown"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkH4T5T65N_cjs.DropdownItem, { onClick: () => run(() => writeText(getText())), children: "Copy as plain text" })
+            /* @__PURE__ */ jsxRuntime.jsx(chunk2JQBPU3Y_cjs.DropdownItem, { onClick: () => run(() => writeText(getText())), children: "Copy as plain text" })
           ]
         }
       )
@@ -578,6 +629,7 @@ var MessageRow = React4__namespace.memo(function MessageRow2({
     );
   }
   const accent = participant?.color;
+  const accentTextColor = accessibleAccentTextColor(accent);
   const authorName = participant?.name ?? "Unknown";
   const canEdit = !!editable && isSelf && !streaming && typeof message.text === "string" && !message.content?.length;
   const startEdit = () => {
@@ -658,17 +710,17 @@ ${block.text}
                   "span",
                   {
                     className: "text-xs font-medium",
-                    style: accent ? { color: accent } : void 0,
+                    style: accentTextColor ? { color: accentTextColor } : void 0,
                     children: authorName
                   }
                 ),
-                participant?.role && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-400", children: participant.role }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-400", children: formatTime(message.time) }),
+                participant?.role && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: participant.role }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: formatTime(message.time) }),
                 message.editedAt && /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-slot": "superchat-edited-indicator",
-                    className: "text-[10px] text-neutral-400",
+                    className: "text-[10px] text-neutral-500 dark:text-neutral-400",
                     title: `Edited ${formatTime(message.editedAt)}`,
                     children: "(edited)"
                   }
@@ -711,7 +763,7 @@ ${block.text}
                     "data-slot": "superchat-bubble",
                     variant: isSelf ? "user" : "assistant",
                     hasError: message.status === "error",
-                    className: "text-sm",
+                    className: "text-sm has-[[data-slot=superchat-nitro-table]]:w-full has-[[data-slot=superchat-nitro-table]]:max-w-full",
                     children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs(
                       "div",
                       {
@@ -1113,7 +1165,7 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk2T4JU5RH_cjs.MessageComposer,
+          chunkCB4JX5EJ_cjs.MessageComposer,
           {
             onSend: handleComposerSend,
             disabled: readOnly,
@@ -1192,7 +1244,7 @@ function SuperChatConversations({
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1 truncate", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate font-medium", children: c.title }),
-                      last?.text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs text-neutral-400", children: last.text })
+                      last?.text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs text-neutral-600 dark:text-neutral-400", children: last.text })
                     ] }),
                     !!c.unread && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bg-primary-600 ml-1 inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[10px] font-semibold text-white", children: [
                       c.unread,