@mieweb/ui 0.2.2 → 0.3.0-dev.100

package/dist/{chunk-53K3KWXQ.cjs → chunk-EUUQVDXX.cjs}

@@ -85,8 +85,8 @@ var controlButtonVariants = classVarianceAuthority.cva(
     variants: {
       variant: {
         primary: [
-          "bg-primary-600 text-white",
-          "hover:bg-primary-700",
+          "bg-primary-800 text-white",
+          "hover:bg-primary-900",
           "active:bg-primary-800"
         ],
         secondary: [
@@ -206,19 +206,26 @@ function RecordingIndicator({
   isPaused
 }) {
   if (!isRecording && !isPaused) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkOR5DRJCW_cjs.cn(
-          "h-3 w-3 rounded-full",
-          isRecording && !isPaused ? "animate-pulse bg-red-500" : "bg-yellow-500"
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2",
+      "data-slot": "audio-recorder-indicator",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkOR5DRJCW_cjs.cn(
+              "h-3 w-3 rounded-full",
+              isRecording && !isPaused ? "animate-pulse bg-red-500" : "bg-yellow-500"
+            ),
+            "aria-hidden": "true"
+          }
         ),
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-neutral-600 dark:text-neutral-400", children: isPaused ? "Paused" : "Recording" })
-  ] });
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm font-medium", children: isPaused ? "Paused" : "Recording" })
+      ]
+    }
+  );
 }
 function TimeDisplay({
   currentTime,
@@ -226,11 +233,18 @@ function TimeDisplay({
   maxDuration,
   showMax
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 font-mono text-sm text-neutral-600 dark:text-neutral-400", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(currentTime) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(showMax && maxDuration ? maxDuration : duration) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "text-muted-foreground flex items-center gap-1 font-mono text-sm",
+      "data-slot": "audio-recorder-time",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(currentTime) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(showMax && maxDuration ? maxDuration : duration) })
+      ]
+    }
+  );
 }
 function LiveVisualizer({
   analyser,
@@ -573,6 +587,7 @@ function AudioRecorder({
     "div",
     {
       className: chunkOR5DRJCW_cjs.cn(audioRecorderVariants({ size, variant }), className),
+      "data-slot": "audio-recorder",
       role: "group",
       "aria-label": ariaLabel,
       children: [
@@ -580,6 +595,7 @@ function AudioRecorder({
           "div",
           {
             className: chunkOR5DRJCW_cjs.cn(waveformContainerVariants({ state })),
+            "data-slot": "audio-recorder-waveform",
             style: { height: waveformHeight },
             children: (state === "recording" || state === "listening") && !hasRecording ? /* @__PURE__ */ jsxRuntime.jsx(
               LiveVisualizer,
@@ -592,18 +608,25 @@ function AudioRecorder({
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { ref: waveformRef, className: "w-full" })
           }
         ),
-        showTime && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RecordingIndicator, { isRecording, isPaused }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TimeDisplay,
-            {
-              currentTime,
-              duration,
-              maxDuration,
-              showMax: isRecording || isPaused
-            }
-          )
-        ] }),
+        showTime && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between",
+            "data-slot": "audio-recorder-status",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(RecordingIndicator, { isRecording, isPaused }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                TimeDisplay,
+                {
+                  currentTime,
+                  duration,
+                  maxDuration,
+                  showMax: isRecording || isPaused
+                }
+              )
+            ]
+          }
+        ),
         renderControls ? renderControls(controlRenderProps) : /* @__PURE__ */ jsxRuntime.jsx(
           DefaultControls,
           {
@@ -632,116 +655,123 @@ function DefaultControls({
   onPlay,
   onDelete
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-3", children: [
-    hasRecording && !isRecording && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onDelete,
-        disabled,
-        className: chunkOR5DRJCW_cjs.cn(
-          controlButtonVariants({ variant: "ghost", size: "md" })
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center justify-center gap-3",
+      "data-slot": "audio-recorder-controls",
+      children: [
+        hasRecording && !isRecording && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDelete,
+            disabled,
+            className: chunkOR5DRJCW_cjs.cn(
+              controlButtonVariants({ variant: "ghost", size: "md" })
+            ),
+            "aria-label": "Delete recording",
+            children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, { className: "h-5 w-5" })
+          }
         ),
-        "aria-label": "Delete recording",
-        children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, { className: "h-5 w-5" })
-      }
-    ),
-    state === "idle" && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onRecord,
-        disabled,
-        className: chunkOR5DRJCW_cjs.cn(
-          controlButtonVariants({ variant: "danger", size: "lg" })
+        state === "idle" && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRecord,
+            disabled,
+            className: chunkOR5DRJCW_cjs.cn(
+              controlButtonVariants({ variant: "danger", size: "lg" })
+            ),
+            "aria-label": "Start recording",
+            children: /* @__PURE__ */ jsxRuntime.jsx(MicrophoneIcon, { className: "h-6 w-6" })
+          }
         ),
-        "aria-label": "Start recording",
-        children: /* @__PURE__ */ jsxRuntime.jsx(MicrophoneIcon, { className: "h-6 w-6" })
-      }
-    ),
-    isRecording && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onPause,
-          disabled,
-          className: chunkOR5DRJCW_cjs.cn(
-            controlButtonVariants({ variant: "secondary", size: "md" })
-          ),
-          "aria-label": "Pause recording",
-          children: /* @__PURE__ */ jsxRuntime.jsx(PauseIcon, { className: "h-5 w-5" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onStop,
-          disabled,
-          className: chunkOR5DRJCW_cjs.cn(
-            controlButtonVariants({ variant: "danger", size: "lg" })
-          ),
-          "aria-label": "Stop recording",
-          children: /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: "h-6 w-6" })
-        }
-      )
-    ] }),
-    isPaused && !hasRecording && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onResume,
-          disabled,
-          className: chunkOR5DRJCW_cjs.cn(
-            controlButtonVariants({ variant: "danger", size: "lg" })
+        isRecording && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onPause,
+              disabled,
+              className: chunkOR5DRJCW_cjs.cn(
+                controlButtonVariants({ variant: "secondary", size: "md" })
+              ),
+              "aria-label": "Pause recording",
+              children: /* @__PURE__ */ jsxRuntime.jsx(PauseIcon, { className: "h-5 w-5" })
+            }
           ),
-          "aria-label": "Resume recording",
-          children: /* @__PURE__ */ jsxRuntime.jsx(MicrophoneIcon, { className: "h-6 w-6" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onStop,
-          disabled,
-          className: chunkOR5DRJCW_cjs.cn(
-            controlButtonVariants({ variant: "secondary", size: "md" })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onStop,
+              disabled,
+              className: chunkOR5DRJCW_cjs.cn(
+                controlButtonVariants({ variant: "danger", size: "lg" })
+              ),
+              "aria-label": "Stop recording",
+              children: /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: "h-6 w-6" })
+            }
+          )
+        ] }),
+        isPaused && !hasRecording && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onResume,
+              disabled,
+              className: chunkOR5DRJCW_cjs.cn(
+                controlButtonVariants({ variant: "danger", size: "lg" })
+              ),
+              "aria-label": "Resume recording",
+              children: /* @__PURE__ */ jsxRuntime.jsx(MicrophoneIcon, { className: "h-6 w-6" })
+            }
           ),
-          "aria-label": "Stop recording",
-          children: /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: "h-5 w-5" })
-        }
-      )
-    ] }),
-    (state === "stopped" || isPaused && hasRecording) && hasRecording && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: isPlaying || isPaused ? onPause : onPlay,
-        disabled,
-        className: chunkOR5DRJCW_cjs.cn(
-          controlButtonVariants({ variant: "primary", size: "lg" })
-        ),
-        "aria-label": isPaused ? "Resume playback" : isPlaying ? "Pause playback" : "Play recording",
-        children: isPaused || !isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(PlayIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsxRuntime.jsx(PauseIcon, { className: "h-6 w-6" })
-      }
-    ),
-    isPlaying && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onPause,
-        disabled,
-        className: chunkOR5DRJCW_cjs.cn(
-          controlButtonVariants({ variant: "primary", size: "lg" })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onStop,
+              disabled,
+              className: chunkOR5DRJCW_cjs.cn(
+                controlButtonVariants({ variant: "secondary", size: "md" })
+              ),
+              "aria-label": "Stop recording",
+              children: /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        (state === "stopped" || isPaused && hasRecording) && hasRecording && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: isPlaying || isPaused ? onPause : onPlay,
+            disabled,
+            className: chunkOR5DRJCW_cjs.cn(
+              controlButtonVariants({ variant: "primary", size: "lg" })
+            ),
+            "aria-label": isPaused ? "Resume playback" : isPlaying ? "Pause playback" : "Play recording",
+            children: isPaused || !isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(PlayIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsxRuntime.jsx(PauseIcon, { className: "h-6 w-6" })
+          }
         ),
-        "aria-label": "Pause playback",
-        children: /* @__PURE__ */ jsxRuntime.jsx(PauseIcon, { className: "h-6 w-6" })
-      }
-    )
-  ] });
+        isPlaying && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onPause,
+            disabled,
+            className: chunkOR5DRJCW_cjs.cn(
+              controlButtonVariants({ variant: "primary", size: "lg" })
+            ),
+            "aria-label": "Pause playback",
+            children: /* @__PURE__ */ jsxRuntime.jsx(PauseIcon, { className: "h-6 w-6" })
+          }
+        )
+      ]
+    }
+  );
 }
 
 exports.AudioRecorder = AudioRecorder;
@@ -749,5 +779,5 @@ exports.audioRecorderVariants = audioRecorderVariants;
 exports.controlButtonVariants = controlButtonVariants;
 exports.formatTime = formatTime;
 exports.waveformContainerVariants = waveformContainerVariants;
-//# sourceMappingURL=chunk-53K3KWXQ.cjs.map
-//# sourceMappingURL=chunk-53K3KWXQ.cjs.map
+//# sourceMappingURL=chunk-EUUQVDXX.cjs.map
+//# sourceMappingURL=chunk-EUUQVDXX.cjs.map

package/dist/chunk-EUUQVDXX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AudioRecorder/AudioRecorder.tsx"],"names":["cva","jsx","jsxs","cn","React","Fragment"],"mappings":"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","file":"chunk-EUUQVDXX.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type AudioRecorderState =\n  | 'idle'\n  | 'listening'\n  | 'recording'\n  | 'paused'\n  | 'stopped'\n  | 'playback';\n\nexport interface AudioRecorderProps extends VariantProps<\n  typeof audioRecorderVariants\n> {\n  /** Current state of the recorder */\n  state?: AudioRecorderState;\n  /** Callback when state changes */\n  onStateChange?: (state: AudioRecorderState) => void;\n  /** Callback when recording is complete with the audio blob */\n  onRecordingComplete?: (blob: Blob, duration: number) => void;\n  /** Callback when recording starts */\n  onRecordingStart?: () => void;\n  /** Callback when an error occurs */\n  onError?: (error: Error) => void;\n  /** Maximum recording duration in seconds (0 for unlimited) */\n  maxDuration?: number;\n  /** Audio MIME type */\n  mimeType?: string;\n  /** Waveform color (uses theme primary by default) */\n  waveColor?: string;\n  /** Progress/recorded waveform color */\n  progressColor?: string;\n  /** Cursor color */\n  cursorColor?: string;\n  /** Height of the waveform display */\n  waveformHeight?: number;\n  /** Show time display */\n  showTime?: boolean;\n  /** Show waveform visualization */\n  showWaveform?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Accessible label */\n  'aria-label'?: string;\n  /** Pre-loaded audio URL for playback mode */\n  audioUrl?: string;\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Custom controls render function */\n  renderControls?: (props: AudioRecorderControlsRenderProps) => React.ReactNode;\n}\n\nexport interface AudioRecorderControlsRenderProps {\n  state: AudioRecorderState;\n  currentTime: number;\n  duration: number;\n  isRecording: boolean;\n  isPaused: boolean;\n  isPlaying: boolean;\n  onRecord: () => void;\n  onPause: () => void;\n  onResume: () => void;\n  onStop: () => void;\n  onPlay: () => void;\n  onSeek: (time: number) => void;\n  formatTime: (seconds: number) => string;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst audioRecorderVariants = cva(\n  [\n    'relative flex flex-col gap-3',\n    'rounded-xl border border-border',\n    'bg-card text-card-foreground',\n    'transition-all duration-200',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'p-3',\n        md: 'p-4',\n        lg: 'p-5',\n      },\n      variant: {\n        default: '',\n        minimal: 'border-none bg-transparent shadow-none',\n        elevated: 'shadow-lg border-0',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\nconst waveformContainerVariants = cva(\n  [\n    'relative w-full overflow-hidden rounded-lg',\n    'bg-neutral-100 dark:bg-neutral-800',\n    'transition-all duration-200',\n  ],\n  {\n    variants: {\n      state: {\n        idle: 'opacity-50',\n        listening: 'opacity-75',\n        recording: '',\n        paused: 'opacity-90',\n        stopped: '',\n        playback: '',\n      },\n    },\n    defaultVariants: {\n      state: 'idle',\n    },\n  }\n);\n\nconst controlButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-full transition-all duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'active:scale-95',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-800',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-700',\n          'hover:bg-neutral-300',\n          'dark:bg-neutral-700 dark:text-neutral-200',\n          'dark:hover:bg-neutral-600',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'dark:text-neutral-400 dark:hover:bg-neutral-800',\n        ],\n      },\n      size: {\n        sm: 'h-8 w-8',\n        md: 'h-10 w-10',\n        lg: 'h-12 w-12',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\nfunction formatTime(seconds: number): string {\n  const mins = Math.floor(seconds / 60);\n  const secs = Math.floor(seconds % 60);\n  return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction MicrophoneIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={2}\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z\"\n      />\n    </svg>\n  );\n}\n\nfunction StopIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" />\n    </svg>\n  );\n}\n\nfunction PlayIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M8 5.14v14l11-7-11-7z\" />\n    </svg>\n  );\n}\n\nfunction PauseIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\" />\n    </svg>\n  );\n}\n\nfunction TrashIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={2}\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Recording Indicator\n// ============================================================================\n\ninterface RecordingIndicatorProps {\n  isRecording: boolean;\n  isPaused: boolean;\n}\n\nfunction RecordingIndicator({\n  isRecording,\n  isPaused,\n}: RecordingIndicatorProps) {\n  if (!isRecording && !isPaused) return null;\n\n  return (\n    <div\n      className=\"flex items-center gap-2\"\n      data-slot=\"audio-recorder-indicator\"\n    >\n      <div\n        className={cn(\n          'h-3 w-3 rounded-full',\n          isRecording && !isPaused\n            ? 'animate-pulse bg-red-500'\n            : 'bg-yellow-500'\n        )}\n        aria-hidden=\"true\"\n      />\n      <span className=\"text-muted-foreground text-sm font-medium\">\n        {isPaused ? 'Paused' : 'Recording'}\n      </span>\n    </div>\n  );\n}\n\n// ============================================================================\n// Time Display\n// ============================================================================\n\ninterface TimeDisplayProps {\n  currentTime: number;\n  duration: number;\n  maxDuration?: number;\n  showMax?: boolean;\n}\n\nfunction TimeDisplay({\n  currentTime,\n  duration,\n  maxDuration,\n  showMax,\n}: TimeDisplayProps) {\n  return (\n    <div\n      className=\"text-muted-foreground flex items-center gap-1 font-mono text-sm\"\n      data-slot=\"audio-recorder-time\"\n    >\n      <span>{formatTime(currentTime)}</span>\n      <span>/</span>\n      <span>{formatTime(showMax && maxDuration ? maxDuration : duration)}</span>\n    </div>\n  );\n}\n\n// ============================================================================\n// Live Visualizer (for recording mode without WaveSurfer)\n// ============================================================================\n\ninterface LiveVisualizerProps {\n  analyser: AnalyserNode | null;\n  isActive: boolean;\n  height: number;\n  barColor?: string;\n}\n\nfunction LiveVisualizer({\n  analyser,\n  isActive,\n  height,\n  barColor,\n}: LiveVisualizerProps) {\n  const canvasRef = React.useRef<HTMLCanvasElement>(null);\n  const animationRef = React.useRef<number | undefined>(undefined);\n\n  React.useEffect(() => {\n    if (!analyser || !canvasRef.current || !isActive) return;\n\n    const canvas = canvasRef.current;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const bufferLength = analyser.frequencyBinCount;\n    const dataArray = new Uint8Array(bufferLength);\n\n    const draw = () => {\n      if (!isActive) return;\n\n      analyser.getByteFrequencyData(dataArray);\n\n      ctx.fillStyle = 'transparent';\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      const barWidth = (canvas.width / bufferLength) * 2.5;\n      let x = 0;\n\n      for (let i = 0; i < bufferLength; i++) {\n        const barHeight = (dataArray[i] / 255) * canvas.height;\n\n        // Use CSS variable for primary color or fallback\n        ctx.fillStyle =\n          barColor ||\n          getComputedStyle(document.documentElement).getPropertyValue(\n            '--color-primary-500'\n          ) ||\n          '#3b82f6';\n\n        ctx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);\n\n        x += barWidth + 1;\n      }\n\n      animationRef.current = requestAnimationFrame(draw);\n    };\n\n    draw();\n\n    return () => {\n      if (animationRef.current) {\n        cancelAnimationFrame(animationRef.current);\n      }\n    };\n  }, [analyser, isActive, barColor]);\n\n  return (\n    <canvas\n      ref={canvasRef}\n      width={600}\n      height={height}\n      className=\"w-full\"\n      style={{ height }}\n    />\n  );\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * An audio recorder component with waveform visualization and custom controls.\n * Uses the Web Audio API and WaveSurfer.js for visualization.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <AudioRecorder\n *   onRecordingComplete={(blob, duration) => {\n *     console.log('Recording complete:', blob, duration);\n *   }}\n * />\n *\n * // With max duration and custom styling\n * <AudioRecorder\n *   maxDuration={60}\n *   variant=\"elevated\"\n *   size=\"lg\"\n *   waveColor=\"#3b82f6\"\n *   progressColor=\"#1d4ed8\"\n * />\n *\n * // Playback mode with pre-loaded audio\n * <AudioRecorder\n *   audioUrl=\"/audio/message.wav\"\n *   state=\"stopped\"\n * />\n * ```\n */\nfunction AudioRecorder({\n  state: controlledState,\n  onStateChange,\n  onRecordingComplete,\n  onRecordingStart,\n  onError,\n  maxDuration = 0,\n  mimeType = 'audio/webm',\n  waveColor,\n  progressColor,\n  cursorColor,\n  waveformHeight = 80,\n  showTime = true,\n  showWaveform = true,\n  size,\n  variant,\n  className,\n  'aria-label': ariaLabel = 'Audio recorder',\n  audioUrl,\n  disabled = false,\n  renderControls,\n}: AudioRecorderProps) {\n  // State\n  const [internalState, setInternalState] =\n    React.useState<AudioRecorderState>('idle');\n  const state = controlledState ?? internalState;\n\n  const [currentTime, setCurrentTime] = React.useState(0);\n  const [duration, setDuration] = React.useState(0);\n  const [audioBlob, setAudioBlob] = React.useState<Blob | null>(null);\n  const [audioObjectUrl, setAudioObjectUrl] = React.useState<string | null>(\n    null\n  );\n  const [pendingBlob, setPendingBlob] = React.useState<Blob | null>(null);\n\n  // Refs\n  const waveformRef = React.useRef<HTMLDivElement>(null);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const wavesurferRef = React.useRef<any>(null);\n  const mediaRecorderRef = React.useRef<MediaRecorder | null>(null);\n  const audioContextRef = React.useRef<AudioContext | null>(null);\n  const analyserRef = React.useRef<AnalyserNode | null>(null);\n  const streamRef = React.useRef<MediaStream | null>(null);\n  const chunksRef = React.useRef<Blob[]>([]);\n  const timerRef = React.useRef<number | undefined>(undefined);\n  const startTimeRef = React.useRef<number>(0);\n  const handleStopRef = React.useRef<() => void>(() => {});\n\n  // Update state\n  const updateState = React.useCallback(\n    (newState: AudioRecorderState) => {\n      if (!controlledState) {\n        setInternalState(newState);\n      }\n      onStateChange?.(newState);\n    },\n    [controlledState, onStateChange]\n  );\n\n  // Initialize WaveSurfer for playback\n  const initWaveSurfer = React.useCallback(async () => {\n    if (!waveformRef.current || !showWaveform) return;\n\n    // Dynamically import WaveSurfer\n    const WaveSurferModule = await import('wavesurfer.js');\n    const WaveSurfer = WaveSurferModule.default;\n\n    // Destroy existing instance\n    if (wavesurferRef.current) {\n      wavesurferRef.current.destroy();\n    }\n\n    // Get computed styles for theming\n    const computedStyle = getComputedStyle(document.documentElement);\n    const defaultWaveColor =\n      computedStyle.getPropertyValue('--color-primary-400').trim() || '#60a5fa';\n    const defaultProgressColor =\n      computedStyle.getPropertyValue('--color-primary-600').trim() || '#2563eb';\n    const defaultCursorColor =\n      computedStyle.getPropertyValue('--color-primary-800').trim() || '#1e40af';\n\n    wavesurferRef.current = WaveSurfer.create({\n      container: waveformRef.current,\n      waveColor: waveColor || defaultWaveColor,\n      progressColor: progressColor || defaultProgressColor,\n      cursorColor: cursorColor || defaultCursorColor,\n      cursorWidth: 2,\n      height: waveformHeight,\n      barWidth: 2,\n      barGap: 1,\n      barRadius: 2,\n      normalize: true,\n      hideScrollbar: true,\n    });\n\n    const ws = wavesurferRef.current;\n\n    ws.on('timeupdate', (time: number) => {\n      setCurrentTime(time);\n    });\n\n    ws.on('ready', () => {\n      if (wavesurferRef.current) {\n        setDuration(wavesurferRef.current.getDuration());\n      }\n    });\n\n    ws.on('finish', () => {\n      updateState('stopped');\n    });\n  }, [\n    showWaveform,\n    waveColor,\n    progressColor,\n    cursorColor,\n    waveformHeight,\n    updateState,\n  ]);\n\n  // Load audio URL if provided\n  React.useEffect(() => {\n    if (audioUrl && wavesurferRef.current) {\n      wavesurferRef.current.load(audioUrl);\n      updateState('stopped');\n    }\n  }, [audioUrl, updateState]);\n\n  // Load pending blob into WaveSurfer after the waveform container becomes available\n  React.useEffect(() => {\n    if (pendingBlob && waveformRef.current && state === 'stopped') {\n      const loadBlob = async () => {\n        // Initialize WaveSurfer if needed\n        if (!wavesurferRef.current) {\n          await initWaveSurfer();\n        }\n        // Load the blob\n        if (wavesurferRef.current && pendingBlob) {\n          wavesurferRef.current.loadBlob(pendingBlob);\n          setPendingBlob(null);\n        }\n      };\n      // Small delay to ensure the DOM is ready\n      const timer = setTimeout(loadBlob, 50);\n      return () => clearTimeout(timer);\n    }\n  }, [pendingBlob, state, initWaveSurfer]);\n\n  // Initialize on mount\n  React.useEffect(() => {\n    initWaveSurfer();\n\n    return () => {\n      if (wavesurferRef.current) {\n        wavesurferRef.current.destroy();\n      }\n      if (audioContextRef.current) {\n        audioContextRef.current.close();\n      }\n      if (streamRef.current) {\n        streamRef.current.getTracks().forEach((track) => track.stop());\n      }\n      if (audioObjectUrl) {\n        URL.revokeObjectURL(audioObjectUrl);\n      }\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n    };\n  }, [initWaveSurfer, audioObjectUrl]);\n\n  // Start recording\n  const handleRecord = React.useCallback(async () => {\n    if (disabled) return;\n\n    try {\n      // Request microphone access\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      streamRef.current = stream;\n\n      // Create audio context for visualization\n      audioContextRef.current = new AudioContext();\n      const source = audioContextRef.current.createMediaStreamSource(stream);\n      analyserRef.current = audioContextRef.current.createAnalyser();\n      analyserRef.current.fftSize = 256;\n      source.connect(analyserRef.current);\n\n      // Create media recorder\n      const options = { mimeType };\n      if (!MediaRecorder.isTypeSupported(mimeType)) {\n        // Fallback to default\n        mediaRecorderRef.current = new MediaRecorder(stream);\n      } else {\n        mediaRecorderRef.current = new MediaRecorder(stream, options);\n      }\n\n      chunksRef.current = [];\n\n      mediaRecorderRef.current.ondataavailable = (e) => {\n        if (e.data.size > 0) {\n          chunksRef.current.push(e.data);\n        }\n      };\n\n      mediaRecorderRef.current.onstop = async () => {\n        const blob = new Blob(chunksRef.current, { type: mimeType });\n        setAudioBlob(blob);\n\n        // Clean up old URL\n        if (audioObjectUrl) {\n          URL.revokeObjectURL(audioObjectUrl);\n        }\n\n        const url = URL.createObjectURL(blob);\n        setAudioObjectUrl(url);\n\n        // Store the blob to load after the waveform container is rendered\n        setPendingBlob(blob);\n\n        onRecordingComplete?.(blob, duration);\n        updateState('stopped');\n      };\n\n      // Start recording\n      mediaRecorderRef.current.start(100);\n      startTimeRef.current = Date.now();\n      updateState('recording');\n      onRecordingStart?.();\n\n      // Start timer\n      timerRef.current = window.setInterval(() => {\n        const elapsed = (Date.now() - startTimeRef.current) / 1000;\n        setCurrentTime(elapsed);\n        setDuration(elapsed);\n\n        // Check max duration\n        if (maxDuration > 0 && elapsed >= maxDuration) {\n          handleStopRef.current();\n        }\n      }, 100);\n    } catch (error) {\n      onError?.(error as Error);\n      updateState('idle');\n    }\n  }, [\n    disabled,\n    mimeType,\n    maxDuration,\n    audioObjectUrl,\n    duration,\n    onRecordingComplete,\n    onRecordingStart,\n    onError,\n    updateState,\n  ]);\n\n  // Pause recording\n  const handlePause = React.useCallback(() => {\n    if (\n      mediaRecorderRef.current &&\n      mediaRecorderRef.current.state === 'recording'\n    ) {\n      mediaRecorderRef.current.pause();\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n      updateState('paused');\n    } else if (\n      wavesurferRef.current &&\n      (state === 'playback' || state === 'stopped')\n    ) {\n      wavesurferRef.current.pause();\n      updateState('paused');\n    }\n  }, [state, updateState]);\n\n  // Resume recording\n  const handleResume = React.useCallback(() => {\n    if (\n      mediaRecorderRef.current &&\n      mediaRecorderRef.current.state === 'paused'\n    ) {\n      mediaRecorderRef.current.resume();\n      const pausedTime = currentTime;\n      startTimeRef.current = Date.now() - pausedTime * 1000;\n      timerRef.current = window.setInterval(() => {\n        const elapsed = (Date.now() - startTimeRef.current) / 1000;\n        setCurrentTime(elapsed);\n        setDuration(elapsed);\n\n        if (maxDuration > 0 && elapsed >= maxDuration) {\n          handleStopRef.current();\n        }\n      }, 100);\n      updateState('recording');\n    } else if (wavesurferRef.current && state === 'paused') {\n      wavesurferRef.current.play();\n      updateState('playback');\n    }\n  }, [currentTime, maxDuration, state, updateState]);\n\n  // Stop recording\n  const handleStop = React.useCallback(() => {\n    if (timerRef.current) {\n      clearInterval(timerRef.current);\n    }\n\n    if (\n      mediaRecorderRef.current &&\n      (mediaRecorderRef.current.state === 'recording' ||\n        mediaRecorderRef.current.state === 'paused')\n    ) {\n      mediaRecorderRef.current.stop();\n    }\n\n    if (streamRef.current) {\n      streamRef.current.getTracks().forEach((track) => track.stop());\n    }\n\n    if (audioContextRef.current) {\n      audioContextRef.current.close();\n      audioContextRef.current = null;\n    }\n\n    analyserRef.current = null;\n    // State will be updated in onstop handler\n  }, []);\n\n  // Keep ref updated for use inside intervals\n  handleStopRef.current = handleStop;\n\n  // Play recording\n  const handlePlay = React.useCallback(() => {\n    if (wavesurferRef.current) {\n      wavesurferRef.current.play();\n      updateState('playback');\n    }\n  }, [updateState]);\n\n  // Seek\n  const handleSeek = React.useCallback((time: number) => {\n    if (wavesurferRef.current) {\n      const progress = time / wavesurferRef.current.getDuration();\n      wavesurferRef.current.seekTo(progress);\n      setCurrentTime(time);\n    }\n  }, []);\n\n  // Delete recording\n  const handleDelete = React.useCallback(() => {\n    setAudioBlob(null);\n    if (audioObjectUrl) {\n      URL.revokeObjectURL(audioObjectUrl);\n      setAudioObjectUrl(null);\n    }\n    setCurrentTime(0);\n    setDuration(0);\n    updateState('idle');\n  }, [audioObjectUrl, updateState]);\n\n  // Computed values\n  const isRecording = state === 'recording';\n  const isPaused = state === 'paused';\n  const isPlaying = state === 'playback';\n  const hasRecording = audioBlob !== null || audioUrl !== undefined;\n\n  // Control render props\n  const controlRenderProps: AudioRecorderControlsRenderProps = {\n    state,\n    currentTime,\n    duration,\n    isRecording,\n    isPaused,\n    isPlaying,\n    onRecord: handleRecord,\n    onPause: handlePause,\n    onResume: handleResume,\n    onStop: handleStop,\n    onPlay: handlePlay,\n    onSeek: handleSeek,\n    formatTime,\n  };\n\n  return (\n    <div\n      className={cn(audioRecorderVariants({ size, variant }), className)}\n      data-slot=\"audio-recorder\"\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      {/* Waveform / Visualizer */}\n      {showWaveform && (\n        <div\n          className={cn(waveformContainerVariants({ state }))}\n          data-slot=\"audio-recorder-waveform\"\n          style={{ height: waveformHeight }}\n        >\n          {(state === 'recording' || state === 'listening') && !hasRecording ? (\n            <LiveVisualizer\n              analyser={analyserRef.current}\n              isActive={isRecording}\n              height={waveformHeight}\n              barColor={waveColor}\n            />\n          ) : (\n            <div ref={waveformRef} className=\"w-full\" />\n          )}\n        </div>\n      )}\n\n      {/* Status and Time */}\n      {showTime && (\n        <div\n          className=\"flex items-center justify-between\"\n          data-slot=\"audio-recorder-status\"\n        >\n          <RecordingIndicator isRecording={isRecording} isPaused={isPaused} />\n          <TimeDisplay\n            currentTime={currentTime}\n            duration={duration}\n            maxDuration={maxDuration}\n            showMax={isRecording || isPaused}\n          />\n        </div>\n      )}\n\n      {/* Controls */}\n      {renderControls ? (\n        renderControls(controlRenderProps)\n      ) : (\n        <DefaultControls\n          {...controlRenderProps}\n          disabled={disabled}\n          hasRecording={hasRecording}\n          onDelete={handleDelete}\n        />\n      )}\n    </div>\n  );\n}\n\nAudioRecorder.displayName = 'AudioRecorder';\n\n// ============================================================================\n// Default Controls\n// ============================================================================\n\ninterface DefaultControlsProps extends AudioRecorderControlsRenderProps {\n  disabled?: boolean;\n  hasRecording: boolean;\n  onDelete: () => void;\n}\n\nfunction DefaultControls({\n  state,\n  isRecording,\n  isPaused,\n  isPlaying,\n  hasRecording,\n  disabled,\n  onRecord,\n  onPause,\n  onResume,\n  onStop,\n  onPlay,\n  onDelete,\n}: DefaultControlsProps) {\n  return (\n    <div\n      className=\"flex items-center justify-center gap-3\"\n      data-slot=\"audio-recorder-controls\"\n    >\n      {/* Delete button - only when we have a recording */}\n      {hasRecording && !isRecording && (\n        <button\n          type=\"button\"\n          onClick={onDelete}\n          disabled={disabled}\n          className={cn(\n            controlButtonVariants({ variant: 'ghost', size: 'md' })\n          )}\n          aria-label=\"Delete recording\"\n        >\n          <TrashIcon className=\"h-5 w-5\" />\n        </button>\n      )}\n\n      {/* Main control button */}\n      {state === 'idle' && (\n        <button\n          type=\"button\"\n          onClick={onRecord}\n          disabled={disabled}\n          className={cn(\n            controlButtonVariants({ variant: 'danger', size: 'lg' })\n          )}\n          aria-label=\"Start recording\"\n        >\n          <MicrophoneIcon className=\"h-6 w-6\" />\n        </button>\n      )}\n\n      {isRecording && (\n        <>\n          <button\n            type=\"button\"\n            onClick={onPause}\n            disabled={disabled}\n            className={cn(\n              controlButtonVariants({ variant: 'secondary', size: 'md' })\n            )}\n            aria-label=\"Pause recording\"\n          >\n            <PauseIcon className=\"h-5 w-5\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={onStop}\n            disabled={disabled}\n            className={cn(\n              controlButtonVariants({ variant: 'danger', size: 'lg' })\n            )}\n            aria-label=\"Stop recording\"\n          >\n            <StopIcon className=\"h-6 w-6\" />\n          </button>\n        </>\n      )}\n\n      {isPaused && !hasRecording && (\n        <>\n          <button\n            type=\"button\"\n            onClick={onResume}\n            disabled={disabled}\n            className={cn(\n              controlButtonVariants({ variant: 'danger', size: 'lg' })\n            )}\n            aria-label=\"Resume recording\"\n          >\n            <MicrophoneIcon className=\"h-6 w-6\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={onStop}\n            disabled={disabled}\n            className={cn(\n              controlButtonVariants({ variant: 'secondary', size: 'md' })\n            )}\n            aria-label=\"Stop recording\"\n          >\n            <StopIcon className=\"h-5 w-5\" />\n          </button>\n        </>\n      )}\n\n      {(state === 'stopped' || (isPaused && hasRecording)) && hasRecording && (\n        <button\n          type=\"button\"\n          onClick={isPlaying || isPaused ? onPause : onPlay}\n          disabled={disabled}\n          className={cn(\n            controlButtonVariants({ variant: 'primary', size: 'lg' })\n          )}\n          aria-label={\n            isPaused\n              ? 'Resume playback'\n              : isPlaying\n                ? 'Pause playback'\n                : 'Play recording'\n          }\n        >\n          {isPaused || !isPlaying ? (\n            <PlayIcon className=\"h-6 w-6\" />\n          ) : (\n            <PauseIcon className=\"h-6 w-6\" />\n          )}\n        </button>\n      )}\n\n      {isPlaying && (\n        <button\n          type=\"button\"\n          onClick={onPause}\n          disabled={disabled}\n          className={cn(\n            controlButtonVariants({ variant: 'primary', size: 'lg' })\n          )}\n          aria-label=\"Pause playback\"\n        >\n          <PauseIcon className=\"h-6 w-6\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  AudioRecorder,\n  audioRecorderVariants,\n  waveformContainerVariants,\n  controlButtonVariants,\n  formatTime,\n};\n"]}