@mieweb/ui 0.3.0-dev.97 → 0.3.0-dev.99

package/dist/index.cjs

@@ -23,7 +23,7 @@ var chunkK7IGBNZA_cjs = require('./chunk-K7IGBNZA.cjs');
 var chunkQ2EWNXIB_cjs = require('./chunk-Q2EWNXIB.cjs');
 var chunkFRT6RQND_cjs = require('./chunk-FRT6RQND.cjs');
 var chunk3GGET5LK_cjs = require('./chunk-3GGET5LK.cjs');
-var chunk5F5BWTDF_cjs = require('./chunk-5F5BWTDF.cjs');
+var chunkGOKC4CCZ_cjs = require('./chunk-GOKC4CCZ.cjs');
 var chunkDEZ7XSTG_cjs = require('./chunk-DEZ7XSTG.cjs');
 var chunk7BARESXI_cjs = require('./chunk-7BARESXI.cjs');
 var chunkMXQNNKPX_cjs = require('./chunk-MXQNNKPX.cjs');
@@ -32,8 +32,8 @@ var chunkAWUADXYI_cjs = require('./chunk-AWUADXYI.cjs');
 var chunkNIEIRA5A_cjs = require('./chunk-NIEIRA5A.cjs');
 var chunkVACI5SP7_cjs = require('./chunk-VACI5SP7.cjs');
 var chunkMSRU3XBH_cjs = require('./chunk-MSRU3XBH.cjs');
-var chunkKLLGX5O3_cjs = require('./chunk-KLLGX5O3.cjs');
-var chunkDT4CHRTJ_cjs = require('./chunk-DT4CHRTJ.cjs');
+var chunk2VCAWAPC_cjs = require('./chunk-2VCAWAPC.cjs');
+var chunkWJU3KLVV_cjs = require('./chunk-WJU3KLVV.cjs');
 var chunkEUUQVDXX_cjs = require('./chunk-EUUQVDXX.cjs');
 var chunkWZBCK7KG_cjs = require('./chunk-WZBCK7KG.cjs');
 var chunk4FALCEJI_cjs = require('./chunk-4FALCEJI.cjs');
@@ -52,7 +52,7 @@ require('./chunk-74K3RRU7.cjs');
 var chunkCW75IKA6_cjs = require('./chunk-CW75IKA6.cjs');
 var chunkL7YQBSEL_cjs = require('./chunk-L7YQBSEL.cjs');
 var chunkSCV7C55E_cjs = require('./chunk-SCV7C55E.cjs');
-var chunkHUYKGSL7_cjs = require('./chunk-HUYKGSL7.cjs');
+var chunkE35GUUTC_cjs = require('./chunk-E35GUUTC.cjs');
 var chunkWGPMTW36_cjs = require('./chunk-WGPMTW36.cjs');
 var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
 var React48 = require('react');
@@ -1868,7 +1868,7 @@ function ToolResultDisplay({
         "button",
         {
           onClick: () => setShowJson(!showJson),
-          className: "flex items-center gap-1 text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300",
+          className: "flex items-center gap-1 text-xs text-neutral-600 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "svg",
@@ -2027,7 +2027,7 @@ function MCPToolCallDisplay({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-neutral-900 dark:text-white", children: friendlyName }),
             /* @__PURE__ */ jsxRuntime.jsx(ToolStatusIcon, { status: toolCall.status }),
-            toolCall.duration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-neutral-400", children: formatDuration2(toolCall.duration) })
+            toolCall.duration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-neutral-600 dark:text-neutral-400", children: formatDuration2(toolCall.duration) })
           ] }),
           paramSummary && toolCall.status !== "success" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-0.5 text-sm", children: paramSummary }),
           toolCall.result && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "ai-tool-result", className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2043,7 +2043,7 @@ function MCPToolCallDisplay({
             "button",
             {
               onClick: () => setShowDetails(!showDetails),
-              className: "mt-2 flex items-center gap-1 text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300",
+              className: "mt-2 flex items-center gap-1 text-xs text-neutral-600 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
@@ -2077,13 +2077,13 @@ function MCPToolCallDisplay({
               "data-slot": "ai-tool-parameters",
               className: "mt-3 rounded-md bg-neutral-100 p-2 dark:bg-neutral-800",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-1.5 text-xs font-medium tracking-wide text-neutral-500 uppercase dark:text-neutral-400", children: "Parameters" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-1.5 text-xs font-medium tracking-wide text-neutral-600 uppercase dark:text-neutral-400", children: "Parameters" }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: toolCall.parameters.map((param) => /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
                     className: "flex items-start gap-2 text-xs",
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-neutral-500 dark:text-neutral-500", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-neutral-600 dark:text-neutral-400", children: [
                         param.name,
                         ":"
                       ] }),
@@ -5075,7 +5075,7 @@ function AppHeaderSearch({
       "data-testid": testId,
       className: chunkOR5DRJCW_cjs.cn(
         "flex items-center gap-3 rounded-lg border border-gray-300 dark:border-gray-600",
-        "text-muted-foreground bg-white px-4 py-2 text-sm dark:bg-gray-700",
+        "bg-white px-4 py-2 text-sm text-neutral-600 dark:bg-gray-700 dark:text-neutral-400",
         "hover:border-gray-400 dark:hover:border-gray-500",
         "transition-colors hover:bg-gray-50 dark:hover:bg-gray-600",
         !showOnMobile && "hidden sm:flex",
@@ -5091,7 +5091,7 @@ function AppHeaderSearch({
             className: chunkOR5DRJCW_cjs.cn(
               "hidden items-center gap-0.5 px-2 py-0.5 sm:inline-flex",
               "rounded border border-gray-200 bg-gray-100 dark:border-gray-500 dark:bg-gray-600",
-              "text-muted-foreground flex-shrink-0 text-xs"
+              "flex-shrink-0 text-xs text-neutral-600 dark:text-neutral-400"
             ),
             children: [
               isMac ? "\u2318" : "Ctrl",
@@ -17513,7 +17513,7 @@ function FileManager({
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkKLLGX5O3_cjs.Progress, { value: uploadProgress, max: 100 })
+      /* @__PURE__ */ jsxRuntime.jsx(chunk2VCAWAPC_cjs.Progress, { value: uploadProgress, max: 100 })
     ] }),
     errorMessage && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -22047,7 +22047,7 @@ function OnboardingWizard({
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkKLLGX5O3_cjs.Progress,
+                            chunk2VCAWAPC_cjs.Progress,
                             {
                               value: progressPercent,
                               size: "lg",
@@ -22113,7 +22113,7 @@ function OnboardingStepQuestion({
         description && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
-            className: "text-muted-foreground",
+            className: "text-neutral-600 dark:text-neutral-400",
             "data-slot": "onboarding-step-description",
             children: description
           }
@@ -29139,7 +29139,7 @@ function ProviderSelector({
                           "span",
                           {
                             "data-slot": "provider-selector-option-code",
-                            className: "text-muted-foreground text-xs",
+                            className: "text-xs text-neutral-600 dark:text-neutral-400",
                             children: [
                               "(",
                               provider.code,
@@ -29151,7 +29151,7 @@ function ProviderSelector({
                           "span",
                           {
                             "data-slot": "provider-selector-option-badge",
-                            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs font-medium",
+                            className: "bg-muted rounded px-1.5 py-0.5 text-xs font-medium text-neutral-600 dark:text-neutral-400",
                             children: "Inactive"
                           }
                         )
@@ -30670,7 +30670,7 @@ function RejectionModal({
           className: "bg-muted rounded-lg p-3",
           "data-slot": "rejection-modal-info",
           children: [
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: description }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: description }),
             itemDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground mt-1 text-sm font-medium", children: itemDescription })
           ]
         }
@@ -36963,6 +36963,7 @@ function StepIndicator({
       "data-slot": "step-indicator-circle",
       onClick: () => handleStepClick(index),
       disabled: !clickable,
+      "aria-label": `Step ${index + 1}: ${step.label}`,
       className: `${sizes.circle} flex shrink-0 items-center justify-center rounded-full font-medium transition-all duration-200 focus:ring-2 focus:ring-offset-2 focus:outline-none dark:focus:ring-offset-neutral-900 ${clickable ? "cursor-pointer" : "cursor-default"} ${step.hasError ? "bg-red-100 text-red-600 focus:ring-red-500 dark:bg-red-900/30 dark:text-red-400" : status === "completed" ? "bg-primary-800 focus:ring-primary-500 dark:bg-primary-800 text-white" : status === "current" ? "bg-primary-800 ring-primary-600 focus:ring-primary-500 dark:bg-primary-800 dark:ring-primary-500 text-white ring-2 ring-offset-2 dark:ring-offset-neutral-900" : "bg-neutral-200 text-neutral-500 focus:ring-neutral-400 dark:bg-neutral-700 dark:text-neutral-300"}`.trim(),
       "aria-current": status === "current" ? "step" : void 0,
       children: step.hasError ? /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { className: "h-4 w-4" }) : status === "completed" ? step.icon || /* @__PURE__ */ jsxRuntime.jsx(CheckIcon5, { className: "h-4 w-4" }) : step.icon || /* @__PURE__ */ jsxRuntime.jsx(
@@ -37118,9 +37119,9 @@ function StripeBadge({
     }
   };
   const variantClasses = {
-    default: "bg-[#635bff]/10 text-[#635bff] dark:bg-[#635bff]/20",
-    outline: "border border-[#635bff]/30 text-[#635bff]",
-    minimal: "text-muted-foreground hover:text-[#635bff]"
+    default: "bg-indigo-500/10 text-indigo-700 dark:bg-indigo-400/20 dark:text-indigo-300",
+    outline: "border border-indigo-500/30 text-indigo-700 dark:text-indigo-300",
+    minimal: "text-neutral-600 dark:text-neutral-400 hover:text-indigo-700 dark:hover:text-indigo-300"
   };
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     showPoweredBy && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOR5DRJCW_cjs.cn("font-normal", sizeClasses2[size].text), children: "Powered by" }),
@@ -37373,7 +37374,7 @@ function TocList({
             className: chunkOR5DRJCW_cjs.cn(
               "block rounded-sm px-2 py-1 transition-colors duration-150",
               "hover:text-foreground",
-              activeId === item.id ? "text-primary font-medium" : "text-muted-foreground"
+              activeId === item.id ? "text-primary font-medium" : "text-neutral-600 dark:text-neutral-400"
             ),
             children: item.title
           }
@@ -37472,9 +37473,10 @@ function TimelineProgress({
       "data-slot": "timeline-progress",
       className: chunkOR5DRJCW_cjs.cn(sizes.padding, "overflow-x-auto", className),
       role: "progressbar",
-      "aria-valuenow": currentIndex + 1,
+      "aria-label": "Timeline progress",
+      "aria-valuenow": Math.max(currentIndex + 1, 1),
       "aria-valuemin": 1,
-      "aria-valuemax": visibleSteps.length,
+      "aria-valuemax": visibleSteps.length || 1,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-start", children: visibleSteps.map((step, index) => {
         const state = getStepState(index, step);
         const isLast = index === visibleSteps.length - 1;
@@ -39071,19 +39073,19 @@ Object.defineProperty(exports, "skeletonVariants", {
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunk5F5BWTDF_cjs.Slider; }
+  get: function () { return chunkGOKC4CCZ_cjs.Slider; }
 });
 Object.defineProperty(exports, "sliderRangeVariants", {
   enumerable: true,
-  get: function () { return chunk5F5BWTDF_cjs.sliderRangeVariants; }
+  get: function () { return chunkGOKC4CCZ_cjs.sliderRangeVariants; }
 });
 Object.defineProperty(exports, "sliderThumbVariants", {
   enumerable: true,
-  get: function () { return chunk5F5BWTDF_cjs.sliderThumbVariants; }
+  get: function () { return chunkGOKC4CCZ_cjs.sliderThumbVariants; }
 });
 Object.defineProperty(exports, "sliderTrackVariants", {
   enumerable: true,
-  get: function () { return chunk5F5BWTDF_cjs.sliderTrackVariants; }
+  get: function () { return chunkGOKC4CCZ_cjs.sliderTrackVariants; }
 });
 Object.defineProperty(exports, "FullPageSpinner", {
   enumerable: true,
@@ -39203,43 +39205,43 @@ Object.defineProperty(exports, "inputVariants", {
 });
 Object.defineProperty(exports, "CircularProgress", {
   enumerable: true,
-  get: function () { return chunkKLLGX5O3_cjs.CircularProgress; }
+  get: function () { return chunk2VCAWAPC_cjs.CircularProgress; }
 });
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkKLLGX5O3_cjs.Progress; }
+  get: function () { return chunk2VCAWAPC_cjs.Progress; }
 });
 Object.defineProperty(exports, "circularProgressVariants", {
   enumerable: true,
-  get: function () { return chunkKLLGX5O3_cjs.circularProgressVariants; }
+  get: function () { return chunk2VCAWAPC_cjs.circularProgressVariants; }
 });
 Object.defineProperty(exports, "progressBarFillVariants", {
   enumerable: true,
-  get: function () { return chunkKLLGX5O3_cjs.progressBarFillVariants; }
+  get: function () { return chunk2VCAWAPC_cjs.progressBarFillVariants; }
 });
 Object.defineProperty(exports, "progressBarTrackVariants", {
   enumerable: true,
-  get: function () { return chunkKLLGX5O3_cjs.progressBarTrackVariants; }
+  get: function () { return chunk2VCAWAPC_cjs.progressBarTrackVariants; }
 });
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
-  get: function () { return chunkDT4CHRTJ_cjs.AudioPlayer; }
+  get: function () { return chunkWJU3KLVV_cjs.AudioPlayer; }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function () { return chunkDT4CHRTJ_cjs.ProgressBar; }
+  get: function () { return chunkWJU3KLVV_cjs.ProgressBar; }
 });
 Object.defineProperty(exports, "audioPlayerVariants", {
   enumerable: true,
-  get: function () { return chunkDT4CHRTJ_cjs.audioPlayerVariants; }
+  get: function () { return chunkWJU3KLVV_cjs.audioPlayerVariants; }
 });
 Object.defineProperty(exports, "formatAudioTime", {
   enumerable: true,
-  get: function () { return chunkDT4CHRTJ_cjs.formatTime; }
+  get: function () { return chunkWJU3KLVV_cjs.formatTime; }
 });
 Object.defineProperty(exports, "playButtonVariants", {
   enumerable: true,
-  get: function () { return chunkDT4CHRTJ_cjs.playButtonVariants; }
+  get: function () { return chunkWJU3KLVV_cjs.playButtonVariants; }
 });
 Object.defineProperty(exports, "AudioRecorder", {
   enumerable: true,
@@ -39491,11 +39493,11 @@ Object.defineProperty(exports, "isStorybookDocsMode", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkHUYKGSL7_cjs.miewebUIPreset; }
+  get: function () { return chunkE35GUUTC_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkHUYKGSL7_cjs.miewebUISafelist; }
+  get: function () { return chunkE35GUUTC_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,