@mieweb/ui 0.2.4 → 0.3.0-dev.100

package/dist/chunk-4YRAEFYW.js

@@ -1,233 +0,0 @@
-import { Input } from './chunk-NXRLGHEC.js';
-import { formatPhoneNumber, unformatPhoneNumber, isValidPhoneNumber } from './chunk-CEHWXAAI.js';
-import { cn } from './chunk-F3SOEIN2.js';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var PhoneInput = React.forwardRef(
-  ({
-    value = "",
-    onChange,
-    onFormattedChange,
-    validateOnBlur,
-    className,
-    onBlur,
-    hasError,
-    error,
-    ...props
-  }, ref) => {
-    const [displayValue, setDisplayValue] = React.useState(
-      () => formatPhoneNumber(value)
-    );
-    const [localError, setLocalError] = React.useState();
-    React.useEffect(() => {
-      setDisplayValue(formatPhoneNumber(value));
-    }, [value]);
-    const handleChange = (e) => {
-      const formatted = formatPhoneNumber(e.target.value);
-      setDisplayValue(formatted);
-      const unformatted = unformatPhoneNumber(formatted);
-      onChange?.(unformatted);
-      onFormattedChange?.(formatted);
-      if (localError) {
-        setLocalError(void 0);
-      }
-    };
-    const handleBlur = (e) => {
-      onBlur?.(e);
-      if (validateOnBlur) {
-        const unformatted = unformatPhoneNumber(displayValue);
-        if (unformatted.length > 0 && !isValidPhoneNumber(displayValue)) {
-          setLocalError("Please enter a valid 10-digit phone number");
-        } else {
-          setLocalError(void 0);
-        }
-      }
-    };
-    return /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref,
-        type: "tel",
-        inputMode: "numeric",
-        autoComplete: "tel-national",
-        placeholder: "(555) 555-5555",
-        value: displayValue,
-        onChange: handleChange,
-        onBlur: handleBlur,
-        hasError: hasError || !!localError,
-        error: error || localError,
-        className: cn(className),
-        ...props
-      }
-    );
-  }
-);
-PhoneInput.displayName = "PhoneInput";
-var PHONE_TYPES = [
-  { value: "cell", label: "Cell" },
-  { value: "landline", label: "Landline" },
-  { value: "home", label: "Home" },
-  { value: "work", label: "Work" },
-  { value: "fax", label: "Fax" }
-];
-function PhoneInputGroup({
-  value,
-  onChange,
-  minEntries = 1,
-  maxEntries = 5,
-  required = false,
-  disabled = false,
-  validateOnBlur = false,
-  label,
-  typeLabels,
-  className
-}) {
-  const phones = React.useMemo(() => {
-    if (value.length >= minEntries) return value;
-    const padding = Array(minEntries - value.length).fill(null).map(() => ({ number: "", type: "cell" }));
-    return [...value, ...padding];
-  }, [value, minEntries]);
-  const handlePhoneChange = (index, number) => {
-    const updated = [...phones];
-    updated[index] = { ...updated[index], number };
-    onChange(updated);
-  };
-  const handleTypeChange = (index, type) => {
-    const updated = [...phones];
-    updated[index] = { ...updated[index], type };
-    onChange(updated);
-  };
-  const handleAdd = () => {
-    if (phones.length < maxEntries) {
-      onChange([...phones, { number: "", type: "cell" }]);
-    }
-  };
-  const handleRemove = (index) => {
-    if (phones.length > minEntries) {
-      onChange(phones.filter((_, i) => i !== index));
-    }
-  };
-  const getTypeLabel = (type) => {
-    if (typeLabels?.[type]) return typeLabels[type];
-    return PHONE_TYPES.find((t) => t.value === type)?.label || type;
-  };
-  const canAdd = phones.length < maxEntries;
-  const canRemove = phones.length > minEntries;
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-3", className), children: phones.map((phone, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-      PhoneInput,
-      {
-        label: index === 0 ? label : void 0,
-        value: phone.number,
-        onChange: (num) => handlePhoneChange(index, num),
-        disabled,
-        validateOnBlur,
-        required: required && index === 0
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "w-32 shrink-0", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: `phone-type-${index}`, className: "sr-only", children: "Phone type" }),
-      /* @__PURE__ */ jsx(
-        "select",
-        {
-          id: `phone-type-${index}`,
-          value: phone.type,
-          onChange: (e) => handleTypeChange(index, e.target.value),
-          disabled,
-          className: cn(
-            "w-full rounded-md border px-3 py-2 text-sm",
-            "border-gray-300 bg-white text-gray-900",
-            "focus:border-brand-500 focus:ring-brand-500/20 focus:ring-2 focus:outline-none",
-            "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500",
-            "dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
-            "dark:focus:border-brand-400 dark:focus:ring-brand-400/20",
-            index === 0 && label ? "mt-6" : ""
-          ),
-          children: PHONE_TYPES.map((type) => /* @__PURE__ */ jsx("option", { value: type.value, children: getTypeLabel(type.value) }, type.value))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex shrink-0 items-center",
-          index === 0 && label ? "mt-6" : ""
-        ),
-        children: index === 0 ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleAdd,
-            disabled: disabled || !canAdd,
-            className: cn(
-              "rounded-full p-2 transition-colors",
-              "text-brand-600 hover:bg-brand-50",
-              "disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent",
-              "dark:text-brand-400 dark:hover:bg-brand-900/20",
-              "dark:disabled:text-gray-600"
-            ),
-            "aria-label": "Add phone number",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "h-5 w-5",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M12 4v16m8-8H4"
-                  }
-                )
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => handleRemove(index),
-            disabled: disabled || !canRemove,
-            className: cn(
-              "rounded-full p-2 transition-colors",
-              "text-red-600 hover:bg-red-50",
-              "disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent",
-              "dark:text-red-400 dark:hover:bg-red-900/20",
-              "dark:disabled:text-gray-600"
-            ),
-            "aria-label": "Remove phone number",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "h-5 w-5",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M20 12H4"
-                  }
-                )
-              }
-            )
-          }
-        )
-      }
-    )
-  ] }, index)) });
-}
-PhoneInputGroup.displayName = "PhoneInputGroup";
-
-export { PhoneInput, PhoneInputGroup };
-//# sourceMappingURL=chunk-4YRAEFYW.js.map
-//# sourceMappingURL=chunk-4YRAEFYW.js.map

package/dist/chunk-4YRAEFYW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"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","file":"chunk-4YRAEFYW.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  formatPhoneNumber,\n  unformatPhoneNumber,\n  isValidPhoneNumber,\n} from '../../utils/phone';\nimport { Input, type InputProps } from '../Input';\n\nexport interface PhoneInputProps extends Omit<\n  InputProps,\n  'type' | 'onChange' | 'value'\n> {\n  /** The phone number value (can be formatted or unformatted) */\n  value?: string;\n  /** Callback fired when the value changes, receives the unformatted value */\n  onChange?: (value: string) => void;\n  /** Callback fired when the formatted value changes */\n  onFormattedChange?: (formattedValue: string) => void;\n  /** Whether to validate and show error state for incomplete phone numbers */\n  validateOnBlur?: boolean;\n}\n\n/**\n * A phone number input that automatically formats to US format: (XXX) XXX-XXXX\n *\n * @example\n * ```tsx\n * const [phone, setPhone] = useState('');\n * <PhoneInput\n *   label=\"Phone Number\"\n *   value={phone}\n *   onChange={setPhone}\n *   validateOnBlur\n * />\n * ```\n */\nconst PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n  (\n    {\n      value = '',\n      onChange,\n      onFormattedChange,\n      validateOnBlur,\n      className,\n      onBlur,\n      hasError,\n      error,\n      ...props\n    },\n    ref\n  ) => {\n    const [displayValue, setDisplayValue] = React.useState(() =>\n      formatPhoneNumber(value)\n    );\n    const [localError, setLocalError] = React.useState<string | undefined>();\n\n    // Sync external value changes\n    React.useEffect(() => {\n      setDisplayValue(formatPhoneNumber(value));\n    }, [value]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const formatted = formatPhoneNumber(e.target.value);\n      setDisplayValue(formatted);\n\n      const unformatted = unformatPhoneNumber(formatted);\n      onChange?.(unformatted);\n      onFormattedChange?.(formatted);\n\n      // Clear error when user starts typing again\n      if (localError) {\n        setLocalError(undefined);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n\n      if (validateOnBlur) {\n        const unformatted = unformatPhoneNumber(displayValue);\n        if (unformatted.length > 0 && !isValidPhoneNumber(displayValue)) {\n          setLocalError('Please enter a valid 10-digit phone number');\n        } else {\n          setLocalError(undefined);\n        }\n      }\n    };\n\n    return (\n      <Input\n        ref={ref}\n        type=\"tel\"\n        inputMode=\"numeric\"\n        autoComplete=\"tel-national\"\n        placeholder=\"(555) 555-5555\"\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        hasError={hasError || !!localError}\n        error={error || localError}\n        className={cn(className)}\n        {...props}\n      />\n    );\n  }\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\n// =============================================================================\n// Phone Types\n// =============================================================================\n\nexport type PhoneType = 'cell' | 'landline' | 'home' | 'work' | 'fax';\n\nexport interface PhoneEntry {\n  number: string;\n  type: PhoneType;\n}\n\nconst PHONE_TYPES: { value: PhoneType; label: string }[] = [\n  { value: 'cell', label: 'Cell' },\n  { value: 'landline', label: 'Landline' },\n  { value: 'home', label: 'Home' },\n  { value: 'work', label: 'Work' },\n  { value: 'fax', label: 'Fax' },\n];\n\n// =============================================================================\n// PhoneInputGroup\n// =============================================================================\n\nexport interface PhoneInputGroupProps {\n  /** Array of phone entries */\n  value: PhoneEntry[];\n  /** Callback when phone entries change */\n  onChange: (phones: PhoneEntry[]) => void;\n  /** Minimum number of phone entries (default: 1) */\n  minEntries?: number;\n  /** Maximum number of phone entries (default: 5) */\n  maxEntries?: number;\n  /** Whether the first entry is required */\n  required?: boolean;\n  /** Whether all inputs are disabled */\n  disabled?: boolean;\n  /** Validate on blur */\n  validateOnBlur?: boolean;\n  /** Label for the phone input */\n  label?: string;\n  /** Labels for type options (for i18n) */\n  typeLabels?: Record<PhoneType, string>;\n  /** Custom className */\n  className?: string;\n}\n\n/**\n * A group of phone inputs with type selection and add/remove functionality.\n *\n * @example\n * ```tsx\n * const [phones, setPhones] = useState<PhoneEntry[]>([\n *   { number: '', type: 'cell' }\n * ]);\n *\n * <PhoneInputGroup\n *   value={phones}\n *   onChange={setPhones}\n *   required\n * />\n * ```\n */\nfunction PhoneInputGroup({\n  value,\n  onChange,\n  minEntries = 1,\n  maxEntries = 5,\n  required = false,\n  disabled = false,\n  validateOnBlur = false,\n  label,\n  typeLabels,\n  className,\n}: PhoneInputGroupProps) {\n  // Ensure we always have at least minEntries\n  const phones = React.useMemo(() => {\n    if (value.length >= minEntries) return value;\n    const padding: PhoneEntry[] = Array(minEntries - value.length)\n      .fill(null)\n      .map(() => ({ number: '', type: 'cell' as PhoneType }));\n    return [...value, ...padding];\n  }, [value, minEntries]);\n\n  const handlePhoneChange = (index: number, number: string) => {\n    const updated = [...phones];\n    updated[index] = { ...updated[index], number };\n    onChange(updated);\n  };\n\n  const handleTypeChange = (index: number, type: PhoneType) => {\n    const updated = [...phones];\n    updated[index] = { ...updated[index], type };\n    onChange(updated);\n  };\n\n  const handleAdd = () => {\n    if (phones.length < maxEntries) {\n      onChange([...phones, { number: '', type: 'cell' }]);\n    }\n  };\n\n  const handleRemove = (index: number) => {\n    if (phones.length > minEntries) {\n      onChange(phones.filter((_, i) => i !== index));\n    }\n  };\n\n  const getTypeLabel = (type: PhoneType): string => {\n    if (typeLabels?.[type]) return typeLabels[type];\n    return PHONE_TYPES.find((t) => t.value === type)?.label || type;\n  };\n\n  const canAdd = phones.length < maxEntries;\n  const canRemove = phones.length > minEntries;\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {phones.map((phone, index) => (\n        <div key={index} className=\"flex items-start gap-2\">\n          {/* Phone number input */}\n          <div className=\"flex-1\">\n            <PhoneInput\n              label={index === 0 ? label : undefined}\n              value={phone.number}\n              onChange={(num) => handlePhoneChange(index, num)}\n              disabled={disabled}\n              validateOnBlur={validateOnBlur}\n              required={required && index === 0}\n            />\n          </div>\n\n          {/* Type selector */}\n          <div className=\"w-32 shrink-0\">\n            <label htmlFor={`phone-type-${index}`} className=\"sr-only\">\n              Phone type\n            </label>\n            <select\n              id={`phone-type-${index}`}\n              value={phone.type}\n              onChange={(e) =>\n                handleTypeChange(index, e.target.value as PhoneType)\n              }\n              disabled={disabled}\n              className={cn(\n                'w-full rounded-md border px-3 py-2 text-sm',\n                'border-gray-300 bg-white text-gray-900',\n                'focus:border-brand-500 focus:ring-brand-500/20 focus:ring-2 focus:outline-none',\n                'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500',\n                'dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100',\n                'dark:focus:border-brand-400 dark:focus:ring-brand-400/20',\n                index === 0 && label ? 'mt-6' : ''\n              )}\n            >\n              {PHONE_TYPES.map((type) => (\n                <option key={type.value} value={type.value}>\n                  {getTypeLabel(type.value)}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Add/Remove buttons */}\n          <div\n            className={cn(\n              'flex shrink-0 items-center',\n              index === 0 && label ? 'mt-6' : ''\n            )}\n          >\n            {index === 0 ? (\n              <button\n                type=\"button\"\n                onClick={handleAdd}\n                disabled={disabled || !canAdd}\n                className={cn(\n                  'rounded-full p-2 transition-colors',\n                  'text-brand-600 hover:bg-brand-50',\n                  'disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent',\n                  'dark:text-brand-400 dark:hover:bg-brand-900/20',\n                  'dark:disabled:text-gray-600'\n                )}\n                aria-label=\"Add phone number\"\n              >\n                <svg\n                  className=\"h-5 w-5\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M12 4v16m8-8H4\"\n                  />\n                </svg>\n              </button>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => handleRemove(index)}\n                disabled={disabled || !canRemove}\n                className={cn(\n                  'rounded-full p-2 transition-colors',\n                  'text-red-600 hover:bg-red-50',\n                  'disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent',\n                  'dark:text-red-400 dark:hover:bg-red-900/20',\n                  'dark:disabled:text-gray-600'\n                )}\n                aria-label=\"Remove phone number\"\n              >\n                <svg\n                  className=\"h-5 w-5\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M20 12H4\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nPhoneInputGroup.displayName = 'PhoneInputGroup';\n\nexport { PhoneInput, PhoneInputGroup };\n"]}

package/dist/chunk-53K3KWXQ.cjs.map

@@ -1 +0,0 @@
-{"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-5T3AWNHG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/RecordButton/RecordButton.tsx"],"names":["jsxs","jsx","cn","Fragment","cva","React"],"mappings":"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","file":"chunk-5T3AWNHG.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type RecordButtonState =\n  | 'idle'\n  | 'recording'\n  | 'processing'\n  | 'disabled'\n  | 'error'\n  | 'success';\n\nexport type RecordButtonVariant = 'default' | 'outline' | 'ghost' | 'minimal';\nexport type RecordButtonSize = 'sm' | 'md' | 'lg';\n\n/** Transcription state for integration with transcription services */\nexport type TranscriptionState =\n  | 'idle'\n  | 'recording'\n  | 'transcribing'\n  | 'streaming'\n  | 'complete'\n  | 'error';\n\nexport interface TranscriptionResult {\n  /** The transcribed text */\n  text: string;\n  /** Whether this is a partial (streaming) or final result */\n  isFinal: boolean;\n  /** Confidence score (0-1) if available */\n  confidence?: number;\n}\n\nexport interface RecordButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'children'\n> {\n  /** Current state of the button */\n  state?: RecordButtonState;\n  /** Size of the button */\n  size?: RecordButtonSize;\n  /** Visual style variant */\n  variant?: RecordButtonVariant;\n  /** Show waveform bars when recording (instead of stop icon) */\n  showWaveform?: boolean;\n  /** Show pulse rings when recording */\n  showPulse?: boolean;\n  /** Show recording duration while recording */\n  showDuration?: boolean;\n  /** Custom idle icon */\n  idleIcon?: React.ReactNode;\n  /** Custom recording icon */\n  recordingIcon?: React.ReactNode;\n  /** Current transcription state (for external control) */\n  transcriptionState?: TranscriptionState;\n  /** Show transcription state indicator */\n  showTranscriptionState?: boolean;\n\n  // Recording callbacks (for uncontrolled usage)\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 a recording error occurs */\n  onRecordingError?: (error: Error) => void;\n  /** Maximum recording duration in seconds (0 for unlimited) */\n  maxDuration?: number;\n  /** Audio MIME type */\n  mimeType?: string;\n}\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction MicIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n      <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n      <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n    </svg>\n  );\n}\n\nfunction MicOffIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n      <path d=\"M18.89 13.23A7.12 7.12 0 0 0 19 12v-2\" />\n      <path d=\"M5 10v2a7 7 0 0 0 12 5\" />\n      <path d=\"M15 9.34V5a3 3 0 0 0-5.68-1.33\" />\n      <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\" />\n      <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n    </svg>\n  );\n}\n\nfunction StopIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction LoadingSpinner({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('animate-spin', className)}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Pulse Ring Animation (for recording state)\n// ============================================================================\n\nfunction PulseRings({ variant }: { variant: RecordButtonVariant }) {\n  const ringColor = variant === 'minimal' ? 'bg-red-500/30' : 'bg-red-400/40';\n\n  return (\n    <>\n      <span\n        className={cn('absolute inset-0 animate-ping rounded-full', ringColor)}\n        style={{ animationDuration: '1.5s' }}\n      />\n      <span\n        className={cn('absolute inset-0 animate-ping rounded-full', ringColor)}\n        style={{ animationDuration: '1.5s', animationDelay: '0.5s' }}\n      />\n    </>\n  );\n}\n\n// ============================================================================\n// Waveform Animation (for recording state)\n// ============================================================================\n\nfunction WaveformBars({ size }: { size: RecordButtonSize }) {\n  const barHeight = size === 'sm' ? 'h-2' : size === 'md' ? 'h-3' : 'h-4';\n\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {[0, 1, 2, 3, 4].map((i) => (\n        <span\n          key={i}\n          className={cn(\n            'animate-waveform w-0.5 rounded-full bg-current',\n            barHeight\n          )}\n          style={{\n            animationDelay: `${i * 0.1}s`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\n// ============================================================================\n// Style Variants\n// ============================================================================\n\nconst recordButtonVariants = cva(\n  [\n    'relative inline-flex items-center justify-center rounded-full',\n    'transition-all duration-200',\n    'outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n  ],\n  {\n    variants: {\n      variant: {\n        default: '',\n        outline: 'border-2',\n        ghost: '',\n        minimal: '',\n      },\n      size: {\n        sm: 'size-10',\n        md: 'size-12',\n        lg: 'size-14',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nconst iconSizes: Record<RecordButtonSize, string> = {\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n};\n\n// ============================================================================\n// State Styles\n// ============================================================================\n\nfunction getStateStyles(\n  state: RecordButtonState,\n  variant: RecordButtonVariant\n): string {\n  const styles: Record<\n    RecordButtonVariant,\n    Record<RecordButtonState, string>\n  > = {\n    default: {\n      idle: 'bg-primary/10 text-primary hover:bg-primary/20',\n      recording: 'bg-red-500/10 text-red-500 hover:bg-red-500/20',\n      processing: 'bg-primary/10 text-primary cursor-wait',\n      disabled: 'bg-muted text-muted-foreground cursor-not-allowed opacity-50',\n      error: 'bg-destructive/10 text-destructive',\n      success: 'bg-success/10 text-success',\n    },\n    outline: {\n      idle: 'border-primary/50 text-primary bg-transparent hover:bg-primary/10 hover:border-primary',\n      recording:\n        'border-red-500/50 text-red-500 bg-transparent hover:bg-red-500/10 hover:border-red-500',\n      processing: 'border-primary/50 text-primary bg-transparent cursor-wait',\n      disabled:\n        'border-muted text-muted-foreground bg-transparent cursor-not-allowed opacity-50',\n      error: 'border-destructive/50 text-destructive bg-transparent',\n      success: 'border-success/50 text-success bg-transparent',\n    },\n    ghost: {\n      idle: 'text-primary hover:bg-primary/10',\n      recording: 'text-red-500 hover:bg-red-500/10',\n      processing: 'text-primary bg-primary/5 cursor-wait',\n      disabled: 'text-muted-foreground cursor-not-allowed opacity-50',\n      error: 'text-destructive',\n      success: 'text-success',\n    },\n    minimal: {\n      idle: 'text-primary hover:text-primary/80',\n      recording: 'text-red-500 hover:text-red-500/80',\n      processing: 'text-primary cursor-wait',\n      disabled: 'text-muted-foreground/40 cursor-not-allowed',\n      error: 'text-destructive',\n      success: 'text-success',\n    },\n  };\n\n  return styles[variant][state];\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\nfunction formatDuration(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// Main Component\n// ============================================================================\n\n/**\n * A voice recording button with 6 states and 4 visual variants.\n * Supports pulse animations, waveform visualization, and transcription integration.\n *\n * ## Controlled vs Uncontrolled Mode\n *\n * **Uncontrolled mode** (default): The component manages its own recording state.\n * Use `onRecordingComplete`, `onRecordingStart`, and `onRecordingError` callbacks.\n *\n * **Controlled mode**: When the `state` prop is provided, the component becomes\n * controlled and you must manage state changes externally. Note: In controlled mode,\n * the internal MediaRecorder functionality is disabled - you must implement your own\n * recording logic.\n *\n * ## State Precedence\n *\n * When multiple state-controlling props are provided, they follow this precedence:\n * 1. `disabled` prop (highest priority)\n * 2. `transcriptionState` prop\n * 3. `state` prop\n * 4. Internal state (uncontrolled)\n *\n * @example\n * ```tsx\n * // Uncontrolled with recording callbacks\n * <RecordButton\n *   onRecordingComplete={(blob, duration) => console.log('Recorded:', blob)}\n *   onRecordingError={(error) => console.error('Recording failed:', error)}\n * />\n *\n * // Controlled state (requires external recording implementation)\n * <RecordButton state=\"idle\" onClick={handleClick} />\n *\n * // Different variants\n * <RecordButton variant=\"outline\" size=\"lg\" />\n *\n * // With waveform animation\n * <RecordButton state=\"recording\" showWaveform showPulse />\n * ```\n */\nconst RecordButton = React.forwardRef<HTMLButtonElement, RecordButtonProps>(\n  (\n    {\n      className,\n      variant = 'default',\n      size = 'md',\n      state: controlledState,\n      showWaveform = false,\n      showPulse = true,\n      disabled,\n      showDuration = false,\n      idleIcon,\n      recordingIcon,\n      transcriptionState,\n      showTranscriptionState = false,\n      onRecordingComplete,\n      onRecordingStart,\n      onRecordingError,\n      maxDuration = 0,\n      mimeType = 'audio/webm',\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    // Internal state for uncontrolled usage\n    const [internalState, setInternalState] =\n      React.useState<RecordButtonState>('idle');\n    const [duration, setDuration] = React.useState(0);\n\n    const mediaRecorderRef = React.useRef<MediaRecorder | 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 timeoutsRef = React.useRef<NodeJS.Timeout[]>([]);\n\n    // Helper to track and manage timeouts\n    const addTimeout = (callback: () => void, delay: number) => {\n      const id = setTimeout(() => {\n        callback();\n        // Remove from tracking after execution\n        timeoutsRef.current = timeoutsRef.current.filter((t) => t !== id);\n      }, delay);\n      timeoutsRef.current.push(id);\n      return id;\n    };\n\n    const clearAllTimeouts = () => {\n      timeoutsRef.current.forEach(clearTimeout);\n      timeoutsRef.current = [];\n    };\n\n    // Use controlled state if provided, otherwise internal state\n    const isControlled = controlledState !== undefined;\n    const currentState = isControlled ? controlledState : internalState;\n\n    // Map transcription state to button state if provided\n    // Precedence: disabled prop → transcriptionState → state prop → internal state\n    const effectiveState: RecordButtonState = disabled\n      ? 'disabled'\n      : transcriptionState === 'error'\n        ? 'error'\n        : transcriptionState === 'transcribing' ||\n            transcriptionState === 'streaming'\n          ? 'processing'\n          : transcriptionState === 'complete'\n            ? 'success'\n            : currentState;\n\n    // Dev mode warnings for conflicting states\n    React.useEffect(() => {\n      // Only warn in development\n      if (typeof window === 'undefined') return;\n\n      // Warn when disabled is true but other state props suggest a different visual state\n      if (\n        disabled &&\n        ((controlledState && controlledState !== 'disabled') ||\n          transcriptionState)\n      ) {\n        console.warn(\n          '[RecordButton]: `disabled` prop takes precedence over both `state` and `transcriptionState`. ' +\n            'When `disabled` is true, the button will always appear disabled.'\n        );\n      }\n\n      // Warn when both controlled state and transcriptionState are provided and conflict\n      if (controlledState !== undefined && transcriptionState !== undefined) {\n        const mappedTranscriptionState: RecordButtonState | undefined =\n          transcriptionState === 'error'\n            ? 'error'\n            : transcriptionState === 'transcribing' ||\n                transcriptionState === 'streaming'\n              ? 'processing'\n              : transcriptionState === 'complete'\n                ? 'success'\n                : undefined;\n\n        if (\n          mappedTranscriptionState !== undefined &&\n          mappedTranscriptionState !== controlledState\n        ) {\n          console.warn(\n            '[RecordButton]: `transcriptionState` takes precedence over `state`. ' +\n              `Received state=\"${controlledState}\" and transcriptionState=\"${transcriptionState}\". ` +\n              'This may lead to unexpected visual states.'\n          );\n        }\n      }\n    }, [disabled, controlledState, transcriptionState]);\n\n    const iconSize = iconSizes[size];\n    const isRecording = effectiveState === 'recording';\n    const isDisabled =\n      effectiveState === 'disabled' || effectiveState === 'processing';\n\n    // Cleanup on unmount\n    React.useEffect(() => {\n      return () => {\n        if (timerRef.current) {\n          clearInterval(timerRef.current);\n        }\n        clearAllTimeouts();\n        if (streamRef.current) {\n          streamRef.current.getTracks().forEach((track) => track.stop());\n        }\n      };\n    }, []);\n\n    const stopRecording = React.useCallback(() => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n\n      if (\n        mediaRecorderRef.current &&\n        mediaRecorderRef.current.state !== 'inactive'\n      ) {\n        mediaRecorderRef.current.stop();\n      }\n\n      if (streamRef.current) {\n        streamRef.current.getTracks().forEach((track) => track.stop());\n      }\n    }, []);\n\n    const startRecording = React.useCallback(async () => {\n      // Guard: don't start if disabled, already recording, or processing\n      if (\n        disabled ||\n        effectiveState === 'recording' ||\n        effectiveState === 'processing'\n      )\n        return;\n\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia({\n          audio: true,\n        });\n        streamRef.current = stream;\n\n        const options = { mimeType };\n        if (!MediaRecorder.isTypeSupported(mimeType)) {\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 = () => {\n          if (!isControlled) {\n            setInternalState('processing');\n          }\n\n          const blob = new Blob(chunksRef.current, { type: mimeType });\n          const finalDuration = duration;\n\n          // Small delay to show processing state\n          addTimeout(() => {\n            onRecordingComplete?.(blob, finalDuration);\n            if (!isControlled) {\n              setInternalState('success');\n              // Reset to idle after showing success\n              addTimeout(() => {\n                setInternalState('idle');\n              }, 1500);\n            }\n            setDuration(0);\n          }, 200);\n        };\n\n        mediaRecorderRef.current.start(100);\n        startTimeRef.current = Date.now();\n\n        if (!isControlled) {\n          setInternalState('recording');\n        }\n        onRecordingStart?.();\n\n        timerRef.current = window.setInterval(() => {\n          const elapsed = (Date.now() - startTimeRef.current) / 1000;\n          setDuration(elapsed);\n\n          if (maxDuration > 0 && elapsed >= maxDuration) {\n            stopRecording();\n          }\n        }, 100);\n      } catch (error) {\n        onRecordingError?.(error as Error);\n        if (!isControlled) {\n          setInternalState('error');\n          // Reset to idle after showing error\n          addTimeout(() => {\n            setInternalState('idle');\n          }, 2000);\n        }\n      }\n    }, [\n      disabled,\n      effectiveState,\n      isControlled,\n      mimeType,\n      maxDuration,\n      duration,\n      onRecordingComplete,\n      onRecordingStart,\n      onRecordingError,\n      stopRecording,\n    ]);\n\n    const handleClick = React.useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        // Call external onClick if provided\n        onClick?.(e);\n\n        // Handle internal recording logic only if not fully controlled\n        if (!isControlled) {\n          if (effectiveState === 'recording') {\n            stopRecording();\n          } else if (effectiveState === 'idle') {\n            startRecording();\n          }\n        }\n      },\n      [onClick, isControlled, effectiveState, startRecording, stopRecording]\n    );\n\n    // Determine which icon to show\n    const renderIcon = () => {\n      switch (effectiveState) {\n        case 'recording':\n          if (showWaveform) {\n            return <WaveformBars size={size} />;\n          }\n          return recordingIcon || <StopIcon className={iconSize} />;\n        case 'processing':\n          return <LoadingSpinner className={iconSize} />;\n        case 'disabled':\n        case 'error':\n          return <MicOffIcon className={iconSize} />;\n        case 'success':\n          return <CheckIcon className={iconSize} />;\n        default:\n          return idleIcon || <MicIcon className={iconSize} />;\n      }\n    };\n\n    const getAriaLabel = () => {\n      switch (effectiveState) {\n        case 'recording':\n          return 'Stop recording';\n        case 'processing':\n          return 'Processing recording';\n        case 'disabled':\n          return 'Recording unavailable';\n        case 'error':\n          return 'Recording failed';\n        case 'success':\n          return 'Recording complete';\n        default:\n          return 'Start recording';\n      }\n    };\n\n    const getTranscriptionLabel = () => {\n      if (transcriptionState === 'streaming') return 'Listening...';\n      if (transcriptionState === 'transcribing') return 'Transcribing...';\n      return null;\n    };\n\n    return (\n      <div className=\"relative inline-flex items-center gap-2\">\n        <button\n          ref={ref}\n          type=\"button\"\n          disabled={isDisabled}\n          onClick={handleClick}\n          {...props}\n          className={cn(\n            recordButtonVariants({ variant, size }),\n            getStateStyles(effectiveState, variant),\n            className\n          )}\n          aria-label={getAriaLabel()}\n          aria-pressed={effectiveState === 'recording' ? true : undefined}\n          aria-busy={effectiveState === 'processing' ? true : undefined}\n        >\n          {/* Pulse animation for recording state */}\n          {effectiveState === 'recording' && showPulse && (\n            <PulseRings variant={variant} />\n          )}\n\n          {/* Icon */}\n          <span className=\"relative z-10\">{renderIcon()}</span>\n        </button>\n\n        {/* Duration display */}\n        {showDuration && isRecording && (\n          <span className=\"text-destructive font-mono text-xs tabular-nums\">\n            {formatDuration(duration)}\n          </span>\n        )}\n\n        {/* Transcription state label */}\n        {showTranscriptionState && getTranscriptionLabel() && (\n          <span className=\"text-primary text-xs font-medium\">\n            {getTranscriptionLabel()}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nRecordButton.displayName = 'RecordButton';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RecordButton, recordButtonVariants, formatDuration };\n"]}

package/dist/chunk-5UUL5EEO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":["cva","React","useEscapeKey","cn","jsx","jsxs","createPortal"],"mappings":"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","file":"chunk-5UUL5EEO.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface SelectOption {\n  /** Unique value for the option */\n  value: string;\n  /** Display label for the option */\n  label: string;\n  /** Whether the option is disabled */\n  disabled?: boolean;\n  /** Optional group this option belongs to */\n  group?: string;\n}\n\nexport interface SelectGroup {\n  /** Group label */\n  label: string;\n  /** Options in this group */\n  options: SelectOption[];\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst selectTriggerVariants = cva(\n  [\n    'flex w-full items-center justify-between gap-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-3 text-base',\n        lg: 'h-12 px-4 text-lg',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n    },\n  }\n);\n\n// ============================================================================\n// Select Component\n// ============================================================================\n\nexport interface SelectProps extends VariantProps<\n  typeof selectTriggerVariants\n> {\n  /** Array of options or groups */\n  options: (SelectOption | SelectGroup)[];\n  /** Controlled value */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether the select is disabled */\n  disabled?: boolean;\n  /** Label for the select */\n  label?: string;\n  /** Hide the label visually */\n  hideLabel?: boolean;\n  /** Error message */\n  error?: string;\n  /** Helper text */\n  helperText?: string;\n  /** Enable search/filter */\n  searchable?: boolean;\n  /** Search placeholder */\n  searchPlaceholder?: string;\n  /** No results text */\n  noResultsText?: string;\n  /** Additional class name */\n  className?: string;\n  /** ID for the select */\n  id?: string;\n}\n\n/**\n * An accessible select/dropdown component with search support.\n *\n * @example\n * ```tsx\n * <Select\n *   label=\"Country\"\n *   placeholder=\"Select a country\"\n *   options={[\n *     { value: 'us', label: 'United States' },\n *     { value: 'ca', label: 'Canada' },\n *     { value: 'uk', label: 'United Kingdom' },\n *   ]}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Select({\n  options,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  placeholder = 'Select an option',\n  disabled = false,\n  label,\n  hideLabel = false,\n  error,\n  helperText,\n  size,\n  hasError,\n  searchable = false,\n  searchPlaceholder = 'Search...',\n  noResultsText = 'No results found',\n  className,\n  id,\n}: SelectProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(\n    defaultValue || ''\n  );\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLUListElement>(null);\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\n\n  const generatedId = React.useId();\n  const selectId = id || generatedId;\n  const listboxId = `${selectId}-listbox`;\n  const errorId = `${selectId}-error`;\n  const helperId = `${selectId}-helper`;\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  // Flatten options for easy access\n  const flatOptions = React.useMemo(() => {\n    const result: SelectOption[] = [];\n    for (const item of options) {\n      if ('options' in item) {\n        result.push(...item.options);\n      } else {\n        result.push(item);\n      }\n    }\n    return result;\n  }, [options]);\n\n  // Filter options based on search query\n  const filteredOptions = React.useMemo(() => {\n    if (!searchQuery) return options;\n\n    const query = searchQuery.toLowerCase();\n    const result: (SelectOption | SelectGroup)[] = [];\n\n    for (const item of options) {\n      if ('options' in item) {\n        const filteredGroupOptions = item.options.filter((opt) =>\n          opt.label.toLowerCase().includes(query)\n        );\n        if (filteredGroupOptions.length > 0) {\n          result.push({ ...item, options: filteredGroupOptions });\n        }\n      } else {\n        if (item.label.toLowerCase().includes(query)) {\n          result.push(item);\n        }\n      }\n    }\n\n    return result;\n  }, [options, searchQuery]);\n\n  // Get filtered flat options for keyboard navigation\n  const filteredFlatOptions = React.useMemo(() => {\n    const result: SelectOption[] = [];\n    for (const item of filteredOptions) {\n      if ('options' in item) {\n        result.push(...item.options.filter((opt) => !opt.disabled));\n      } else if (!item.disabled) {\n        result.push(item);\n      }\n    }\n    return result;\n  }, [filteredOptions]);\n\n  // Get selected option\n  const selectedOption = flatOptions.find((opt) => opt.value === value);\n\n  // Close dropdown on click outside (handles both container and portaled dropdown)\n  React.useEffect(() => {\n    if (!isOpen) return;\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen]);\n\n  useEscapeKey(() => {\n    if (isOpen) {\n      setIsOpen(false);\n      triggerRef.current?.focus();\n    }\n  }, isOpen);\n\n  // Track trigger position for portal dropdown\n  const [dropdownStyle, setDropdownStyle] = React.useState<React.CSSProperties>(\n    {}\n  );\n\n  const updateDropdownPosition = React.useCallback(() => {\n    if (!triggerRef.current) return;\n    const rect = triggerRef.current.getBoundingClientRect();\n    const spaceBelow = window.innerHeight - rect.bottom;\n    const spaceAbove = rect.top;\n    const estimatedDropdownHeight = Math.min(flatOptions.length * 40 + 16, 300);\n    const openAbove =\n      spaceBelow < estimatedDropdownHeight && spaceAbove > spaceBelow;\n\n    setDropdownStyle({\n      position: 'fixed',\n      ...(openAbove\n        ? { bottom: window.innerHeight - rect.top + 4 }\n        : { top: rect.bottom + 4 }),\n      left: rect.left,\n      width: rect.width,\n      maxHeight: Math.max(\n        Math.min(openAbove ? spaceAbove - 8 : spaceBelow - 8, 300),\n        0\n      ),\n      display: 'flex',\n      flexDirection: 'column' as const,\n      overflow: 'hidden',\n      zIndex: 9999,\n    });\n  }, [flatOptions.length]);\n\n  React.useEffect(() => {\n    if (!isOpen) return;\n    updateDropdownPosition();\n\n    window.addEventListener('scroll', updateDropdownPosition, true);\n    window.addEventListener('resize', updateDropdownPosition);\n    return () => {\n      window.removeEventListener('scroll', updateDropdownPosition, true);\n      window.removeEventListener('resize', updateDropdownPosition);\n    };\n  }, [isOpen, updateDropdownPosition]);\n\n  // Handle value change\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n      setIsOpen(false);\n      setSearchQuery('');\n      triggerRef.current?.focus();\n    },\n    [isControlled, onValueChange]\n  );\n\n  // Handle keyboard navigation\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          if (!isOpen) {\n            setIsOpen(true);\n          } else {\n            setHighlightedIndex((prev) =>\n              prev < filteredFlatOptions.length - 1 ? prev + 1 : 0\n            );\n          }\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          if (!isOpen) {\n            setIsOpen(true);\n          } else {\n            setHighlightedIndex((prev) =>\n              prev > 0 ? prev - 1 : filteredFlatOptions.length - 1\n            );\n          }\n          break;\n        case 'Enter':\n        case ' ':\n          e.preventDefault();\n          if (isOpen && highlightedIndex >= 0) {\n            handleValueChange(filteredFlatOptions[highlightedIndex].value);\n          } else if (!isOpen) {\n            setIsOpen(true);\n          }\n          break;\n        case 'Home':\n          e.preventDefault();\n          setHighlightedIndex(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          setHighlightedIndex(filteredFlatOptions.length - 1);\n          break;\n      }\n    },\n    [isOpen, highlightedIndex, filteredFlatOptions, handleValueChange]\n  );\n\n  // Focus search input when dropdown opens\n  React.useEffect(() => {\n    if (isOpen && searchable && searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [isOpen, searchable]);\n\n  // Reset highlighted index when search changes\n  React.useEffect(() => {\n    setHighlightedIndex(filteredFlatOptions.length > 0 ? 0 : -1);\n  }, [searchQuery, filteredFlatOptions.length]);\n\n  // Build aria-describedby\n  const describedByIds = [error ? errorId : null, helperText ? helperId : null]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)}>\n      {label && (\n        <label\n          htmlFor={selectId}\n          className={cn(\n            'text-foreground text-sm font-medium',\n            hideLabel && 'sr-only'\n          )}\n        >\n          {label}\n        </label>\n      )}\n\n      <div ref={containerRef} className=\"relative\">\n        {/* Trigger Button */}\n        <button\n          ref={triggerRef}\n          id={selectId}\n          type=\"button\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          disabled={disabled}\n          onClick={() => setIsOpen(!isOpen)}\n          onKeyDown={handleKeyDown}\n          className={cn(\n            selectTriggerVariants({ size, hasError: hasError || !!error })\n          )}\n        >\n          <span\n            className={cn(\n              'truncate',\n              !selectedOption && 'text-muted-foreground'\n            )}\n          >\n            {selectedOption?.label || placeholder}\n          </span>\n          <ChevronDownIcon\n            className={cn(\n              'text-muted-foreground h-4 w-4 shrink-0 transition-transform',\n              isOpen && 'rotate-180'\n            )}\n          />\n        </button>\n\n        {/* Dropdown (portaled to body to avoid overflow clipping) */}\n        {isOpen &&\n          createPortal(\n            <div\n              ref={dropdownRef}\n              style={dropdownStyle}\n              className={cn(\n                'border-border bg-card rounded-lg border shadow-lg',\n                'animate-in fade-in zoom-in-95 duration-100'\n              )}\n            >\n              {/* Search Input */}\n              {searchable && (\n                <div className=\"border-border border-b p-2\">\n                  <input\n                    ref={searchInputRef}\n                    type=\"text\"\n                    value={searchQuery}\n                    onChange={(e) => setSearchQuery(e.target.value)}\n                    onKeyDown={handleKeyDown}\n                    placeholder={searchPlaceholder}\n                    className={cn(\n                      'border-input bg-background w-full rounded-md border px-3 py-2 text-sm',\n                      'placeholder:text-muted-foreground',\n                      'focus:ring-ring focus:ring-2 focus:outline-none'\n                    )}\n                    aria-label=\"Search options\"\n                  />\n                </div>\n              )}\n\n              {/* Options List */}\n              <ul\n                ref={listRef}\n                id={listboxId}\n                role=\"listbox\"\n                aria-label={label || 'Options'}\n                className=\"flex-1 overflow-auto p-1\"\n              >\n                {filteredFlatOptions.length === 0 ? (\n                  <li className=\"text-muted-foreground px-3 py-2 text-center text-sm\">\n                    {noResultsText}\n                  </li>\n                ) : (\n                  filteredOptions.map((item) => {\n                    if ('options' in item) {\n                      // Render group\n                      return (\n                        <li key={`group-${item.label}`} role=\"presentation\">\n                          <div className=\"text-muted-foreground px-3 py-1.5 text-xs font-semibold tracking-wider uppercase\">\n                            {item.label}\n                          </div>\n                          <ul role=\"group\" aria-label={item.label}>\n                            {item.options.map((option) => (\n                              <SelectOptionItem\n                                key={option.value}\n                                option={option}\n                                isSelected={option.value === value}\n                                isHighlighted={\n                                  filteredFlatOptions[highlightedIndex]\n                                    ?.value === option.value\n                                }\n                                onSelect={() => handleValueChange(option.value)}\n                                onMouseEnter={() => {\n                                  const idx = filteredFlatOptions.findIndex(\n                                    (o) => o.value === option.value\n                                  );\n                                  setHighlightedIndex(idx);\n                                }}\n                              />\n                            ))}\n                          </ul>\n                        </li>\n                      );\n                    }\n\n                    // Render single option\n                    return (\n                      <SelectOptionItem\n                        key={item.value}\n                        option={item}\n                        isSelected={item.value === value}\n                        isHighlighted={\n                          filteredFlatOptions[highlightedIndex]?.value ===\n                          item.value\n                        }\n                        onSelect={() => handleValueChange(item.value)}\n                        onMouseEnter={() => {\n                          const idx = filteredFlatOptions.findIndex(\n                            (o) => o.value === item.value\n                          );\n                          setHighlightedIndex(idx);\n                        }}\n                      />\n                    );\n                  })\n                )}\n              </ul>\n            </div>,\n            document.body\n          )}\n      </div>\n\n      {/* Error Message */}\n      {error && (\n        <p id={errorId} className=\"text-destructive text-sm\" role=\"alert\">\n          {error}\n        </p>\n      )}\n\n      {/* Helper Text */}\n      {helperText && !error && (\n        <p id={helperId} className=\"text-muted-foreground text-sm\">\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\nSelect.displayName = 'Select';\n\n// ============================================================================\n// Select Option Item (Internal)\n// ============================================================================\n\ninterface SelectOptionItemProps {\n  option: SelectOption;\n  isSelected: boolean;\n  isHighlighted: boolean;\n  onSelect: () => void;\n  onMouseEnter: () => void;\n}\n\nfunction SelectOptionItem({\n  option,\n  isSelected,\n  isHighlighted,\n  onSelect,\n  onMouseEnter,\n}: SelectOptionItemProps) {\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (!option.disabled) {\n        onSelect();\n      }\n    }\n  };\n\n  return (\n    <li\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={option.disabled}\n      data-highlighted={isHighlighted}\n      data-disabled={option.disabled}\n      tabIndex={isHighlighted ? 0 : -1}\n      onClick={option.disabled ? undefined : onSelect}\n      onKeyDown={handleKeyDown}\n      onMouseEnter={option.disabled ? undefined : onMouseEnter}\n      className={cn(\n        'flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm',\n        'transition-colors outline-none',\n        isHighlighted && 'bg-muted',\n        isSelected &&\n          'bg-primary-50 text-primary-900 dark:bg-primary-950 dark:text-primary-100',\n        option.disabled && 'cursor-not-allowed opacity-50'\n      )}\n    >\n      <span className=\"flex-1 truncate\">{option.label}</span>\n      {isSelected && (\n        <CheckIcon className=\"text-primary-500 h-4 w-4 shrink-0\" />\n      )}\n    </li>\n  );\n}\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\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\nexport { Select, selectTriggerVariants };\n"]}

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

@@ -1 +0,0 @@
-{"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"]}