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

package/dist/index.js

@@ -30,7 +30,7 @@ import { Select } from './chunk-R25H4N4Z.js';
 export { Select, selectTriggerVariants } from './chunk-R25H4N4Z.js';
 import { Skeleton } from './chunk-4Z6ZZKIY.js';
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-4Z6ZZKIY.js';
-export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-RTFVTLMH.js';
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-JBB25LFB.js';
 import { Spinner, SpinnerWithLabel } from './chunk-VCO2IZOG.js';
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-VCO2IZOG.js';
 export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-WFS6R2F5.js';
@@ -44,9 +44,9 @@ export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-
 export { PhoneInput, PhoneInputGroup } from './chunk-OGOFYY22.js';
 import { Input } from './chunk-PVUDXJAI.js';
 export { Input, inputVariants } from './chunk-PVUDXJAI.js';
-import { Progress } from './chunk-YY23MK3V.js';
-export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-YY23MK3V.js';
-export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-WORZLEUZ.js';
+import { Progress } from './chunk-TGCY5FNL.js';
+export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-TGCY5FNL.js';
+export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-CJQXWFIW.js';
 export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-TRZXK57D.js';
 import { Avatar } from './chunk-YDJUUR4Y.js';
 export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-YDJUUR4Y.js';
@@ -76,7 +76,7 @@ export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDat
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from './chunk-ZVPJ2MH6.js';
 import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-DJNNEKZU.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-JYAWYBA3.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-MV3MTHWQ.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-MV3MTHWQ.js';
 import { cn } from './chunk-F3SOEIN2.js';
@@ -1875,7 +1875,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__ */ jsx(
               "svg",
@@ -2034,7 +2034,7 @@ function MCPToolCallDisplay({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-900 dark:text-white", children: friendlyName }),
             /* @__PURE__ */ jsx(ToolStatusIcon, { status: toolCall.status }),
-            toolCall.duration && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-400", children: formatDuration2(toolCall.duration) })
+            toolCall.duration && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-600 dark:text-neutral-400", children: formatDuration2(toolCall.duration) })
           ] }),
           paramSummary && toolCall.status !== "success" && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 text-sm", children: paramSummary }),
           toolCall.result && /* @__PURE__ */ jsx("div", { "data-slot": "ai-tool-result", className: "mt-2", children: /* @__PURE__ */ jsx(
@@ -2050,7 +2050,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__ */ jsx(
                   "svg",
@@ -2084,13 +2084,13 @@ function MCPToolCallDisplay({
               "data-slot": "ai-tool-parameters",
               className: "mt-3 rounded-md bg-neutral-100 p-2 dark:bg-neutral-800",
               children: [
-                /* @__PURE__ */ jsx("h4", { className: "mb-1.5 text-xs font-medium tracking-wide text-neutral-500 uppercase dark:text-neutral-400", children: "Parameters" }),
+                /* @__PURE__ */ jsx("h4", { className: "mb-1.5 text-xs font-medium tracking-wide text-neutral-600 uppercase dark:text-neutral-400", children: "Parameters" }),
                 /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: toolCall.parameters.map((param) => /* @__PURE__ */ jsxs(
                   "div",
                   {
                     className: "flex items-start gap-2 text-xs",
                     children: [
-                      /* @__PURE__ */ jsxs("span", { className: "font-mono text-neutral-500 dark:text-neutral-500", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "font-mono text-neutral-600 dark:text-neutral-400", children: [
                         param.name,
                         ":"
                       ] }),
@@ -5082,7 +5082,7 @@ function AppHeaderSearch({
       "data-testid": testId,
       className: 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",
@@ -5098,7 +5098,7 @@ function AppHeaderSearch({
             className: 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",
@@ -22120,7 +22120,7 @@ function OnboardingStepQuestion({
         description && /* @__PURE__ */ jsx(
           "p",
           {
-            className: "text-muted-foreground",
+            className: "text-neutral-600 dark:text-neutral-400",
             "data-slot": "onboarding-step-description",
             children: description
           }
@@ -29146,7 +29146,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,
@@ -29158,7 +29158,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"
                           }
                         )
@@ -30677,7 +30677,7 @@ function RejectionModal({
           className: "bg-muted rounded-lg p-3",
           "data-slot": "rejection-modal-info",
           children: [
-            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: description }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: description }),
             itemDescription && /* @__PURE__ */ jsx("p", { className: "text-foreground mt-1 text-sm font-medium", children: itemDescription })
           ]
         }
@@ -36970,6 +36970,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__ */ jsx(ErrorIcon, { className: "h-4 w-4" }) : status === "completed" ? step.icon || /* @__PURE__ */ jsx(CheckIcon5, { className: "h-4 w-4" }) : step.icon || /* @__PURE__ */ jsx(
@@ -37125,9 +37126,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__ */ jsxs(Fragment, { children: [
     showPoweredBy && /* @__PURE__ */ jsx("span", { className: cn("font-normal", sizeClasses2[size].text), children: "Powered by" }),
@@ -37380,7 +37381,7 @@ function TocList({
             className: 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
           }
@@ -37479,9 +37480,10 @@ function TimelineProgress({
       "data-slot": "timeline-progress",
       className: 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__ */ jsx("div", { className: "relative flex items-start", children: visibleSteps.map((step, index) => {
         const state = getStepState(index, step);
         const isLast = index === visibleSteps.length - 1;