@mieweb/ui 0.1.0

package/dist/chunk-53K3KWXQ.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-53K3KWXQ.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-600 text-white',\n          'hover:bg-primary-700',\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 className=\"flex items-center gap-2\">\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-sm font-medium text-neutral-600 dark:text-neutral-400\">\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 className=\"flex items-center gap-1 font-mono text-sm text-neutral-600 dark:text-neutral-400\">\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      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      {/* Waveform / Visualizer */}\n      {showWaveform && (\n        <div\n          className={cn(waveformContainerVariants({ state }))}\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 className=\"flex items-center justify-between\">\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 className=\"flex items-center justify-center gap-3\">\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"]}

package/dist/chunk-6DP6RKUA.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+// src/brands/index.ts
+var brands = {
+  bluehive: () => import('./brands/bluehive.cjs').then((m) => m.bluehiveBrand),
+  default: () => import('./default-ZGHKI5WF.cjs').then((m) => m.defaultBrand),
+  "enterprise-health": () => import('./enterprise-health-UDI25OCV.cjs').then((m) => m.enterpriseHealthBrand),
+  mieweb: () => import('./mieweb-UJABK5XX.cjs').then((m) => m.miewebBrand),
+  waggleline: () => import('./waggleline-6IGA66HR.cjs').then((m) => m.wagglelineBrand),
+  webchart: () => import('./webchart-EHVGP46N.cjs').then((m) => m.webchartBrand)
+};
+
+exports.brands = brands;
+//# sourceMappingURL=chunk-6DP6RKUA.cjs.map
+//# sourceMappingURL=chunk-6DP6RKUA.cjs.map

package/dist/chunk-6DP6RKUA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAgCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-6DP6RKUA.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}

package/dist/chunk-6HFFWEM3.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/usePrefersReducedMotion.ts
+function usePrefersReducedMotion() {
+  const [prefersReducedMotion, setPrefersReducedMotion] = react.useState(false);
+  react.useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setPrefersReducedMotion(mediaQuery.matches);
+    const handleChange = (event) => {
+      setPrefersReducedMotion(event.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  return prefersReducedMotion;
+}
+
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
+//# sourceMappingURL=chunk-6HFFWEM3.cjs.map
+//# sourceMappingURL=chunk-6HFFWEM3.cjs.map

package/dist/chunk-6HFFWEM3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/usePrefersReducedMotion.ts"],"names":["useState","useEffect"],"mappings":";;;;;AAkBO,SAAS,uBAAA,GAAmC;AACjD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEtE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA;AACvE,IAAA,uBAAA,CAAwB,WAAW,OAAO,CAAA;AAE1C,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAA+B;AACnD,MAAA,uBAAA,CAAwB,MAAM,OAAO,CAAA;AAAA,IACvC,CAAA;AAEA,IAAA,UAAA,CAAW,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAClD,IAAA,OAAO,MAAM,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AAAA,EACpE,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,oBAAA;AACT","file":"chunk-6HFFWEM3.cjs","sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Hook that detects if the user prefers reduced motion.\n * Useful for disabling animations for accessibility.\n *\n * @example\n * ```tsx\n * function AnimatedComponent() {\n *   const prefersReducedMotion = usePrefersReducedMotion();\n *   return (\n *     <div className={prefersReducedMotion ? '' : 'animate-fade-in'}>\n *       Content\n *     </div>\n *   );\n * }\n * ```\n */\nexport function usePrefersReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n    setPrefersReducedMotion(mediaQuery.matches);\n\n    const handleChange = (event: MediaQueryListEvent) => {\n      setPrefersReducedMotion(event.matches);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, []);\n\n  return prefersReducedMotion;\n}\n"]}

package/dist/chunk-6OCIIIAI.js

@@ -0,0 +1,128 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var skeletonVariants = cva(
+  ["animate-pulse rounded-md bg-neutral-200 dark:bg-neutral-700"],
+  {
+    variants: {
+      variant: {
+        default: "",
+        text: "h-4",
+        title: "h-6",
+        avatar: "rounded-full",
+        button: "h-10 w-24",
+        card: "h-40",
+        image: "aspect-video"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Skeleton({
+  className,
+  variant,
+  width,
+  height,
+  circle,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        skeletonVariants({ variant }),
+        circle && "rounded-full",
+        className
+      ),
+      style: {
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height,
+        ...style
+      },
+      "aria-hidden": "true",
+      ...props
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+function SkeletonText({
+  lines = 3,
+  lastLineWidth = "60%",
+  gap = "sm",
+  className
+}) {
+  const gapClasses = {
+    sm: "space-y-2",
+    md: "space-y-3",
+    lg: "space-y-4"
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn(gapClasses[gap], className), "aria-hidden": "true", children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      variant: "text",
+      style: {
+        width: index === lines - 1 ? lastLineWidth : "100%"
+      }
+    },
+    index
+  )) });
+}
+SkeletonText.displayName = "SkeletonText";
+function SkeletonCard({
+  showImage = true,
+  showAvatar = false,
+  textLines = 2,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border-border bg-card space-y-4 rounded-xl border p-4",
+        className
+      ),
+      "aria-hidden": "true",
+      children: [
+        showImage && /* @__PURE__ */ jsx(Skeleton, { variant: "image", className: "rounded-lg" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          showAvatar && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { circle: true, width: 40, height: 40 }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%" }),
+              /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "30%" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Skeleton, { variant: "title", width: "80%" }),
+          /* @__PURE__ */ jsx(SkeletonText, { lines: textLines })
+        ] })
+      ]
+    }
+  );
+}
+SkeletonCard.displayName = "SkeletonCard";
+function SkeletonTable({
+  rows = 5,
+  columns = 4,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { variant: "text", className: "h-5 flex-1" }, `header-${i}`)) }),
+    Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        variant: "text",
+        className: "flex-1"
+      },
+      `cell-${rowIndex}-${colIndex}`
+    )) }, `row-${rowIndex}`))
+  ] });
+}
+SkeletonTable.displayName = "SkeletonTable";
+
+export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants };
+//# sourceMappingURL=chunk-6OCIIIAI.js.map
+//# sourceMappingURL=chunk-6OCIIIAI.js.map

package/dist/chunk-6OCIIIAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"names":["_"],"mappings":"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","file":"chunk-6OCIIIAI.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst skeletonVariants = cva(\n  ['animate-pulse rounded-md bg-neutral-200 dark:bg-neutral-700'],\n  {\n    variants: {\n      variant: {\n        default: '',\n        text: 'h-4',\n        title: 'h-6',\n        avatar: 'rounded-full',\n        button: 'h-10 w-24',\n        card: 'h-40',\n        image: 'aspect-video',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport interface SkeletonProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {\n  /** Width of the skeleton */\n  width?: string | number;\n  /** Height of the skeleton */\n  height?: string | number;\n  /** Whether to render as a circle */\n  circle?: boolean;\n}\n\n/**\n * A skeleton loading placeholder component.\n *\n * @example\n * ```tsx\n * <Skeleton variant=\"text\" width=\"60%\" />\n * <Skeleton variant=\"avatar\" width={40} height={40} />\n * <Skeleton variant=\"card\" />\n * ```\n */\nfunction Skeleton({\n  className,\n  variant,\n  width,\n  height,\n  circle,\n  style,\n  ...props\n}: SkeletonProps) {\n  return (\n    <div\n      className={cn(\n        skeletonVariants({ variant }),\n        circle && 'rounded-full',\n        className\n      )}\n      style={{\n        width: typeof width === 'number' ? `${width}px` : width,\n        height: typeof height === 'number' ? `${height}px` : height,\n        ...style,\n      }}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  );\n}\n\nSkeleton.displayName = 'Skeleton';\n\n// ============================================================================\n// Skeleton Text\n// ============================================================================\n\nexport interface SkeletonTextProps {\n  /** Number of lines to display */\n  lines?: number;\n  /** Width of the last line (for varying line lengths) */\n  lastLineWidth?: string;\n  /** Gap between lines */\n  gap?: 'sm' | 'md' | 'lg';\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A skeleton for text content with multiple lines.\n *\n * @example\n * ```tsx\n * <SkeletonText lines={3} lastLineWidth=\"60%\" />\n * ```\n */\nfunction SkeletonText({\n  lines = 3,\n  lastLineWidth = '60%',\n  gap = 'sm',\n  className,\n}: SkeletonTextProps) {\n  const gapClasses = {\n    sm: 'space-y-2',\n    md: 'space-y-3',\n    lg: 'space-y-4',\n  };\n\n  return (\n    <div className={cn(gapClasses[gap], className)} aria-hidden=\"true\">\n      {Array.from({ length: lines }).map((_, index) => (\n        <Skeleton\n          key={index}\n          variant=\"text\"\n          style={{\n            width: index === lines - 1 ? lastLineWidth : '100%',\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nSkeletonText.displayName = 'SkeletonText';\n\n// ============================================================================\n// Skeleton Card\n// ============================================================================\n\nexport interface SkeletonCardProps {\n  /** Show image placeholder */\n  showImage?: boolean;\n  /** Show avatar placeholder */\n  showAvatar?: boolean;\n  /** Number of text lines */\n  textLines?: number;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A skeleton for card-like content.\n *\n * @example\n * ```tsx\n * <SkeletonCard showImage showAvatar textLines={2} />\n * ```\n */\nfunction SkeletonCard({\n  showImage = true,\n  showAvatar = false,\n  textLines = 2,\n  className,\n}: SkeletonCardProps) {\n  return (\n    <div\n      className={cn(\n        'border-border bg-card space-y-4 rounded-xl border p-4',\n        className\n      )}\n      aria-hidden=\"true\"\n    >\n      {showImage && <Skeleton variant=\"image\" className=\"rounded-lg\" />}\n      <div className=\"space-y-3\">\n        {showAvatar && (\n          <div className=\"flex items-center gap-3\">\n            <Skeleton circle width={40} height={40} />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton variant=\"text\" width=\"50%\" />\n              <Skeleton variant=\"text\" width=\"30%\" />\n            </div>\n          </div>\n        )}\n        <Skeleton variant=\"title\" width=\"80%\" />\n        <SkeletonText lines={textLines} />\n      </div>\n    </div>\n  );\n}\n\nSkeletonCard.displayName = 'SkeletonCard';\n\n// ============================================================================\n// Skeleton Table Row\n// ============================================================================\n\nexport interface SkeletonTableProps {\n  /** Number of rows */\n  rows?: number;\n  /** Number of columns */\n  columns?: number;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A skeleton for table content.\n *\n * @example\n * ```tsx\n * <SkeletonTable rows={5} columns={4} />\n * ```\n */\nfunction SkeletonTable({\n  rows = 5,\n  columns = 4,\n  className,\n}: SkeletonTableProps) {\n  return (\n    <div className={cn('space-y-3', className)} aria-hidden=\"true\">\n      {/* Header */}\n      <div className=\"flex gap-4\">\n        {Array.from({ length: columns }).map((_, i) => (\n          <Skeleton key={`header-${i}`} variant=\"text\" className=\"h-5 flex-1\" />\n        ))}\n      </div>\n      {/* Rows */}\n      {Array.from({ length: rows }).map((_, rowIndex) => (\n        <div key={`row-${rowIndex}`} className=\"flex gap-4\">\n          {Array.from({ length: columns }).map((_, colIndex) => (\n            <Skeleton\n              key={`cell-${rowIndex}-${colIndex}`}\n              variant=\"text\"\n              className=\"flex-1\"\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nSkeletonTable.displayName = 'SkeletonTable';\n\nexport {\n  Skeleton,\n  SkeletonText,\n  SkeletonCard,\n  SkeletonTable,\n  skeletonVariants,\n};\n"]}

package/dist/chunk-6Q4SU72T.js

@@ -0,0 +1,300 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var quickActionIconVariants = cva(
+  ["flex items-center justify-center rounded-xl", "h-10 w-10"],
+  {
+    variants: {
+      color: {
+        primary: "bg-primary-100 text-primary-600 dark:bg-primary-900/50 dark:text-primary-400",
+        green: "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/50 dark:text-emerald-400",
+        purple: "bg-violet-100 text-violet-600 dark:bg-violet-900/50 dark:text-violet-400",
+        orange: "bg-orange-100 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400",
+        blue: "bg-sky-100 text-sky-600 dark:bg-sky-900/50 dark:text-sky-400",
+        red: "bg-rose-100 text-rose-600 dark:bg-rose-900/50 dark:text-rose-400",
+        amber: "bg-amber-100 text-amber-600 dark:bg-amber-900/50 dark:text-amber-400",
+        neutral: "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400"
+      }
+    },
+    defaultVariants: {
+      color: "primary"
+    }
+  }
+);
+var quickActionVariants = cva(
+  [
+    "flex items-center gap-3 rounded-xl border p-4 text-left",
+    "transition-colors duration-200",
+    "border-neutral-200 bg-white",
+    "hover:border-primary-300 hover:bg-primary-50",
+    "dark:border-neutral-700 dark:bg-neutral-800",
+    "dark:hover:border-primary-700 dark:hover:bg-primary-900/20",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
+    "dark:focus-visible:ring-offset-neutral-900"
+  ],
+  {
+    variants: {
+      disabled: {
+        true: [
+          "opacity-50 cursor-not-allowed",
+          "hover:border-neutral-200 hover:bg-white",
+          "dark:hover:border-neutral-700 dark:hover:bg-neutral-800"
+        ],
+        false: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      disabled: false
+    }
+  }
+);
+var QuickAction = React.forwardRef(
+  ({
+    className,
+    title,
+    subtitle,
+    icon,
+    color = "primary",
+    disabled,
+    as = "button",
+    href,
+    ...props
+  }, ref) => {
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: cn(quickActionIconVariants({ color })), children: icon }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium text-neutral-900 dark:text-white", children: title }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: subtitle })
+      ] })
+    ] });
+    if (as === "a" && href) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          className: cn(quickActionVariants({ disabled }), className),
+          "aria-disabled": disabled,
+          ...props,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled: disabled ?? void 0,
+        className: cn(quickActionVariants({ disabled }), className),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+QuickAction.displayName = "QuickAction";
+var QuickActionIcons = {
+  Calendar: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+        }
+      )
+    }
+  ),
+  Clipboard: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
+        }
+      )
+    }
+  ),
+  User: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+        }
+      )
+    }
+  ),
+  Document: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+        }
+      )
+    }
+  ),
+  Settings: (props) => /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+          }
+        )
+      ]
+    }
+  ),
+  Help: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+        }
+      )
+    }
+  ),
+  Search: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+        }
+      )
+    }
+  ),
+  Bell: (props) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+        }
+      )
+    }
+  )
+};
+var QuickActionGroup = React.forwardRef(
+  ({
+    className,
+    title,
+    columns = { base: 1, sm: 2, md: 2, lg: 4 },
+    children,
+    ...props
+  }, ref) => {
+    const gridCols = cn(
+      "grid gap-4",
+      // Base (mobile)
+      columns.base === 1 ? "grid-cols-1" : "grid-cols-2",
+      // Small screens
+      columns.sm === 1 ? "sm:grid-cols-1" : "sm:grid-cols-2",
+      // Medium screens
+      columns.md === 2 ? "md:grid-cols-2" : columns.md === 3 ? "md:grid-cols-3" : columns.md === 4 ? "md:grid-cols-4" : "",
+      // Large screens
+      columns.lg === 2 ? "lg:grid-cols-2" : columns.lg === 3 ? "lg:grid-cols-3" : "lg:grid-cols-4"
+    );
+    return /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
+      title && /* @__PURE__ */ jsx("h2", { className: "mb-4 text-lg font-semibold text-neutral-900 dark:text-white", children: title }),
+      /* @__PURE__ */ jsx("div", { className: gridCols, children })
+    ] });
+  }
+);
+QuickActionGroup.displayName = "QuickActionGroup";
+
+export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants };
+//# sourceMappingURL=chunk-6Q4SU72T.js.map
+//# sourceMappingURL=chunk-6Q4SU72T.js.map