@mieweb/ui 0.2.4 → 0.3.0-dev.60

package/dist/{chunk-JYMQJ32S.cjs → chunk-Z4HZ35KX.cjs}

@@ -37,6 +37,7 @@ function Spinner({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      "data-slot": "spinner",
       role: "status",
       "aria-label": label,
       className: chunkOR5DRJCW_cjs.cn(spinnerVariants({ size, variant }), className),
@@ -63,6 +64,7 @@ function SpinnerWithLabel({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      "data-slot": "spinner-with-label",
       role: "status",
       "aria-label": label,
       className: chunkOR5DRJCW_cjs.cn(
@@ -75,11 +77,12 @@ function SpinnerWithLabel({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
+            "data-slot": "spinner",
             className: chunkOR5DRJCW_cjs.cn(spinnerVariants({ size, variant })),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: label })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "spinner-label", className: "text-muted-foreground text-sm", children: label })
       ]
     }
   );
@@ -94,13 +97,14 @@ function FullPageSpinner({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      "data-slot": "full-page-spinner",
       className: chunkOR5DRJCW_cjs.cn(
         "fixed inset-0 z-50 flex flex-col items-center justify-center gap-4",
         backdrop && "bg-background/80 backdrop-blur-sm"
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size, ...props }),
-        text && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: text })
+        text && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-slot": "spinner-label", className: "text-muted-foreground text-sm", children: text })
       ]
     }
   );
@@ -111,5 +115,5 @@ exports.FullPageSpinner = FullPageSpinner;
 exports.Spinner = Spinner;
 exports.SpinnerWithLabel = SpinnerWithLabel;
 exports.spinnerVariants = spinnerVariants;
-//# sourceMappingURL=chunk-JYMQJ32S.cjs.map
-//# sourceMappingURL=chunk-JYMQJ32S.cjs.map
+//# sourceMappingURL=chunk-Z4HZ35KX.cjs.map
+//# sourceMappingURL=chunk-Z4HZ35KX.cjs.map

package/dist/chunk-Z4HZ35KX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.tsx"],"names":["cva","jsx","cn","jsxs"],"mappings":"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","file":"chunk-Z4HZ35KX.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst spinnerVariants = cva(\n  ['animate-spin rounded-full border-2 border-current border-t-transparent'],\n  {\n    variants: {\n      size: {\n        xs: 'h-3 w-3',\n        sm: 'h-4 w-4',\n        md: 'h-6 w-6',\n        lg: 'h-8 w-8',\n        xl: 'h-12 w-12',\n      },\n      variant: {\n        default: 'text-primary-500',\n        muted: 'text-muted-foreground',\n        white: 'text-white',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\nexport interface SpinnerProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof spinnerVariants> {\n  /** Accessible label for the spinner */\n  label?: string;\n}\n\n/**\n * A loading spinner component.\n *\n * @example\n * ```tsx\n * <Spinner />\n * <Spinner size=\"lg\" label=\"Loading data...\" />\n * <Spinner variant=\"white\" /> // For use on dark backgrounds\n * ```\n */\nfunction Spinner({\n  className,\n  size,\n  variant,\n  label = 'Loading',\n  ...props\n}: SpinnerProps) {\n  return (\n    <div\n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label={label}\n      className={cn(spinnerVariants({ size, variant }), className)}\n      {...props}\n    >\n      <span className=\"sr-only\">{label}</span>\n    </div>\n  );\n}\n\nSpinner.displayName = 'Spinner';\n\n// ============================================================================\n// Spinner with Label\n// ============================================================================\n\nexport interface SpinnerWithLabelProps extends SpinnerProps {\n  /** Label text to display */\n  label: string;\n  /** Position of the label */\n  labelPosition?: 'top' | 'bottom' | 'left' | 'right';\n}\n\n/**\n * A spinner with a visible label.\n *\n * @example\n * ```tsx\n * <SpinnerWithLabel label=\"Loading...\" />\n * <SpinnerWithLabel label=\"Processing\" labelPosition=\"right\" />\n * ```\n */\nfunction SpinnerWithLabel({\n  label,\n  labelPosition = 'bottom',\n  size,\n  variant,\n  className,\n  ...props\n}: SpinnerWithLabelProps) {\n  const positionClasses = {\n    top: 'flex-col-reverse',\n    bottom: 'flex-col',\n    left: 'flex-row-reverse',\n    right: 'flex-row',\n  };\n\n  return (\n    <div\n      data-slot=\"spinner-with-label\"\n      role=\"status\"\n      aria-label={label}\n      className={cn(\n        'inline-flex items-center justify-center gap-2',\n        positionClasses[labelPosition],\n        className\n      )}\n      {...props}\n    >\n      <div\n        data-slot=\"spinner\"\n        className={cn(spinnerVariants({ size, variant }))}\n        aria-hidden=\"true\"\n      />\n      <span data-slot=\"spinner-label\" className=\"text-muted-foreground text-sm\">\n        {label}\n      </span>\n    </div>\n  );\n}\n\nSpinnerWithLabel.displayName = 'SpinnerWithLabel';\n\n// ============================================================================\n// Full Page Spinner\n// ============================================================================\n\nexport interface FullPageSpinnerProps extends SpinnerProps {\n  /** Whether to show a backdrop */\n  backdrop?: boolean;\n  /** Text to display below the spinner */\n  text?: string;\n}\n\n/**\n * A full-page loading spinner with optional backdrop.\n *\n * @example\n * ```tsx\n * <FullPageSpinner />\n * <FullPageSpinner backdrop text=\"Loading your data...\" />\n * ```\n */\nfunction FullPageSpinner({\n  backdrop = true,\n  text,\n  size = 'xl',\n  ...props\n}: FullPageSpinnerProps) {\n  return (\n    <div\n      data-slot=\"full-page-spinner\"\n      className={cn(\n        'fixed inset-0 z-50 flex flex-col items-center justify-center gap-4',\n        backdrop && 'bg-background/80 backdrop-blur-sm'\n      )}\n    >\n      <Spinner size={size} {...props} />\n      {text && (\n        <p data-slot=\"spinner-label\" className=\"text-muted-foreground text-sm\">\n          {text}\n        </p>\n      )}\n    </div>\n  );\n}\n\nFullPageSpinner.displayName = 'FullPageSpinner';\n\nexport { Spinner, SpinnerWithLabel, FullPageSpinner, spinnerVariants };\n"]}

package/dist/{chunk-INFSKLXE.cjs → chunk-ZAHQU7PQ.cjs}

@@ -176,6 +176,7 @@ function ProgressBar({
     "div",
     {
       ref: progressRef,
+      "data-slot": "audio-player-progress",
       role: "slider",
       "aria-label": "Audio progress",
       "aria-valuemin": 0,
@@ -385,6 +386,7 @@ function Waveform({
     "div",
     {
       ref: containerRef,
+      "data-slot": "audio-player-waveform",
       role: showHoverCursor ? "slider" : void 0,
       "aria-label": showHoverCursor ? "Audio progress" : void 0,
       "aria-valuemin": showHoverCursor ? 0 : void 0,
@@ -661,6 +663,7 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
     "button",
     {
       type: "button",
+      "data-slot": "audio-player-play-btn",
       onClick: handlePlay,
       disabled: disabled || isLoading,
       className: chunkOR5DRJCW_cjs.cn(playButtonVariants({ variant, size })),
@@ -676,6 +679,7 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
       {
+        "data-slot": "audio-player-time",
         className: chunkOR5DRJCW_cjs.cn(
           "font-mono text-xs tabular-nums",
           isShowingHoverTime ? "text-primary-600 dark:text-primary-400" : "text-neutral-500 dark:text-neutral-400"
@@ -693,6 +697,7 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "select",
       {
+        "data-slot": "audio-player-rate",
         value: playbackRate,
         onChange: (e) => setPlaybackRate(Number(e.target.value)),
         className: "rounded border border-neutral-200 bg-transparent px-1 py-0.5 text-xs dark:border-neutral-700",
@@ -710,11 +715,27 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
       "div",
       {
         ref: containerRef,
+        "data-slot": "audio-player",
+        "data-variant": "inline",
         className: chunkOR5DRJCW_cjs.cn(audioPlayerVariants({ variant, size }), className),
         children: [
           renderPlayButton(),
-          title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: title }),
-          showDuration && displayDuration > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs text-neutral-500 tabular-nums dark:text-neutral-400", children: isPlaying ? formatTime(currentTime) : formatTime(displayDuration) })
+          title && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "audio-player-title",
+              className: "text-sm font-medium text-neutral-700 dark:text-neutral-300",
+              children: title
+            }
+          ),
+          showDuration && displayDuration > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "audio-player-duration",
+              className: "font-mono text-xs text-neutral-500 tabular-nums dark:text-neutral-400",
+              children: isPlaying ? formatTime(currentTime) : formatTime(displayDuration)
+            }
+          )
         ]
       }
     );
@@ -724,6 +745,8 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
       "div",
       {
         ref: containerRef,
+        "data-slot": "audio-player",
+        "data-variant": "compact",
         className: chunkOR5DRJCW_cjs.cn(audioPlayerVariants({ variant, size }), className),
         children: [
           renderPlayButton(),
@@ -746,9 +769,18 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
     "div",
     {
       ref: containerRef,
+      "data-slot": "audio-player",
+      "data-variant": "waveform",
       className: chunkOR5DRJCW_cjs.cn(audioPlayerVariants({ variant, size }), className),
       children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: title }),
+        title && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "audio-player-title",
+            className: "text-sm font-medium text-neutral-700 dark:text-neutral-300",
+            children: title
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           Waveform,
           {
@@ -768,13 +800,20 @@ var AudioPlayer = React__namespace.forwardRef(function AudioPlayer2({
             waveformRef: waveformMethodsRef
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          renderPlayButton(),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center justify-between", children: [
-            renderTime(true),
-            renderPlaybackRateControl()
-          ] })
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "audio-player-controls",
+            className: "flex items-center gap-3",
+            children: [
+              renderPlayButton(),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center justify-between", children: [
+                renderTime(true),
+                renderPlaybackRateControl()
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
@@ -786,5 +825,5 @@ exports.ProgressBar = ProgressBar;
 exports.audioPlayerVariants = audioPlayerVariants;
 exports.formatTime = formatTime;
 exports.playButtonVariants = playButtonVariants;
-//# sourceMappingURL=chunk-INFSKLXE.cjs.map
-//# sourceMappingURL=chunk-INFSKLXE.cjs.map
+//# sourceMappingURL=chunk-ZAHQU7PQ.cjs.map
+//# sourceMappingURL=chunk-ZAHQU7PQ.cjs.map

package/dist/chunk-ZAHQU7PQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AudioPlayer/AudioPlayer.tsx"],"names":["cva","jsx","jsxs","cn","React","AudioPlayer"],"mappings":"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","file":"chunk-ZAHQU7PQ.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 AudioPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\n/** Ref handle for controlling AudioPlayer programmatically */\nexport interface AudioPlayerRef {\n  /** The underlying container element */\n  container: HTMLDivElement | null;\n  /** Seek to a specific time in seconds */\n  seekTo: (time: number) => void;\n  /** Start playback */\n  play: () => void;\n  /** Pause playback */\n  pause: () => void;\n  /** Get current playback time in seconds */\n  getCurrentTime: () => number;\n  /** Get total duration in seconds */\n  getDuration: () => number;\n}\n\nexport interface AudioPlayerProps extends VariantProps<\n  typeof audioPlayerVariants\n> {\n  /** Audio source URL */\n  src: string;\n  /** Title/label for the audio (used for accessibility and display) */\n  title?: string;\n  /** Callback when playback state changes */\n  onStateChange?: (state: AudioPlayerState) => void;\n  /** Callback when playback ends */\n  onEnded?: () => void;\n  /** Callback when an error occurs */\n  onError?: (error: Error) => void;\n  /** Callback when time updates during playback */\n  onTimeUpdate?: (currentTime: number, duration: number) => void;\n  /** Whether to show the time display */\n  showTime?: boolean;\n  /** Whether to show the duration (for inline variant) */\n  showDuration?: boolean;\n  /** Waveform color (for waveform variant) */\n  waveColor?: string;\n  /** Progress/played waveform color (for waveform variant) */\n  progressColor?: string;\n  /** Height of the waveform (for waveform variant) */\n  waveformHeight?: number;\n  /** Whether to show hover cursor on waveform for click-to-seek preview (for waveform variant) */\n  showWaveformHoverCursor?: boolean;\n  /** Color of the hover cursor line (for waveform variant) */\n  waveformCursorColor?: string;\n  /** Whether the player is disabled */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Accessible label */\n  'aria-label'?: string;\n  /** Playback speed options */\n  playbackRates?: number[];\n  /** Whether to show playback speed control */\n  showPlaybackRate?: boolean;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst audioPlayerVariants = cva('', {\n  variants: {\n    variant: {\n      inline: 'inline-flex items-center gap-2',\n      compact: [\n        'flex items-center gap-3 p-3',\n        'rounded-lg border border-border',\n        'bg-card text-card-foreground',\n      ],\n      waveform: [\n        'flex flex-col gap-3 p-4',\n        'rounded-xl border border-border',\n        'bg-card text-card-foreground',\n      ],\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  compoundVariants: [\n    { variant: 'compact', size: 'sm', class: 'p-2 gap-2' },\n    { variant: 'compact', size: 'lg', class: 'p-4 gap-4' },\n    { variant: 'waveform', size: 'sm', class: 'p-3 gap-2' },\n    { variant: 'waveform', size: 'lg', class: 'p-5 gap-4' },\n  ],\n  defaultVariants: {\n    variant: 'compact',\n    size: 'md',\n  },\n});\n\nconst playButtonVariants = 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        inline: [\n          'text-neutral-500 hover:text-neutral-700 hover:bg-neutral-100',\n          'dark:text-neutral-400 dark:hover:text-neutral-200 dark:hover:bg-neutral-800',\n        ],\n        compact: [\n          'bg-primary-600 text-white',\n          'hover:bg-primary-700',\n          'active:bg-primary-800',\n        ],\n        waveform: [\n          'bg-primary-600 text-white',\n          'hover:bg-primary-700',\n          'active:bg-primary-800',\n        ],\n      },\n      size: {\n        sm: 'h-7 w-7',\n        md: 'h-9 w-9',\n        lg: 'h-11 w-11',\n      },\n    },\n    defaultVariants: {\n      variant: 'compact',\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\nexport function formatTime(seconds: number): string {\n  if (!isFinite(seconds) || isNaN(seconds)) return '0:00';\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 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 5v14l11-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 19h4V5H6v14zm8-14v14h4V5h-4z\" />\n    </svg>\n  );\n}\n\nfunction SpinnerIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={cn('animate-spin', className)}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Progress Bar Component (for compact variant)\n// ============================================================================\n\ninterface ProgressBarProps {\n  currentTime: number;\n  duration: number;\n  onSeek: (time: number) => void;\n  disabled?: boolean;\n}\n\nfunction ProgressBar({\n  currentTime,\n  duration,\n  onSeek,\n  disabled,\n}: ProgressBarProps) {\n  const progressRef = React.useRef<HTMLDivElement>(null);\n  const progress = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled || !progressRef.current || duration <= 0) return;\n    const rect = progressRef.current.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const percentage = x / rect.width;\n    onSeek(percentage * duration);\n  };\n\n  return (\n    <div\n      ref={progressRef}\n      data-slot=\"audio-player-progress\"\n      role=\"slider\"\n      aria-label=\"Audio progress\"\n      aria-valuemin={0}\n      aria-valuemax={duration}\n      aria-valuenow={currentTime}\n      aria-valuetext={`${formatTime(currentTime)} of ${formatTime(duration)}`}\n      tabIndex={disabled ? -1 : 0}\n      className={cn(\n        'relative h-1.5 flex-1 cursor-pointer rounded-full bg-neutral-200 dark:bg-neutral-700',\n        disabled && 'cursor-not-allowed opacity-50'\n      )}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (disabled) return;\n        const step = duration * 0.05; // 5% steps\n        if (e.key === 'ArrowRight') {\n          onSeek(Math.min(currentTime + step, duration));\n        } else if (e.key === 'ArrowLeft') {\n          onSeek(Math.max(currentTime - step, 0));\n        }\n      }}\n    >\n      <div\n        className=\"bg-primary-600 absolute inset-y-0 left-0 rounded-full transition-all\"\n        style={{ width: `${progress}%` }}\n      />\n      <div\n        className=\"bg-primary-600 absolute top-1/2 h-3 w-3 -translate-y-1/2 rounded-full shadow-sm transition-all\"\n        style={{ left: `calc(${progress}% - 6px)` }}\n      />\n    </div>\n  );\n}\n\n// ============================================================================\n// Waveform Component (lazy-loaded WaveSurfer)\n// ============================================================================\n\n/** Methods exposed by Waveform via ref */\nexport interface WaveformMethods {\n  seekTo: (time: number) => void;\n  play: () => void;\n  pause: () => void;\n  getCurrentTime: () => number;\n  getDuration: () => number;\n}\n\ninterface WaveformProps {\n  src: string;\n  isPlaying: boolean;\n  playbackRate?: number;\n  onReady: (duration: number) => void;\n  onTimeUpdate: (time: number) => void;\n  onFinish: () => void;\n  onSeek: (time: number) => void;\n  waveColor?: string;\n  progressColor?: string;\n  height?: number;\n  showHoverCursor?: boolean;\n  onHoverTimeChange?: (time: number | null) => void;\n  cursorColor?: string;\n  /** Ref to expose waveform control methods */\n  waveformRef?: React.MutableRefObject<WaveformMethods | null>;\n}\n\nfunction Waveform({\n  src,\n  isPlaying,\n  playbackRate = 1,\n  onReady,\n  onTimeUpdate,\n  onFinish,\n  onSeek,\n  waveColor,\n  progressColor,\n  height = 64,\n  showHoverCursor = false,\n  waveformRef,\n  onHoverTimeChange,\n  cursorColor = 'var(--color-red-500, rgb(239, 68, 68))',\n}: WaveformProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const wavesurferRef = React.useRef<any>(null);\n  const [isLoaded, setIsLoaded] = React.useState(false);\n  const [isHovering, setIsHovering] = React.useState(false);\n  const [hoverPosition, setHoverPosition] = React.useState(0);\n\n  // Expose methods via ref for external control\n  React.useEffect(() => {\n    if (waveformRef) {\n      waveformRef.current = {\n        seekTo: (time: number) => {\n          if (wavesurferRef.current && isLoaded) {\n            const duration = wavesurferRef.current.getDuration();\n            if (duration > 0) {\n              const clampedTime = Math.min(Math.max(time, 0), duration);\n              const progress = clampedTime / duration;\n              wavesurferRef.current.seekTo(progress);\n            }\n          }\n        },\n        play: () => {\n          if (wavesurferRef.current && isLoaded) {\n            wavesurferRef.current.play();\n          }\n        },\n        pause: () => {\n          if (wavesurferRef.current && isLoaded) {\n            wavesurferRef.current.pause();\n          }\n        },\n        getCurrentTime: () => {\n          return wavesurferRef.current?.getCurrentTime?.() ?? 0;\n        },\n        getDuration: () => {\n          return wavesurferRef.current?.getDuration?.() ?? 0;\n        },\n      };\n    }\n    return () => {\n      if (waveformRef) {\n        waveformRef.current = null;\n      }\n    };\n  }, [waveformRef, isLoaded]);\n\n  // Initialize WaveSurfer\n  React.useEffect(() => {\n    if (!containerRef.current) return;\n\n    const initWaveSurfer = async () => {\n      try {\n        const WaveSurfer = (await import('wavesurfer.js')).default;\n\n        if (wavesurferRef.current) {\n          wavesurferRef.current.destroy();\n        }\n\n        wavesurferRef.current = WaveSurfer.create({\n          container: containerRef.current!,\n          waveColor: waveColor || '#d1d5db',\n          progressColor: progressColor || 'var(--color-primary-600, #2563eb)',\n          cursorColor: 'transparent',\n          barWidth: 2,\n          barGap: 2,\n          barRadius: 2,\n          height,\n          normalize: true,\n          interact: !showHoverCursor,\n        });\n\n        wavesurferRef.current.on('ready', () => {\n          setIsLoaded(true);\n          onReady(wavesurferRef.current.getDuration());\n        });\n\n        wavesurferRef.current.on('audioprocess', () => {\n          onTimeUpdate(wavesurferRef.current.getCurrentTime());\n        });\n\n        wavesurferRef.current.on('seeking', () => {\n          onTimeUpdate(wavesurferRef.current.getCurrentTime());\n        });\n\n        if (!showHoverCursor) {\n          wavesurferRef.current.on('interaction', () => {\n            onSeek(wavesurferRef.current.getCurrentTime());\n          });\n        }\n\n        wavesurferRef.current.on('finish', () => {\n          onFinish();\n        });\n\n        wavesurferRef.current.load(src);\n      } catch (error) {\n        console.error('Failed to load WaveSurfer:', error);\n      }\n    };\n\n    setIsLoaded(false);\n    initWaveSurfer();\n\n    return () => {\n      if (wavesurferRef.current) {\n        wavesurferRef.current.destroy();\n        wavesurferRef.current = null;\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [src, showHoverCursor]);\n\n  // Handle play/pause\n  React.useEffect(() => {\n    if (!wavesurferRef.current || !isLoaded) return;\n\n    if (isPlaying) {\n      wavesurferRef.current.play();\n    } else {\n      wavesurferRef.current.pause();\n    }\n  }, [isPlaying, isLoaded]);\n\n  // Handle playback rate changes\n  React.useEffect(() => {\n    if (!wavesurferRef.current || !isLoaded) return;\n    wavesurferRef.current.setPlaybackRate(playbackRate);\n  }, [playbackRate, isLoaded]);\n\n  // Hover cursor handlers\n  const handleMouseMove = showHoverCursor\n    ? (e: React.MouseEvent<HTMLDivElement>) => {\n        if (!containerRef.current || !wavesurferRef.current || !isLoaded)\n          return;\n        const rect = containerRef.current.getBoundingClientRect();\n        const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));\n        const percentage = x / rect.width;\n        const duration = wavesurferRef.current.getDuration();\n        setHoverPosition(percentage * 100);\n        onHoverTimeChange?.(percentage * duration);\n      }\n    : undefined;\n\n  const handleMouseEnter = showHoverCursor\n    ? () => setIsHovering(true)\n    : undefined;\n\n  const handleMouseLeave = showHoverCursor\n    ? () => {\n        setIsHovering(false);\n        setHoverPosition(0);\n        onHoverTimeChange?.(null);\n      }\n    : undefined;\n\n  const handleClick = showHoverCursor\n    ? (e: React.MouseEvent<HTMLDivElement>) => {\n        if (!containerRef.current || !wavesurferRef.current || !isLoaded)\n          return;\n        const rect = containerRef.current.getBoundingClientRect();\n        const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));\n        const percentage = x / rect.width;\n        wavesurferRef.current.seekTo(percentage);\n        onSeek(wavesurferRef.current.getDuration() * percentage);\n        onHoverTimeChange?.(null);\n      }\n    : undefined;\n\n  const handleKeyDown = showHoverCursor\n    ? (e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!wavesurferRef.current || !isLoaded) return;\n        const duration = wavesurferRef.current.getDuration();\n        const currentTime = wavesurferRef.current.getCurrentTime();\n        const step = duration * 0.05; // 5% steps\n\n        if (e.key === 'ArrowRight') {\n          e.preventDefault();\n          const newTime = Math.min(currentTime + step, duration);\n          wavesurferRef.current.seekTo(newTime / duration);\n          onSeek(newTime);\n        } else if (e.key === 'ArrowLeft') {\n          e.preventDefault();\n          const newTime = Math.max(currentTime - step, 0);\n          wavesurferRef.current.seekTo(newTime / duration);\n          onSeek(newTime);\n        }\n      }\n    : undefined;\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"audio-player-waveform\"\n      role={showHoverCursor ? 'slider' : undefined}\n      aria-label={showHoverCursor ? 'Audio progress' : undefined}\n      aria-valuemin={showHoverCursor ? 0 : undefined}\n      aria-valuemax={\n        showHoverCursor && wavesurferRef.current\n          ? wavesurferRef.current.getDuration()\n          : undefined\n      }\n      aria-valuenow={\n        showHoverCursor && wavesurferRef.current\n          ? wavesurferRef.current.getCurrentTime()\n          : undefined\n      }\n      tabIndex={showHoverCursor ? 0 : undefined}\n      className={cn(\n        'relative w-full rounded-lg bg-neutral-100 dark:bg-neutral-800',\n        showHoverCursor && 'cursor-pointer',\n        !isLoaded && 'animate-pulse'\n      )}\n      style={{ height }}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      {/* Hover cursor line */}\n      {showHoverCursor && isHovering && isLoaded && (\n        <div\n          className=\"pointer-events-none absolute top-0 bottom-0 z-10 w-0.5\"\n          style={{ left: `${hoverPosition}%`, backgroundColor: cursorColor }}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main AudioPlayer Component\n// ============================================================================\n\n/**\n * A versatile audio player component with multiple display variants.\n *\n * @example\n * ```tsx\n * // Inline - minimal, just play button and duration\n * <AudioPlayer src=\"/audio.mp3\" variant=\"inline\" showDuration />\n *\n * // Compact - play button, progress bar, and time\n * <AudioPlayer src=\"/audio.mp3\" variant=\"compact\" showTime />\n *\n * // Waveform - full visualization with WaveSurfer\n * <AudioPlayer src=\"/audio.mp3\" variant=\"waveform\" showTime />\n *\n * // With ref for programmatic control\n * const playerRef = useRef<AudioPlayerRef>(null);\n * <AudioPlayer ref={playerRef} src=\"/audio.mp3\" variant=\"waveform\" />\n * // Then: playerRef.current?.seekTo(30); playerRef.current?.play();\n * ```\n */\nconst AudioPlayer = React.forwardRef<\n  AudioPlayerRef,\n  AudioPlayerProps & { preload?: boolean; fallbackDuration?: number }\n>(function AudioPlayer(\n  {\n    src,\n    title,\n    variant = 'compact',\n    size = 'md',\n    onStateChange,\n    onEnded,\n    onError,\n    onTimeUpdate,\n    showTime = true,\n    showDuration = true,\n    waveColor,\n    progressColor,\n    waveformHeight = 64,\n    showWaveformHoverCursor = true,\n    waveformCursorColor,\n    disabled = false,\n    className,\n    'aria-label': ariaLabel,\n    playbackRates = [0.5, 0.75, 1, 1.25, 1.5, 2],\n    showPlaybackRate = false,\n    /** Whether to preload audio (set to false for lists with many items) */\n    preload = false,\n    /** Fallback duration in seconds to display before audio is loaded */\n    fallbackDuration,\n  },\n  ref\n) {\n  const [state, setState] = React.useState<AudioPlayerState>('idle');\n  const [currentTime, setCurrentTime] = React.useState(0);\n  const [duration, setDuration] = React.useState(0);\n  const [playbackRate, setPlaybackRate] = React.useState(1);\n  const [audioInitialized, setAudioInitialized] = React.useState(false);\n  const [hoverTime, setHoverTime] = React.useState<number | null>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const audioRef = React.useRef<globalThis.HTMLAudioElement | null>(null);\n  const waveformMethodsRef = React.useRef<WaveformMethods | null>(null);\n\n  const isPlaying = state === 'playing';\n  const isLoading = state === 'loading';\n\n  // Update state helper\n  const updateState = React.useCallback(\n    (newState: AudioPlayerState) => {\n      setState(newState);\n      onStateChange?.(newState);\n    },\n    [onStateChange]\n  );\n\n  // Initialize audio element (for non-waveform variants)\n  const initAudio = React.useCallback(() => {\n    if (variant === 'waveform' || audioInitialized) return null;\n\n    const audio = new globalThis.Audio(src);\n    audioRef.current = audio;\n    setAudioInitialized(true);\n\n    audio.addEventListener('loadstart', () => updateState('loading'));\n    audio.addEventListener('canplay', () => {\n      updateState('idle');\n    });\n    audio.addEventListener('loadedmetadata', () => {\n      setDuration(audio.duration);\n    });\n    audio.addEventListener('timeupdate', () => {\n      setCurrentTime(audio.currentTime);\n      onTimeUpdate?.(audio.currentTime, audio.duration);\n    });\n    audio.addEventListener('ended', () => {\n      updateState('idle');\n      setCurrentTime(0);\n      onEnded?.();\n    });\n    audio.addEventListener('error', () => {\n      updateState('error');\n      onError?.(new Error('Failed to load audio'));\n    });\n\n    return audio;\n  }, [\n    src,\n    variant,\n    audioInitialized,\n    updateState,\n    onTimeUpdate,\n    onEnded,\n    onError,\n  ]);\n\n  // Expose methods via ref for external control\n  React.useImperativeHandle(\n    ref,\n    () => ({\n      get container() {\n        return containerRef.current;\n      },\n      seekTo: (time: number) => {\n        if (variant === 'waveform') {\n          waveformMethodsRef.current?.seekTo(time);\n        } else {\n          // Lazily initialize audio if not yet created\n          if (!audioRef.current) {\n            initAudio();\n          }\n          if (audioRef.current) {\n            audioRef.current.currentTime = time;\n          }\n        }\n      },\n      play: () => {\n        if (variant === 'waveform') {\n          if (waveformMethodsRef.current) {\n            waveformMethodsRef.current.play();\n            updateState('playing');\n          }\n        } else {\n          // Lazily initialize audio if not yet created\n          if (!audioRef.current) {\n            initAudio();\n          }\n          if (audioRef.current) {\n            audioRef.current.play().catch((error) => {\n              updateState('error');\n              onError?.(error);\n            });\n            updateState('playing');\n          }\n        }\n      },\n      pause: () => {\n        if (variant === 'waveform') {\n          if (waveformMethodsRef.current) {\n            waveformMethodsRef.current.pause();\n            updateState('paused');\n          }\n        } else if (audioRef.current) {\n          audioRef.current.pause();\n          updateState('paused');\n        }\n      },\n      getCurrentTime: () => {\n        if (variant === 'waveform') {\n          return waveformMethodsRef.current?.getCurrentTime() ?? 0;\n        }\n        return audioRef.current?.currentTime ?? 0;\n      },\n      getDuration: () => {\n        if (variant === 'waveform') {\n          return waveformMethodsRef.current?.getDuration() ?? 0;\n        }\n        const rawDuration = audioRef.current?.duration;\n        return Number.isFinite(rawDuration) ? rawDuration! : 0;\n      },\n    }),\n    [variant, initAudio, updateState, onError]\n  );\n\n  // Auto-initialize if preload is true\n  React.useEffect(() => {\n    if (preload && !audioInitialized && variant !== 'waveform') {\n      initAudio();\n    }\n  }, [preload, audioInitialized, variant, initAudio]);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      if (audioRef.current) {\n        audioRef.current.pause();\n        audioRef.current.src = '';\n      }\n    };\n  }, []);\n\n  // Handle playback rate changes\n  React.useEffect(() => {\n    if (audioRef.current) {\n      audioRef.current.playbackRate = playbackRate;\n    }\n  }, [playbackRate]);\n\n  const handlePlay = React.useCallback(() => {\n    if (disabled) return;\n\n    // Waveform variant uses WaveSurfer for playback - just toggle state\n    if (variant === 'waveform') {\n      if (isLoading) return;\n      updateState(isPlaying ? 'paused' : 'playing');\n      return;\n    }\n\n    // Lazy initialize audio on first play\n    if (!audioInitialized && !isLoading) {\n      const audio = initAudio();\n      if (audio) {\n        updateState('loading');\n        audio.addEventListener(\n          'canplay',\n          () => {\n            audio.play().catch((error) => {\n              updateState('error');\n              onError?.(error);\n            });\n            updateState('playing');\n          },\n          { once: true }\n        );\n      }\n      return;\n    }\n\n    if (isLoading) return;\n\n    if (isPlaying) {\n      if (audioRef.current) {\n        audioRef.current.pause();\n      }\n      updateState('paused');\n    } else {\n      if (audioRef.current) {\n        audioRef.current.play().catch((error) => {\n          updateState('error');\n          onError?.(error);\n        });\n        updateState('playing');\n      }\n    }\n  }, [\n    disabled,\n    variant,\n    audioInitialized,\n    isLoading,\n    isPlaying,\n    initAudio,\n    updateState,\n    onError,\n  ]);\n\n  const handleSeek = React.useCallback((time: number) => {\n    if (audioRef.current) {\n      audioRef.current.currentTime = time;\n      setCurrentTime(time);\n    }\n  }, []);\n\n  // Waveform callbacks\n  const handleWaveformReady = React.useCallback((dur: number) => {\n    setDuration(dur);\n    setState('idle');\n  }, []);\n\n  const handleWaveformTimeUpdate = React.useCallback(\n    (time: number) => {\n      setCurrentTime(time);\n      onTimeUpdate?.(time, duration);\n    },\n    [duration, onTimeUpdate]\n  );\n\n  const handleWaveformFinish = React.useCallback(() => {\n    updateState('idle');\n    setCurrentTime(0);\n    onEnded?.();\n  }, [updateState, onEnded]);\n\n  const handleWaveformSeek = React.useCallback((time: number) => {\n    setCurrentTime(time);\n  }, []);\n\n  const handleHoverTimeChange = React.useCallback((time: number | null) => {\n    setHoverTime(time);\n  }, []);\n\n  const iconSize =\n    size === 'sm' ? 'h-3.5 w-3.5' : size === 'lg' ? 'h-5 w-5' : 'h-4 w-4';\n\n  const getAriaLabel = () => {\n    if (ariaLabel) return ariaLabel;\n    if (title) return `${isPlaying ? 'Pause' : 'Play'} ${title}`;\n    return isPlaying ? 'Pause audio' : 'Play audio';\n  };\n\n  const renderPlayButton = () => (\n    <button\n      type=\"button\"\n      data-slot=\"audio-player-play-btn\"\n      onClick={handlePlay}\n      disabled={disabled || isLoading}\n      className={cn(playButtonVariants({ variant, size }))}\n      aria-label={getAriaLabel()}\n      aria-pressed={isPlaying}\n    >\n      {isLoading ? (\n        <SpinnerIcon className={iconSize} />\n      ) : isPlaying ? (\n        <PauseIcon className={iconSize} />\n      ) : (\n        <PlayIcon className={iconSize} />\n      )}\n    </button>\n  );\n\n  const renderTime = (useHoverTime = false) => {\n    if (!showTime) return null;\n    const displayTime =\n      useHoverTime && hoverTime !== null ? hoverTime : currentTime;\n    const isShowingHoverTime = useHoverTime && hoverTime !== null;\n    return (\n      <span\n        data-slot=\"audio-player-time\"\n        className={cn(\n          'font-mono text-xs tabular-nums',\n          isShowingHoverTime\n            ? 'text-primary-600 dark:text-primary-400'\n            : 'text-neutral-500 dark:text-neutral-400'\n        )}\n      >\n        {formatTime(displayTime)} / {formatTime(duration)}\n      </span>\n    );\n  };\n\n  const renderPlaybackRateControl = () => {\n    if (!showPlaybackRate) return null;\n    return (\n      <select\n        data-slot=\"audio-player-rate\"\n        value={playbackRate}\n        onChange={(e) => setPlaybackRate(Number(e.target.value))}\n        className=\"rounded border border-neutral-200 bg-transparent px-1 py-0.5 text-xs dark:border-neutral-700\"\n        aria-label=\"Playback speed\"\n      >\n        {playbackRates.map((rate) => (\n          <option key={rate} value={rate}>\n            {rate}x\n          </option>\n        ))}\n      </select>\n    );\n  };\n\n  // ============================================================================\n  // Inline Variant\n  // ============================================================================\n  if (variant === 'inline') {\n    const displayDuration = duration > 0 ? duration : (fallbackDuration ?? 0);\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"audio-player\"\n        data-variant=\"inline\"\n        className={cn(audioPlayerVariants({ variant, size }), className)}\n      >\n        {renderPlayButton()}\n        {title && (\n          <span\n            data-slot=\"audio-player-title\"\n            className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n          >\n            {title}\n          </span>\n        )}\n        {showDuration && displayDuration > 0 && (\n          <span\n            data-slot=\"audio-player-duration\"\n            className=\"font-mono text-xs text-neutral-500 tabular-nums dark:text-neutral-400\"\n          >\n            {isPlaying ? formatTime(currentTime) : formatTime(displayDuration)}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  // Compact Variant\n  // ============================================================================\n  if (variant === 'compact') {\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"audio-player\"\n        data-variant=\"compact\"\n        className={cn(audioPlayerVariants({ variant, size }), className)}\n      >\n        {renderPlayButton()}\n        <ProgressBar\n          currentTime={currentTime}\n          duration={duration}\n          onSeek={handleSeek}\n          disabled={disabled}\n        />\n        {renderTime()}\n        {renderPlaybackRateControl()}\n      </div>\n    );\n  }\n\n  // ============================================================================\n  // Waveform Variant\n  // ============================================================================\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"audio-player\"\n      data-variant=\"waveform\"\n      className={cn(audioPlayerVariants({ variant, size }), className)}\n    >\n      {title && (\n        <span\n          data-slot=\"audio-player-title\"\n          className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n        >\n          {title}\n        </span>\n      )}\n      <Waveform\n        src={src}\n        isPlaying={isPlaying}\n        playbackRate={playbackRate}\n        onReady={handleWaveformReady}\n        onTimeUpdate={handleWaveformTimeUpdate}\n        onFinish={handleWaveformFinish}\n        onSeek={handleWaveformSeek}\n        waveColor={waveColor}\n        progressColor={progressColor}\n        height={waveformHeight}\n        showHoverCursor={showWaveformHoverCursor}\n        onHoverTimeChange={handleHoverTimeChange}\n        cursorColor={waveformCursorColor}\n        waveformRef={waveformMethodsRef}\n      />\n      <div\n        data-slot=\"audio-player-controls\"\n        className=\"flex items-center gap-3\"\n      >\n        {renderPlayButton()}\n        <div className=\"flex flex-1 items-center justify-between\">\n          {renderTime(true)}\n          {renderPlaybackRateControl()}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nAudioPlayer.displayName = 'AudioPlayer';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { AudioPlayer, audioPlayerVariants, playButtonVariants, ProgressBar };\n"]}

package/dist/{chunk-QYJ7RQJ2.cjs → chunk-ZGSPFVGL.cjs}

@@ -75,40 +75,49 @@ var Checkbox = React__namespace.forwardRef(
       }
     }, [indeterminate]);
     React__namespace.useImperativeHandle(ref, () => internalRef.current);
-    const checkboxElement = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex items-center justify-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref: internalRef,
-          id: checkboxId,
-          type: "checkbox",
-          disabled,
-          "aria-describedby": [description ? descriptionId : null, error ? errorId : null].filter(Boolean).join(" ") || void 0,
-          "aria-invalid": !!error,
-          className: chunkOR5DRJCW_cjs.cn("peer", checkboxVariants({ size }), className),
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        CheckIcon,
-        {
-          size,
-          className: "pointer-events-none absolute text-white opacity-0 transition-opacity peer-checked:opacity-100"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        MinusIcon,
-        {
-          size,
-          className: "pointer-events-none absolute text-white opacity-0 transition-opacity peer-indeterminate:opacity-100"
-        }
-      )
-    ] });
+    const checkboxElement = /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        "data-slot": "checkbox-indicator",
+        className: "relative inline-flex items-center justify-center",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: internalRef,
+              "data-slot": "checkbox",
+              id: checkboxId,
+              type: "checkbox",
+              disabled,
+              "aria-describedby": [description ? descriptionId : null, error ? errorId : null].filter(Boolean).join(" ") || void 0,
+              "aria-invalid": !!error,
+              className: chunkOR5DRJCW_cjs.cn("peer", checkboxVariants({ size }), className),
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CheckIcon,
+            {
+              size,
+              className: "pointer-events-none absolute text-white opacity-0 transition-opacity peer-checked:opacity-100"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            MinusIcon,
+            {
+              size,
+              className: "pointer-events-none absolute text-white opacity-0 transition-opacity peer-indeterminate:opacity-100"
+            }
+          )
+        ]
+      }
+    );
     const labelElement = label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "label",
         {
           htmlFor: checkboxId,
+          "data-slot": "checkbox-label",
           className: chunkOR5DRJCW_cjs.cn(
             "text-foreground cursor-pointer text-sm font-medium select-none",
             disabled && "cursor-not-allowed opacity-50"
@@ -120,15 +129,17 @@ var Checkbox = React__namespace.forwardRef(
         "p",
         {
           id: descriptionId,
+          "data-slot": "checkbox-description",
           className: "text-muted-foreground mt-0.5 text-xs",
           children: description
         }
       )
     ] });
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "checkbox-wrapper", className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
+          "data-slot": "checkbox-row",
           className: chunkOR5DRJCW_cjs.cn(
             "flex gap-2",
             description ? "items-start" : "items-center",
@@ -140,7 +151,16 @@ var Checkbox = React__namespace.forwardRef(
           ]
         }
       ),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-destructive text-sm", role: "alert", children: error })
+      error && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          id: errorId,
+          "data-slot": "checkbox-error",
+          className: "text-destructive text-sm",
+          role: "alert",
+          children: error
+        }
+      )
     ] });
   }
 );
@@ -159,15 +179,32 @@ function CheckboxGroup({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "fieldset",
     {
+      "data-slot": "checkbox-group",
       className: chunkOR5DRJCW_cjs.cn("flex flex-col", className),
       "aria-describedby": [description ? descriptionId : null, error ? errorId : null].filter(Boolean).join(" ") || void 0,
       children: [
-        label && /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "text-foreground mb-1 text-sm font-medium", children: label }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("p", { id: descriptionId, className: "text-muted-foreground mb-3 text-xs", children: description }),
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "legend",
+          {
+            "data-slot": "checkbox-group-legend",
+            className: "text-foreground mb-1 text-sm font-medium",
+            children: label
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: descriptionId,
+            "data-slot": "checkbox-group-description",
+            className: "text-muted-foreground mb-3 text-xs",
+            children: description
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             role: "group",
+            "data-slot": "checkbox-group-items",
             className: chunkOR5DRJCW_cjs.cn(
               "flex gap-4",
               orientation === "vertical" && "flex-col gap-2"
@@ -175,7 +212,16 @@ function CheckboxGroup({
             children
           }
         ),
-        error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-destructive mt-2 text-sm", role: "alert", children: error })
+        error && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: errorId,
+            "data-slot": "checkbox-group-error",
+            className: "text-destructive mt-2 text-sm",
+            role: "alert",
+            children: error
+          }
+        )
       ]
     }
   );
@@ -235,5 +281,5 @@ function MinusIcon({ size, className }) {
 exports.Checkbox = Checkbox;
 exports.CheckboxGroup = CheckboxGroup;
 exports.checkboxVariants = checkboxVariants;
-//# sourceMappingURL=chunk-QYJ7RQJ2.cjs.map
-//# sourceMappingURL=chunk-QYJ7RQJ2.cjs.map
+//# sourceMappingURL=chunk-ZGSPFVGL.cjs.map
+//# sourceMappingURL=chunk-ZGSPFVGL.cjs.map

package/dist/chunk-ZGSPFVGL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":["cva","React","jsxs","jsx","cn"],"mappings":"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","file":"chunk-ZGSPFVGL.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst checkboxVariants = cva(\n  [\n    'shrink-0 appearance-none',\n    'border-2 border-input rounded',\n    'bg-background',\n    'transition-all duration-150',\n    'cursor-pointer',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'checked:bg-primary-500 checked:border-primary-500',\n    'indeterminate:bg-primary-500 indeterminate:border-primary-500',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Label for the checkbox */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Indeterminate state (neither checked nor unchecked) */\n  indeterminate?: boolean;\n  /** Error message */\n  error?: string;\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n}\n\n/**\n * An accessible checkbox component with support for indeterminate state.\n *\n * @example\n * ```tsx\n * <Checkbox label=\"Accept terms and conditions\" />\n * <Checkbox label=\"Newsletter\" description=\"Receive updates about new features\" />\n * <Checkbox indeterminate label=\"Select all\" />\n * ```\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className,\n      size,\n      label,\n      description,\n      indeterminate = false,\n      error,\n      labelPosition = 'right',\n      id,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLInputElement>(null);\n    const generatedId = React.useId();\n    const checkboxId = id || generatedId;\n    const descriptionId = `${checkboxId}-description`;\n    const errorId = `${checkboxId}-error`;\n\n    // Handle indeterminate state\n    React.useEffect(() => {\n      const checkbox = internalRef.current;\n      if (checkbox) {\n        checkbox.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    const checkboxElement = (\n      <span\n        data-slot=\"checkbox-indicator\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        <input\n          ref={internalRef}\n          data-slot=\"checkbox\"\n          id={checkboxId}\n          type=\"checkbox\"\n          disabled={disabled}\n          aria-describedby={\n            [description ? descriptionId : null, error ? errorId : null]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={!!error}\n          className={cn('peer', checkboxVariants({ size }), className)}\n          {...props}\n        />\n        {/* Custom check icon overlay */}\n        <CheckIcon\n          size={size}\n          className=\"pointer-events-none absolute text-white opacity-0 transition-opacity peer-checked:opacity-100\"\n        />\n        {/* Custom indeterminate icon overlay */}\n        <MinusIcon\n          size={size}\n          className=\"pointer-events-none absolute text-white opacity-0 transition-opacity peer-indeterminate:opacity-100\"\n        />\n      </span>\n    );\n\n    const labelElement = label && (\n      <div className=\"flex flex-col\">\n        <label\n          htmlFor={checkboxId}\n          data-slot=\"checkbox-label\"\n          className={cn(\n            'text-foreground cursor-pointer text-sm font-medium select-none',\n            disabled && 'cursor-not-allowed opacity-50'\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"checkbox-description\"\n            className=\"text-muted-foreground mt-0.5 text-xs\"\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n\n    return (\n      <div data-slot=\"checkbox-wrapper\" className=\"flex flex-col gap-1\">\n        <div\n          data-slot=\"checkbox-row\"\n          className={cn(\n            'flex gap-2',\n            description ? 'items-start' : 'items-center',\n            labelPosition === 'left' && 'flex-row-reverse'\n          )}\n        >\n          {checkboxElement}\n          {labelElement}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            data-slot=\"checkbox-error\"\n            className=\"text-destructive text-sm\"\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n\n// ============================================================================\n// Checkbox Group\n// ============================================================================\n\nexport interface CheckboxGroupProps {\n  /** Group label */\n  label?: string;\n  /** Description for the group */\n  description?: string;\n  /** Error message for the group */\n  error?: string;\n  /** Orientation of checkboxes */\n  orientation?: 'horizontal' | 'vertical';\n  /** Children checkboxes */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A container for grouping related checkboxes.\n *\n * @example\n * ```tsx\n * <CheckboxGroup label=\"Interests\" orientation=\"vertical\">\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n *   <Checkbox label=\"Travel\" />\n * </CheckboxGroup>\n * ```\n */\nfunction CheckboxGroup({\n  label,\n  description,\n  error,\n  orientation = 'vertical',\n  children,\n  className,\n}: CheckboxGroupProps) {\n  const groupId = React.useId();\n  const descriptionId = `${groupId}-description`;\n  const errorId = `${groupId}-error`;\n\n  return (\n    <fieldset\n      data-slot=\"checkbox-group\"\n      className={cn('flex flex-col', className)}\n      aria-describedby={\n        [description ? descriptionId : null, error ? errorId : null]\n          .filter(Boolean)\n          .join(' ') || undefined\n      }\n    >\n      {label && (\n        <legend\n          data-slot=\"checkbox-group-legend\"\n          className=\"text-foreground mb-1 text-sm font-medium\"\n        >\n          {label}\n        </legend>\n      )}\n      {description && (\n        <p\n          id={descriptionId}\n          data-slot=\"checkbox-group-description\"\n          className=\"text-muted-foreground mb-3 text-xs\"\n        >\n          {description}\n        </p>\n      )}\n      <div\n        role=\"group\"\n        data-slot=\"checkbox-group-items\"\n        className={cn(\n          'flex gap-4',\n          orientation === 'vertical' && 'flex-col gap-2'\n        )}\n      >\n        {children}\n      </div>\n      {error && (\n        <p\n          id={errorId}\n          data-slot=\"checkbox-group-error\"\n          className=\"text-destructive mt-2 text-sm\"\n          role=\"alert\"\n        >\n          {error}\n        </p>\n      )}\n    </fieldset>\n  );\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n// ============================================================================\n// Check Icon\n// ============================================================================\n\ninterface CheckIconProps {\n  size?: 'sm' | 'md' | 'lg' | null;\n  className?: string;\n}\n\nfunction CheckIcon({ size, className }: CheckIconProps) {\n  const sizeMap = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n  const iconSize = sizeMap[size || 'md'];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nfunction MinusIcon({ size, className }: CheckIconProps) {\n  const sizeMap = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n  const iconSize = sizeMap[size || 'md'];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\nexport { Checkbox, CheckboxGroup, checkboxVariants };\n"]}

package/dist/{chunk-VBHPXSCV.js → chunk-ZVSW2KS6.js}

@@ -16,9 +16,9 @@ var buttonVariants = cva(
     variants: {
       variant: {
         primary: [
-          "bg-primary-700 text-white",
-          "hover:bg-primary-800",
-          "active:bg-primary-900"
+          "bg-primary-800 text-white",
+          "hover:bg-primary-900",
+          "active:bg-primary-950"
         ],
         secondary: [
           "bg-neutral-200 text-neutral-900",
@@ -88,10 +88,16 @@ var Button = React.forwardRef(
     children,
     ...props
   }, ref) => {
+    const resolvedSize = size ?? "md";
     return /* @__PURE__ */ jsx(
       "button",
       {
-        className: cn(buttonVariants({ variant, size, fullWidth }), className),
+        "data-slot": "button",
+        "data-size": resolvedSize,
+        className: cn(
+          buttonVariants({ variant, size: resolvedSize, fullWidth }),
+          className
+        ),
         ref,
         disabled: disabled || isLoading,
         "aria-busy": isLoading,
@@ -144,5 +150,5 @@ function LoadingSpinner() {
 }
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-VBHPXSCV.js.map
-//# sourceMappingURL=chunk-VBHPXSCV.js.map
+//# sourceMappingURL=chunk-ZVSW2KS6.js.map
+//# sourceMappingURL=chunk-ZVSW2KS6.js.map

package/dist/chunk-ZVSW2KS6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-ZVSW2KS6.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst buttonVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-semibold 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-[0.98]',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-950',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-900',\n          'hover:bg-neutral-300',\n          'active:bg-neutral-400',\n          'dark:bg-neutral-700 dark:text-neutral-100',\n          'dark:hover:bg-neutral-600',\n          'dark:active:bg-neutral-500',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'active:bg-neutral-200',\n          'dark:text-neutral-400',\n          'dark:hover:bg-neutral-800',\n          'dark:active:bg-neutral-700',\n        ],\n        outline: [\n          'border-2 border-primary-800 text-primary-800 bg-transparent',\n          'hover:bg-primary-50 hover:text-primary-900',\n          'active:bg-primary-100',\n          'dark:border-primary-400 dark:text-primary-400',\n          'dark:hover:bg-primary-950',\n          'dark:active:bg-primary-900',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        link: [\n          'text-primary-800 underline-offset-4',\n          'hover:underline hover:text-primary-900',\n          'active:text-primary-950',\n          'dark:text-primary-400',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm rounded-md',\n        md: 'h-10 px-4 text-base rounded-lg',\n        lg: 'h-12 px-6 text-lg rounded-xl',\n        icon: 'h-10 w-10 rounded-lg',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Optional icon element to render before the button text */\n  leftIcon?: React.ReactElement | null;\n  /** Optional icon element to render after the button text */\n  rightIcon?: React.ReactElement | null;\n  /** Shows a loading spinner and disables the button */\n  isLoading?: boolean;\n  /** Accessible label for the loading state */\n  loadingText?: string;\n}\n\n/**\n * A versatile button component with multiple variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"md\">Click me</Button>\n * <Button variant=\"danger\" leftIcon={<TrashIcon />}>Delete</Button>\n * <Button variant=\"ghost\" isLoading loadingText=\"Saving...\">Save</Button>\n * ```\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      leftIcon,\n      rightIcon,\n      isLoading,\n      loadingText,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedSize = size ?? 'md';\n    return (\n      <button\n        data-slot=\"button\"\n        data-size={resolvedSize}\n        className={cn(\n          buttonVariants({ variant, size: resolvedSize, fullWidth }),\n          className\n        )}\n        ref={ref}\n        disabled={disabled || isLoading}\n        aria-busy={isLoading}\n        {...props}\n      >\n        {isLoading ? (\n          <>\n            <LoadingSpinner />\n            {loadingText || children}\n          </>\n        ) : (\n          <>\n            {React.isValidElement(leftIcon) && (\n              <span className=\"shrink-0\">{leftIcon}</span>\n            )}\n            {children}\n            {React.isValidElement(rightIcon) && (\n              <span className=\"shrink-0\">{rightIcon}</span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\n/**\n * Simple loading spinner for the button\n */\nfunction LoadingSpinner() {\n  return (\n    <svg\n      className=\"h-4 w-4 animate-spin\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\nexport { Button, buttonVariants };\n"]}