@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/webcam.js

@@ -0,0 +1,519 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Camera, Pause, Play, RefreshCw, Square, Video } from "lucide-react";
+import { useCallback, useEffect, useRef, useState, useTransition } from "react";
+import WebcamCore from "react-webcam";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+function Webcam(props) {
+  const {
+    videoRecording,
+    photoCapture,
+    autoCapture,
+    defaultCamera = "front",
+    allowCameraSwitch = false,
+    placeholder,
+    showCapturedImage = false,
+    capturedImage,
+    callbacks,
+    labels = {},
+    classNames,
+    webcamRef: externalWebcamRef,
+    videoCheckInterval = 500,
+    maxRetryCount = 10,
+    showBorder = false,
+    forceHideInterface = false,
+    interfaceLocation = "static"
+  } = props;
+  if (!videoRecording && !photoCapture && !autoCapture) {
+    throw new Error(
+      "WebcamComponent: At least one core feature (videoRecording, photoCapture, or autoCapture) must be enabled"
+    );
+  }
+  const defaultLabels = {
+    startRecording: "Start Recording",
+    stopRecording: "Stop Recording",
+    recording: "Recording...",
+    capturePhoto: "Capture Photo",
+    startAutoCapture: "Start Auto Capture",
+    stopAutoCapture: "Stop Auto Capture",
+    autoCapturing: "Auto Capturing...",
+    switchCamera: "Switch Camera",
+    cameraReady: "Camera Ready",
+    cameraError: "Camera Error",
+    ...labels
+  };
+  const [isPending, startTransition] = useTransition();
+  const [facingMode, setFacingMode] = useState(
+    defaultCamera === "front" ? "user" : "environment"
+  );
+  const [isWebcamReady, setIsWebcamReady] = useState(false);
+  const [isRecording, setIsRecording] = useState(false);
+  const [recordingDuration, setRecordingDuration] = useState(0);
+  const [isAutoCapturing, setIsAutoCapturing] = useState(false);
+  const [hasAutoStarted, setHasAutoStarted] = useState(false);
+  const internalWebcamRef = useRef(null);
+  const webcamRef = externalWebcamRef || internalWebcamRef;
+  const videoCheckIntervalRef = useRef(null);
+  const autoCapturIntervalRef = useRef(null);
+  const recordingIntervalRef = useRef(null);
+  const retryCountRef = useRef(0);
+  const mediaRecorderRef = useRef(null);
+  const recordedChunksRef = useRef([]);
+  const clearVideoCheckInterval = useCallback(() => {
+    if (videoCheckIntervalRef.current) {
+      clearInterval(videoCheckIntervalRef.current);
+      videoCheckIntervalRef.current = null;
+    }
+  }, []);
+  const clearAutoCapture = useCallback(() => {
+    if (autoCapturIntervalRef.current) {
+      clearInterval(autoCapturIntervalRef.current);
+      autoCapturIntervalRef.current = null;
+    }
+  }, []);
+  const clearRecordingInterval = useCallback(() => {
+    if (recordingIntervalRef.current) {
+      clearInterval(recordingIntervalRef.current);
+      recordingIntervalRef.current = null;
+    }
+  }, []);
+  const startVideoRecording = useCallback(() => {
+    if (!webcamRef.current?.stream || isRecording || !videoRecording) return;
+    try {
+      const { stream } = webcamRef.current;
+      const mimeType = videoRecording.mimeType || "video/webm";
+      const mediaRecorder = new MediaRecorder(stream, { mimeType });
+      recordedChunksRef.current = [];
+      mediaRecorder.ondataavailable = (event) => {
+        if (event.data.size > 0) {
+          recordedChunksRef.current.push(event.data);
+        }
+      };
+      mediaRecorder.onstop = () => {
+        const blob = new Blob(recordedChunksRef.current, { type: mimeType });
+        const duration = recordingDuration;
+        callbacks?.onVideoEnd?.(blob, duration);
+        setIsRecording(false);
+        setRecordingDuration(0);
+        clearRecordingInterval();
+      };
+      mediaRecorderRef.current = mediaRecorder;
+      mediaRecorder.start();
+      const startTime = Date.now();
+      setIsRecording(true);
+      setRecordingDuration(0);
+      recordingIntervalRef.current = setInterval(() => {
+        const elapsed = Math.floor((Date.now() - startTime) / 1e3);
+        setRecordingDuration(elapsed);
+        if (videoRecording.maxVideoDuration && elapsed >= videoRecording.maxVideoDuration) {
+          stopVideoRecording();
+        }
+      }, 1e3);
+      callbacks?.onVideoStart?.();
+    } catch (error) {
+      callbacks?.onError?.(`Failed to start video recording: ${error}`);
+    }
+  }, [
+    webcamRef,
+    isRecording,
+    videoRecording,
+    callbacks,
+    recordingDuration,
+    clearRecordingInterval
+  ]);
+  const stopVideoRecording = useCallback(() => {
+    if (mediaRecorderRef.current && isRecording) {
+      mediaRecorderRef.current.stop();
+      mediaRecorderRef.current = null;
+    }
+  }, [isRecording]);
+  const captureHighQualityPhoto = useCallback(() => {
+    const video = webcamRef.current?.video;
+    if (!video) return null;
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return null;
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    ctx.imageSmoothingEnabled = true;
+    ctx.imageSmoothingQuality = "high";
+    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+    const quality = photoCapture?.quality || 0.95;
+    return canvas.toDataURL("image/jpeg", quality);
+  }, [webcamRef, photoCapture]);
+  const capturePhoto = useCallback(() => {
+    if (!photoCapture) return;
+    const imageData = captureHighQualityPhoto();
+    if (imageData) {
+      callbacks?.onPhotoCaptured?.(imageData);
+    }
+  }, [photoCapture, captureHighQualityPhoto, callbacks]);
+  const stopAutoCapture = useCallback(() => {
+    setIsAutoCapturing(false);
+    callbacks?.onAutoCaptureStop?.();
+    clearAutoCapture();
+  }, [clearAutoCapture, callbacks]);
+  const captureAutoPhoto = useCallback(() => {
+    if (!autoCapture) return;
+    const video = webcamRef.current?.video;
+    if (!video) return;
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    ctx.imageSmoothingEnabled = true;
+    ctx.imageSmoothingQuality = "high";
+    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+    const quality = autoCapture.quality || 0.95;
+    const imageData = canvas.toDataURL("image/jpeg", quality);
+    if (imageData) {
+      callbacks?.onAutoPhotoCaptured?.(imageData);
+      if (autoCapture.stopOnCapture) {
+        stopAutoCapture();
+      }
+    }
+  }, [webcamRef, autoCapture, callbacks, stopAutoCapture]);
+  const startAutoCapture = useCallback(
+    (isManual = false) => {
+      if (!autoCapture || !isWebcamReady || isAutoCapturing) return;
+      if (!isManual && autoCapture.startOnReady && hasAutoStarted) return;
+      setIsAutoCapturing(true);
+      callbacks?.onAutoCaptureStart?.();
+      if (!isManual && autoCapture.startOnReady) {
+        setHasAutoStarted(true);
+      }
+      autoCapturIntervalRef.current = setInterval(() => {
+        if (webcamRef.current && isWebcamReady) {
+          captureAutoPhoto();
+        }
+      }, autoCapture.captureInterval * 1e3);
+    },
+    [
+      autoCapture,
+      isWebcamReady,
+      isAutoCapturing,
+      captureAutoPhoto,
+      webcamRef,
+      callbacks,
+      hasAutoStarted
+    ]
+  );
+  const switchCamera = useCallback(() => {
+    const newFacingMode = facingMode === "user" ? "environment" : "user";
+    setFacingMode(newFacingMode);
+    setIsWebcamReady(false);
+    setHasAutoStarted(false);
+    stopAutoCapture();
+  }, [facingMode, stopAutoCapture]);
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const checkIsMobile = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+      navigator.userAgent
+    );
+    setIsMobile(checkIsMobile());
+  }, []);
+  const checkVideoReady = useCallback(() => {
+    const video = webcamRef.current?.video;
+    if (!video) return false;
+    const isReady = video.readyState >= 2 && video.videoWidth > 0 && video.videoHeight > 0;
+    if (isReady) {
+      const newDimensions = {
+        width: video.videoWidth,
+        height: video.videoHeight
+      };
+      callbacks?.onWebcamReady?.(newDimensions);
+    }
+    return isReady;
+  }, [webcamRef, callbacks]);
+  const handleUserMedia = useCallback(() => {
+    clearVideoCheckInterval();
+    retryCountRef.current = 0;
+    videoCheckIntervalRef.current = setInterval(() => {
+      if (checkVideoReady()) {
+        setIsWebcamReady(true);
+        clearVideoCheckInterval();
+        if (videoRecording?.autoStart) {
+          startVideoRecording();
+        }
+        if (autoCapture?.startOnReady && !hasAutoStarted) {
+          setTimeout(() => {
+            startAutoCapture(false);
+          }, 100);
+        }
+      } else {
+        retryCountRef.current++;
+        if (retryCountRef.current > maxRetryCount) {
+          clearVideoCheckInterval();
+          callbacks?.onError?.(
+            "Failed to initialize camera after maximum retries"
+          );
+          const currentFacingMode = facingMode;
+          setFacingMode("user");
+          setTimeout(() => setFacingMode(currentFacingMode), 100);
+        }
+      }
+    }, videoCheckInterval);
+    return clearVideoCheckInterval;
+  }, [
+    clearVideoCheckInterval,
+    checkVideoReady,
+    videoRecording,
+    autoCapture,
+    startVideoRecording,
+    startAutoCapture,
+    maxRetryCount,
+    videoCheckInterval,
+    facingMode,
+    callbacks
+  ]);
+  const handleUserMediaError = useCallback(
+    (error) => {
+      callbacks?.onError?.(
+        typeof error === "string" ? error : `Camera error: ${error.message}`
+      );
+      setIsWebcamReady(false);
+    },
+    [callbacks]
+  );
+  const handleCapturePhoto = useCallback(() => {
+    startTransition(() => {
+      capturePhoto();
+    });
+  }, [capturePhoto, startTransition]);
+  const handleStartAutoCapture = useCallback(() => {
+    if (callbacks?.beforeStartAutoCapture) callbacks.beforeStartAutoCapture();
+    startAutoCapture(true);
+  }, [startAutoCapture, callbacks]);
+  useEffect(
+    () => () => {
+      clearVideoCheckInterval();
+      stopAutoCapture();
+      clearAutoCapture();
+      clearRecordingInterval();
+    },
+    [
+      clearVideoCheckInterval,
+      stopAutoCapture,
+      clearAutoCapture,
+      clearRecordingInterval
+    ]
+  );
+  useEffect(() => {
+    if (autoCapture?.startOnReady && isWebcamReady && !isAutoCapturing && !hasAutoStarted) {
+      startAutoCapture(false);
+    }
+  }, [
+    autoCapture,
+    isWebcamReady,
+    isAutoCapturing,
+    hasAutoStarted,
+    startAutoCapture
+  ]);
+  const renderVideoRecordingControls = () => {
+    if (!videoRecording?.hasInterface || forceHideInterface) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex flex-col items-center space-y-2",
+        children: isRecording ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "size-12 rounded-full border-2 border-red-500 bg-red-500 p-0 text-white",
+              onClick: stopVideoRecording,
+              children: /* @__PURE__ */ jsx(Square, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-white", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-red-500" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+              defaultLabels.recording,
+              " ",
+              Math.floor(recordingDuration / 60),
+              ":",
+              String(recordingDuration % 60).padStart(2, "0")
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "size-12 rounded-full border-2 border-white bg-white/10 p-0 text-white",
+            disabled: !isWebcamReady,
+            onClick: startVideoRecording,
+            children: /* @__PURE__ */ jsx(Video, { className: "size-4" })
+          }
+        )
+      },
+      "video-recording-controls"
+    );
+  };
+  const renderPhotoCaptureControls = () => {
+    if (!photoCapture?.hasInterface || forceHideInterface) return null;
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: "size-12 rounded-full border-2 border-white bg-white/10 p-0 text-white transition-all hover:bg-white hover:ring-4",
+        disabled: isPending || !isWebcamReady,
+        onClick: handleCapturePhoto,
+        children: [
+          /* @__PURE__ */ jsx(Camera, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: defaultLabels.capturePhoto })
+        ]
+      },
+      "photo-capture-controls"
+    );
+  };
+  const renderAutoCaptureControls = () => {
+    if (!autoCapture?.hasInterface || forceHideInterface) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex flex-col items-center space-y-2",
+        children: isAutoCapturing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "size-12 rounded-full border-2  p-0 text-white",
+              variant: "ghost",
+              onClick: stopAutoCapture,
+              children: /* @__PURE__ */ jsx(Pause, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-white", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-green-500" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs", children: defaultLabels.autoCapturing })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(
+          Button,
+          {
+            className: "size-12 rounded-full border-2 p-0 text-white",
+            variant: "ghost",
+            disabled: !isWebcamReady,
+            onClick: handleStartAutoCapture,
+            children: [
+              /* @__PURE__ */ jsx(Play, { className: "size-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: defaultLabels.startAutoCapture })
+            ]
+          }
+        )
+      },
+      "auto-capture-controls"
+    );
+  };
+  const renderCameraSwitchButton = () => {
+    if (!allowCameraSwitch || forceHideInterface) return null;
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: "size-8 rounded-full bg-white/10 p-0 text-white",
+        onClick: switchCamera,
+        variant: "ghost",
+        children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: defaultLabels.switchCamera })
+        ]
+      },
+      "camera-switch-button"
+    );
+  };
+  const renderCapturedImagePreview = () => {
+    if (!showCapturedImage || !capturedImage) return null;
+    return /* @__PURE__ */ jsx("div", { className: cn("captured size-10", classNames?.previewImage), children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: capturedImage,
+        alt: "Captured",
+        className: "size-10 rounded-md object-cover"
+      }
+    ) });
+  };
+  const renderControls = () => {
+    const controls = [];
+    if (videoRecording?.hasInterface || forceHideInterface) {
+      controls.push(renderVideoRecordingControls());
+    }
+    if (photoCapture?.hasInterface || forceHideInterface) {
+      controls.push(renderPhotoCaptureControls());
+    }
+    if (autoCapture?.hasInterface || forceHideInterface) {
+      controls.push(renderAutoCaptureControls());
+    }
+    return controls.filter(Boolean);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "webcam-container overflow-hidden rounded-md bg-black relative",
+        classNames?.container
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "webcam relative",
+              showBorder && "p-2",
+              classNames?.webcam
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                WebcamCore,
+                {
+                  audio: false,
+                  className: "background-transparent h-auto w-full rounded-md",
+                  mirrored: facingMode === "user",
+                  onUserMedia: handleUserMedia,
+                  onUserMediaError: handleUserMediaError,
+                  ref: webcamRef,
+                  screenshotFormat: "image/jpeg",
+                  screenshotQuality: 1,
+                  videoConstraints: {
+                    facingMode,
+                    width: { ideal: 1920, min: 640 },
+                    height: { ideal: 1920, min: 640 },
+                    frameRate: { ideal: 30, min: 15 },
+                    aspectRatio: isMobile ? 1 : 4 / 3
+                  }
+                }
+              ),
+              placeholder && isWebcamReady && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute w-full h-full inset-0 z-3",
+                    classNames?.placeholder
+                  ),
+                  children: placeholder
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "actions flex items-center justify-between p-2 pt-0",
+              classNames?.controls,
+              interfaceLocation === "absolute" ? "absolute bottom-0 left-0 p-4 z-10" : ""
+            ),
+            children: [
+              renderCapturedImagePreview(),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
+                renderControls(),
+                renderCameraSwitchButton()
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Webcam
+};
+//# sourceMappingURL=webcam.js.map

package/dist/custom/webcam.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/custom/webcam.tsx"],"sourcesContent":["/**\r\n * Webcam Component - Core Features\r\n *\r\n * Three main functionalities:\r\n * 1) Record Video - with interface controls, auto-start, max duration\r\n * 2) Capture Photo - with interface controls, quality settings\r\n * 3) Auto-capture Photo - with interface controls, intervals, quality\r\n *\r\n * Features:\r\n * - Customizable placeholder overlay\r\n * - Comprehensive feedback functions\r\n * - Camera switching support\r\n * - Internationalization support\r\n */\r\n\r\n\"use client\";\r\n\r\nimport { Camera, Pause, Play, RefreshCw, Square, Video } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { useCallback, useEffect, useRef, useState, useTransition } from \"react\";\r\nimport WebcamCore from \"react-webcam\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\n\r\n// Types\r\nexport interface VideoDimensions {\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\n// Core Feature Interfaces\r\nexport interface VideoRecordingConfig {\r\n  hasInterface: boolean; // Show video recording UI controls\r\n  autoStart?: boolean; // Auto-start recording when camera ready\r\n  maxVideoDuration?: number; // Max duration in seconds (default: 60)\r\n  quality?: \"low\" | \"medium\" | \"high\"; // Video quality\r\n  mimeType?: string; // Video MIME type (default: 'video/webm')\r\n}\r\n\r\nexport interface PhotoCaptureConfig {\r\n  hasInterface: boolean; // Show photo capture UI controls\r\n  quality?: number; // JPEG quality 0-1 (default: 0.95)\r\n}\r\n\r\nexport interface AutoCaptureConfig {\r\n  hasInterface: boolean; // Show auto-capture UI controls\r\n  captureInterval: number; // Interval in seconds\r\n  startOnReady?: boolean; // Auto-start when camera ready (only on initial load)\r\n  quality?: number; // JPEG quality 0-1 (default: 0.95)\r\n  stopOnCapture?: boolean; // Stop auto capture after first successful capture\r\n}\r\n\r\n// Feedback Functions\r\nexport interface WebcamCallbacks {\r\n  onWebcamReady?: (dimensions: VideoDimensions) => void;\r\n  onVideoStart?: () => void;\r\n  onVideoEnd?: (videoBlob: Blob, duration: number) => void;\r\n  onPhotoCaptured?: (imageData: string) => void;\r\n  onAutoPhotoCaptured?: (imageData: string) => void;\r\n  onAutoCaptureStart?: () => void;\r\n  beforeStartAutoCapture?: () => void;\r\n  onAutoCaptureStop?: () => void;\r\n  onError?: (error: string) => void;\r\n}\r\n\r\n// Main Props Interface\r\nexport interface WebcamProps {\r\n  // Core Features (at least one must be enabled)\r\n  videoRecording?: VideoRecordingConfig;\r\n  photoCapture?: PhotoCaptureConfig;\r\n  autoCapture?: AutoCaptureConfig;\r\n\r\n  // Camera Settings\r\n  defaultCamera?: \"front\" | \"back\"; // Default camera (front='user', back='environment')\r\n  allowCameraSwitch?: boolean; // Allow camera switching\r\n\r\n  // UI Customization\r\n  placeholder?: React.ReactElement; // Overlay that covers camera area\r\n  showCapturedImage?: boolean; // Show last captured image preview\r\n  capturedImage?: string | null; // Current captured image for preview\r\n  forceHideInterface?: boolean; // Force hide interface controls (useful for manual capture mode)\r\n  // Feedback Functions\r\n  callbacks?: WebcamCallbacks;\r\n\r\n  // Labels for Translation\r\n  labels?: {\r\n    // Video Recording\r\n    startRecording?: string;\r\n    stopRecording?: string;\r\n    recording?: string;\r\n\r\n    // Photo Capture\r\n    capturePhoto?: string;\r\n\r\n    // Auto Capture\r\n    startAutoCapture?: string;\r\n    stopAutoCapture?: string;\r\n    autoCapturing?: string;\r\n\r\n    // General\r\n    switchCamera?: string;\r\n    cameraReady?: string;\r\n    cameraError?: string;\r\n  };\r\n\r\n  // Styling\r\n  classNames?: {\r\n    container?: string;\r\n    webcam?: string;\r\n    placeholder?: string;\r\n    controls?: string;\r\n    previewImage?: string;\r\n  };\r\n\r\n  // Technical Settings\r\n  webcamRef?: React.RefObject<WebcamCore>;\r\n  videoCheckInterval?: number; // default: 500ms\r\n  maxRetryCount?: number; // default: 10\r\n  interfaceLocation?: \"static\" | \"absolute\"; // Location of controls (default: 'bottom')\r\n  showBorder?: boolean; // Show border around webcam area (default: true)\r\n}\r\n\r\nexport type WebcamCaptureProps = WebcamProps;\r\n\r\n// Legacy aliases for backward compatibility\r\nexport type WebcamAutoCapture = WebcamProps;\r\nexport type WebcamManualCapture = WebcamProps;\r\n\r\nexport function Webcam(props: WebcamProps) {\r\n  const {\r\n    videoRecording,\r\n    photoCapture,\r\n    autoCapture,\r\n    defaultCamera = \"front\",\r\n    allowCameraSwitch = false,\r\n    placeholder,\r\n    showCapturedImage = false,\r\n    capturedImage,\r\n    callbacks,\r\n    labels = {},\r\n    classNames,\r\n    webcamRef: externalWebcamRef,\r\n    videoCheckInterval = 500,\r\n    maxRetryCount = 10,\r\n    showBorder = false,\r\n    forceHideInterface = false,\r\n    interfaceLocation = \"static\",\r\n  } = props;\r\n\r\n  // Validation: At least one feature must be enabled\r\n  if (!videoRecording && !photoCapture && !autoCapture) {\r\n    throw new Error(\r\n      \"WebcamComponent: At least one core feature (videoRecording, photoCapture, or autoCapture) must be enabled\"\r\n    );\r\n  }\r\n\r\n  // Default labels\r\n  const defaultLabels = {\r\n    startRecording: \"Start Recording\",\r\n    stopRecording: \"Stop Recording\",\r\n    recording: \"Recording...\",\r\n    capturePhoto: \"Capture Photo\",\r\n    startAutoCapture: \"Start Auto Capture\",\r\n    stopAutoCapture: \"Stop Auto Capture\",\r\n    autoCapturing: \"Auto Capturing...\",\r\n    switchCamera: \"Switch Camera\",\r\n    cameraReady: \"Camera Ready\",\r\n    cameraError: \"Camera Error\",\r\n    ...labels,\r\n  };\r\n\r\n  // State\r\n  const [isPending, startTransition] = useTransition();\r\n  const [facingMode, setFacingMode] = useState<\"user\" | \"environment\">(\r\n    defaultCamera === \"front\" ? \"user\" : \"environment\"\r\n  );\r\n  const [isWebcamReady, setIsWebcamReady] = useState(false);\r\n  // Video Recording State\r\n  const [isRecording, setIsRecording] = useState(false);\r\n  const [recordingDuration, setRecordingDuration] = useState(0);\r\n\r\n  // Auto Capture State\r\n  const [isAutoCapturing, setIsAutoCapturing] = useState(false);\r\n\r\n  // Auto capture state to track if it has been initially started\r\n  const [hasAutoStarted, setHasAutoStarted] = useState(false);\r\n\r\n  // Refs\r\n  const internalWebcamRef = useRef<WebcamCore>(null);\r\n  const webcamRef = externalWebcamRef || internalWebcamRef;\r\n  const videoCheckIntervalRef = useRef<NodeJS.Timeout | null>(null);\r\n  const autoCapturIntervalRef = useRef<NodeJS.Timeout | null>(null);\r\n  const recordingIntervalRef = useRef<NodeJS.Timeout | null>(null);\r\n  const retryCountRef = useRef(0);\r\n  const mediaRecorderRef = useRef<MediaRecorder | null>(null);\r\n  const recordedChunksRef = useRef<Blob[]>([]);\r\n\r\n  // Cleanup utilities\r\n  const clearVideoCheckInterval = useCallback(() => {\r\n    if (videoCheckIntervalRef.current) {\r\n      clearInterval(videoCheckIntervalRef.current);\r\n      videoCheckIntervalRef.current = null;\r\n    }\r\n  }, []);\r\n\r\n  const clearAutoCapture = useCallback(() => {\r\n    if (autoCapturIntervalRef.current) {\r\n      clearInterval(autoCapturIntervalRef.current);\r\n      autoCapturIntervalRef.current = null;\r\n    }\r\n  }, []);\r\n\r\n  const clearRecordingInterval = useCallback(() => {\r\n    if (recordingIntervalRef.current) {\r\n      clearInterval(recordingIntervalRef.current);\r\n      recordingIntervalRef.current = null;\r\n    }\r\n  }, []);\r\n\r\n  // Video Recording Functions\r\n  const startVideoRecording = useCallback(() => {\r\n    if (!webcamRef.current?.stream || isRecording || !videoRecording) return;\r\n\r\n    try {\r\n      const { stream } = webcamRef.current;\r\n      const mimeType = videoRecording.mimeType || \"video/webm\";\r\n\r\n      const mediaRecorder = new MediaRecorder(stream, { mimeType });\r\n      recordedChunksRef.current = [];\r\n\r\n      mediaRecorder.ondataavailable = (event) => {\r\n        if (event.data.size > 0) {\r\n          recordedChunksRef.current.push(event.data);\r\n        }\r\n      };\r\n\r\n      mediaRecorder.onstop = () => {\r\n        const blob = new Blob(recordedChunksRef.current, { type: mimeType });\r\n        const duration = recordingDuration;\r\n\r\n        callbacks?.onVideoEnd?.(blob, duration);\r\n        setIsRecording(false);\r\n        setRecordingDuration(0);\r\n        clearRecordingInterval();\r\n      };\r\n\r\n      mediaRecorderRef.current = mediaRecorder;\r\n      mediaRecorder.start();\r\n\r\n      const startTime = Date.now();\r\n      setIsRecording(true);\r\n      setRecordingDuration(0);\r\n\r\n      // Start duration tracking\r\n      recordingIntervalRef.current = setInterval(() => {\r\n        const elapsed = Math.floor((Date.now() - startTime) / 1000);\r\n        setRecordingDuration(elapsed);\r\n\r\n        // Auto-stop if max duration reached\r\n        if (\r\n          videoRecording.maxVideoDuration &&\r\n          elapsed >= videoRecording.maxVideoDuration\r\n        ) {\r\n          stopVideoRecording();\r\n        }\r\n      }, 1000);\r\n\r\n      callbacks?.onVideoStart?.();\r\n    } catch (error) {\r\n      callbacks?.onError?.(`Failed to start video recording: ${error}`);\r\n    }\r\n  }, [\r\n    webcamRef,\r\n    isRecording,\r\n    videoRecording,\r\n    callbacks,\r\n    recordingDuration,\r\n    clearRecordingInterval,\r\n  ]);\r\n\r\n  const stopVideoRecording = useCallback(() => {\r\n    if (mediaRecorderRef.current && isRecording) {\r\n      mediaRecorderRef.current.stop();\r\n      mediaRecorderRef.current = null;\r\n    }\r\n  }, [isRecording]);\r\n\r\n  // Photo Capture Functions\r\n  const captureHighQualityPhoto = useCallback((): string | null => {\r\n    const video = webcamRef.current?.video;\r\n    if (!video) return null;\r\n\r\n    const canvas = document.createElement(\"canvas\");\r\n    const ctx = canvas.getContext(\"2d\");\r\n    if (!ctx) return null;\r\n\r\n    canvas.width = video.videoWidth;\r\n    canvas.height = video.videoHeight;\r\n\r\n    ctx.imageSmoothingEnabled = true;\r\n    ctx.imageSmoothingQuality = \"high\";\r\n    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\r\n\r\n    const quality = photoCapture?.quality || 0.95;\r\n    return canvas.toDataURL(\"image/jpeg\", quality);\r\n  }, [webcamRef, photoCapture]);\r\n\r\n  const capturePhoto = useCallback(() => {\r\n    if (!photoCapture) return;\r\n\r\n    const imageData = captureHighQualityPhoto();\r\n    if (imageData) {\r\n      callbacks?.onPhotoCaptured?.(imageData);\r\n    }\r\n  }, [photoCapture, captureHighQualityPhoto, callbacks]);\r\n\r\n  const stopAutoCapture = useCallback(() => {\r\n    setIsAutoCapturing(false);\r\n    callbacks?.onAutoCaptureStop?.();\r\n    clearAutoCapture();\r\n  }, [clearAutoCapture, callbacks]);\r\n\r\n  // Auto Capture Functions\r\n  const captureAutoPhoto = useCallback(() => {\r\n    if (!autoCapture) return;\r\n\r\n    const video = webcamRef.current?.video;\r\n    if (!video) return;\r\n\r\n    const canvas = document.createElement(\"canvas\");\r\n    const ctx = canvas.getContext(\"2d\");\r\n    if (!ctx) return;\r\n\r\n    canvas.width = video.videoWidth;\r\n    canvas.height = video.videoHeight;\r\n\r\n    ctx.imageSmoothingEnabled = true;\r\n    ctx.imageSmoothingQuality = \"high\";\r\n    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\r\n\r\n    const quality = autoCapture.quality || 0.95;\r\n    const imageData = canvas.toDataURL(\"image/jpeg\", quality);\r\n\r\n    if (imageData) {\r\n      callbacks?.onAutoPhotoCaptured?.(imageData);\r\n\r\n      // Stop auto capture if stopOnCapture is enabled\r\n      if (autoCapture.stopOnCapture) {\r\n        stopAutoCapture();\r\n      }\r\n    }\r\n  }, [webcamRef, autoCapture, callbacks, stopAutoCapture]);\r\n\r\n  const startAutoCapture = useCallback(\r\n    (isManual = false) => {\r\n      if (!autoCapture || !isWebcamReady || isAutoCapturing) return;\r\n\r\n      // If it's automatic start (startOnReady) and already started, don't start again\r\n      if (!isManual && autoCapture.startOnReady && hasAutoStarted) return;\r\n\r\n      setIsAutoCapturing(true);\r\n      callbacks?.onAutoCaptureStart?.();\r\n\r\n      // Set hasAutoStarted flag only for automatic starts\r\n      if (!isManual && autoCapture.startOnReady) {\r\n        setHasAutoStarted(true);\r\n      }\r\n\r\n      autoCapturIntervalRef.current = setInterval(() => {\r\n        if (webcamRef.current && isWebcamReady) {\r\n          captureAutoPhoto();\r\n        }\r\n      }, autoCapture.captureInterval * 1000);\r\n    },\r\n    [\r\n      autoCapture,\r\n      isWebcamReady,\r\n      isAutoCapturing,\r\n      captureAutoPhoto,\r\n      webcamRef,\r\n      callbacks,\r\n      hasAutoStarted,\r\n    ]\r\n  );\r\n\r\n  // Camera Management\r\n  const switchCamera = useCallback(() => {\r\n    const newFacingMode = facingMode === \"user\" ? \"environment\" : \"user\";\r\n    setFacingMode(newFacingMode);\r\n    setIsWebcamReady(false);\r\n    setHasAutoStarted(false); // Reset auto-start flag for new camera\r\n    stopAutoCapture();\r\n  }, [facingMode, stopAutoCapture]);\r\n\r\n  // Add device detection for better browser compatibility\r\n  const [isMobile, setIsMobile] = useState(false);\r\n\r\n  // Detect mobile device on component mount\r\n  useEffect(() => {\r\n    const checkIsMobile = () =>\r\n      /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\r\n        navigator.userAgent\r\n      );\r\n    setIsMobile(checkIsMobile());\r\n  }, []);\r\n\r\n  // Video Readiness Check\r\n  const checkVideoReady = useCallback(() => {\r\n    const video = webcamRef.current?.video;\r\n    if (!video) return false;\r\n\r\n    const isReady =\r\n      video.readyState >= 2 && video.videoWidth > 0 && video.videoHeight > 0;\r\n\r\n    if (isReady) {\r\n      const newDimensions: VideoDimensions = {\r\n        width: video.videoWidth,\r\n        height: video.videoHeight,\r\n      };\r\n      callbacks?.onWebcamReady?.(newDimensions);\r\n    }\r\n\r\n    return isReady;\r\n  }, [webcamRef, callbacks]);\r\n\r\n  // Video Initialization\r\n  const handleUserMedia = useCallback(() => {\r\n    clearVideoCheckInterval();\r\n    retryCountRef.current = 0;\r\n\r\n    videoCheckIntervalRef.current = setInterval(() => {\r\n      if (checkVideoReady()) {\r\n        setIsWebcamReady(true);\r\n        clearVideoCheckInterval();\r\n\r\n        // Auto-start features if enabled\r\n        if (videoRecording?.autoStart) {\r\n          startVideoRecording();\r\n        }\r\n\r\n        if (autoCapture?.startOnReady && !hasAutoStarted) {\r\n          setTimeout(() => {\r\n            startAutoCapture(false); // Automatic start\r\n          }, 100);\r\n        }\r\n      } else {\r\n        retryCountRef.current++;\r\n\r\n        if (retryCountRef.current > maxRetryCount) {\r\n          clearVideoCheckInterval();\r\n          callbacks?.onError?.(\r\n            \"Failed to initialize camera after maximum retries\"\r\n          );\r\n\r\n          // Try with default constraints as a fallback\r\n          const currentFacingMode = facingMode;\r\n          setFacingMode(\"user\");\r\n          setTimeout(() => setFacingMode(currentFacingMode), 100);\r\n        }\r\n      }\r\n    }, videoCheckInterval);\r\n\r\n    return clearVideoCheckInterval;\r\n  }, [\r\n    clearVideoCheckInterval,\r\n    checkVideoReady,\r\n    videoRecording,\r\n    autoCapture,\r\n    startVideoRecording,\r\n    startAutoCapture,\r\n    maxRetryCount,\r\n    videoCheckInterval,\r\n    facingMode,\r\n    callbacks,\r\n  ]);\r\n\r\n  // Handle camera initialization errors\r\n  const handleUserMediaError = useCallback(\r\n    (error: string | DOMException) => {\r\n      callbacks?.onError?.(\r\n        typeof error === \"string\" ? error : `Camera error: ${error.message}`\r\n      );\r\n      setIsWebcamReady(false);\r\n    },\r\n    [callbacks]\r\n  );\r\n\r\n  // Manual capture function\r\n  const handleCapturePhoto = useCallback(() => {\r\n    startTransition(() => {\r\n      capturePhoto();\r\n    });\r\n  }, [capturePhoto, startTransition]);\r\n\r\n  // Manual auto capture start function for button\r\n  const handleStartAutoCapture = useCallback(() => {\r\n    if (callbacks?.beforeStartAutoCapture) callbacks.beforeStartAutoCapture();\r\n    startAutoCapture(true); // Manual start\r\n  }, [startAutoCapture, callbacks]);\r\n\r\n  // Effects\r\n  useEffect(\r\n    () => () => {\r\n      clearVideoCheckInterval();\r\n      stopAutoCapture();\r\n      clearAutoCapture();\r\n      clearRecordingInterval();\r\n    },\r\n    [\r\n      clearVideoCheckInterval,\r\n      stopAutoCapture,\r\n      clearAutoCapture,\r\n      clearRecordingInterval,\r\n    ]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (\r\n      autoCapture?.startOnReady &&\r\n      isWebcamReady &&\r\n      !isAutoCapturing &&\r\n      !hasAutoStarted\r\n    ) {\r\n      startAutoCapture(false); // Automatic start\r\n    }\r\n  }, [\r\n    autoCapture,\r\n    isWebcamReady,\r\n    isAutoCapturing,\r\n    hasAutoStarted,\r\n    startAutoCapture,\r\n  ]);\r\n\r\n  // Render functions\r\n  const renderVideoRecordingControls = () => {\r\n    if (!videoRecording?.hasInterface || forceHideInterface) return null;\r\n\r\n    return (\r\n      <div\r\n        className=\"flex flex-col items-center space-y-2\"\r\n        key=\"video-recording-controls\"\r\n      >\r\n        {isRecording ? (\r\n          <>\r\n            <Button\r\n              className=\"size-12 rounded-full border-2 border-red-500 bg-red-500 p-0 text-white\"\r\n              onClick={stopVideoRecording}\r\n            >\r\n              <Square className=\"size-4\" />\r\n            </Button>\r\n            <div className=\"flex items-center space-x-2 text-white\">\r\n              <div className=\"h-2 w-2 animate-pulse rounded-full bg-red-500\" />\r\n              <span className=\"text-xs\">\r\n                {defaultLabels.recording} {Math.floor(recordingDuration / 60)}:\r\n                {String(recordingDuration % 60).padStart(2, \"0\")}\r\n              </span>\r\n            </div>\r\n          </>\r\n        ) : (\r\n          <Button\r\n            className=\"size-12 rounded-full border-2 border-white bg-white/10 p-0 text-white\"\r\n            disabled={!isWebcamReady}\r\n            onClick={startVideoRecording}\r\n          >\r\n            <Video className=\"size-4\" />\r\n          </Button>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderPhotoCaptureControls = () => {\r\n    if (!photoCapture?.hasInterface || forceHideInterface) return null;\r\n\r\n    return (\r\n      <Button\r\n        key=\"photo-capture-controls\"\r\n        className=\"size-12 rounded-full border-2 border-white bg-white/10 p-0 text-white transition-all hover:bg-white hover:ring-4\"\r\n        disabled={isPending || !isWebcamReady}\r\n        onClick={handleCapturePhoto}\r\n      >\r\n        <Camera className=\"size-4\" />\r\n        <span className=\"sr-only\">{defaultLabels.capturePhoto}</span>\r\n      </Button>\r\n    );\r\n  };\r\n\r\n  const renderAutoCaptureControls = () => {\r\n    if (!autoCapture?.hasInterface || forceHideInterface) return null;\r\n\r\n    return (\r\n      <div\r\n        className=\"flex flex-col items-center space-y-2\"\r\n        key=\"auto-capture-controls\"\r\n      >\r\n        {isAutoCapturing ? (\r\n          <>\r\n            <Button\r\n              className=\"size-12 rounded-full border-2  p-0 text-white\"\r\n              variant=\"ghost\"\r\n              onClick={stopAutoCapture}\r\n            >\r\n              <Pause className=\"size-4\" />\r\n            </Button>\r\n            <div className=\"flex items-center space-x-2 text-white\">\r\n              <div className=\"h-2 w-2 animate-pulse rounded-full bg-green-500\" />\r\n              <span className=\"text-xs\">{defaultLabels.autoCapturing}</span>\r\n            </div>\r\n          </>\r\n        ) : (\r\n          <Button\r\n            className=\"size-12 rounded-full border-2 p-0 text-white\"\r\n            variant=\"ghost\"\r\n            disabled={!isWebcamReady}\r\n            onClick={handleStartAutoCapture}\r\n          >\r\n            <Play className=\"size-4\" />\r\n            <span className=\"sr-only\">{defaultLabels.startAutoCapture}</span>\r\n          </Button>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderCameraSwitchButton = () => {\r\n    if (!allowCameraSwitch || forceHideInterface) return null;\r\n\r\n    return (\r\n      <Button\r\n        key=\"camera-switch-button\"\r\n        className=\"size-8 rounded-full bg-white/10 p-0 text-white\"\r\n        onClick={switchCamera}\r\n        variant=\"ghost\"\r\n      >\r\n        <RefreshCw className=\"size-4\" />\r\n        <span className=\"sr-only\">{defaultLabels.switchCamera}</span>\r\n      </Button>\r\n    );\r\n  };\r\n\r\n  const renderCapturedImagePreview = () => {\r\n    if (!showCapturedImage || !capturedImage) return null;\r\n\r\n    return (\r\n      <div className={cn(\"captured size-10\", classNames?.previewImage)}>\r\n        <img\r\n          src={capturedImage}\r\n          alt=\"Captured\"\r\n          className=\"size-10 rounded-md object-cover\"\r\n        />\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderControls = () => {\r\n    const controls = [];\r\n\r\n    if (videoRecording?.hasInterface || forceHideInterface) {\r\n      controls.push(renderVideoRecordingControls());\r\n    }\r\n\r\n    if (photoCapture?.hasInterface || forceHideInterface) {\r\n      controls.push(renderPhotoCaptureControls());\r\n    }\r\n\r\n    if (autoCapture?.hasInterface || forceHideInterface) {\r\n      controls.push(renderAutoCaptureControls());\r\n    }\r\n\r\n    return controls.filter(Boolean);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"webcam-container overflow-hidden rounded-md bg-black relative\",\r\n        classNames?.container\r\n      )}\r\n    >\r\n      <div\r\n        className={cn(\r\n          \"webcam relative\",\r\n          showBorder && \"p-2\",\r\n          classNames?.webcam\r\n        )}\r\n      >\r\n        <div className=\"relative\">\r\n          <WebcamCore\r\n            audio={false}\r\n            className=\"background-transparent h-auto w-full rounded-md\"\r\n            mirrored={facingMode === \"user\"}\r\n            onUserMedia={handleUserMedia}\r\n            onUserMediaError={handleUserMediaError}\r\n            ref={webcamRef}\r\n            screenshotFormat=\"image/jpeg\"\r\n            screenshotQuality={1}\r\n            videoConstraints={{\r\n              facingMode,\r\n              width: { ideal: 1920, min: 640 },\r\n              height: { ideal: 1920, min: 640 },\r\n              frameRate: { ideal: 30, min: 15 },\r\n              aspectRatio: isMobile ? 1.0 : 4 / 3,\r\n            }}\r\n          />\r\n\r\n          {placeholder && isWebcamReady && (\r\n            <div\r\n              className={cn(\r\n                \"absolute w-full h-full inset-0 z-3\",\r\n                classNames?.placeholder\r\n              )}\r\n            >\r\n              {placeholder}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        className={cn(\r\n          \"actions flex items-center justify-between p-2 pt-0\",\r\n          classNames?.controls,\r\n          interfaceLocation === \"absolute\"\r\n            ? \"absolute bottom-0 left-0 p-4 z-10\"\r\n            : \"\"\r\n        )}\r\n      >\r\n        {renderCapturedImagePreview()}\r\n\r\n        <div className=\"flex items-center space-x-4\">\r\n          {renderControls()}\r\n          {renderCameraSwitchButton()}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/hooks/use-callback-ref.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+function useCallbackRef(callback) {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React.useMemo(
+    () => (...args) => callbackRef.current?.(...args),
+    []
+  );
+}
+export {
+  useCallbackRef
+};
+//# sourceMappingURL=use-callback-ref.js.map

package/dist/hooks/use-callback-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-callback-ref.ts"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx\r\n */\r\n\r\n/**\r\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\r\n * prop or avoid re-executing effects when passed as a dependency\r\n */\r\nfunction useCallbackRef<T extends (...args: never[]) => unknown>(\r\n  callback: T | undefined\r\n): T {\r\n  const callbackRef = React.useRef(callback);\r\n\r\n  React.useEffect(() => {\r\n    callbackRef.current = callback;\r\n  });\r\n\r\n  // https://github.com/facebook/react/issues/19240\r\n  return React.useMemo(\r\n    () => ((...args) => callbackRef.current?.(...args)) as T,\r\n    []\r\n  );\r\n}\r\n\r\nexport { useCallbackRef };\r\n"],"mappings":"AAAA,YAAY,WAAW;AAUvB,SAAS,eACP,UACG;AACH,QAAM,cAAc,MAAM,OAAO,QAAQ;AAEzC,QAAM,UAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AAGD,SAAO,MAAM;AAAA,IACX,MAAO,IAAI,SAAS,YAAY,UAAU,GAAG,IAAI;AAAA,IACjD,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/hooks/use-controllable-state.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { useCallbackRef } from "./use-callback-ref";
+function useControllableState({
+  prop,
+  defaultProp,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({
+    defaultProp,
+    onChange
+  });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef(onChange);
+  const setValue = React.useCallback(
+    (nextValue) => {
+      if (isControlled) {
+        const setter = nextValue;
+        const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
+        if (value2 !== prop) handleChange(value2);
+      } else {
+        setUncontrolledProp(nextValue);
+      }
+    },
+    [isControlled, prop, setUncontrolledProp, handleChange]
+  );
+  return [value, setValue];
+}
+function useUncontrolledState({
+  defaultProp,
+  onChange
+}) {
+  const uncontrolledState = React.useState(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = React.useRef(value);
+  const handleChange = useCallbackRef(onChange);
+  React.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      handleChange(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef, handleChange]);
+  return uncontrolledState;
+}
+export {
+  useControllableState
+};
+//# sourceMappingURL=use-controllable-state.js.map

package/dist/hooks/use-controllable-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-controllable-state.ts"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport { useCallbackRef } from \"./use-callback-ref\";\r\n\r\n/**\r\n * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-controllable-state/src/useControllableState.tsx\r\n */\r\n\r\ntype UseControllableStateParams<T> = {\r\n  prop?: T | undefined;\r\n  defaultProp?: T | undefined;\r\n  onChange?: (state: T) => void;\r\n};\r\n\r\ntype SetStateFn<T> = (prevState?: T) => T;\r\n\r\nfunction useControllableState<T>({\r\n  prop,\r\n  defaultProp,\r\n  onChange = () => {},\r\n}: UseControllableStateParams<T>) {\r\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({\r\n    defaultProp,\r\n    onChange,\r\n  });\r\n  const isControlled = prop !== undefined;\r\n  const value = isControlled ? prop : uncontrolledProp;\r\n  const handleChange = useCallbackRef(onChange);\r\n\r\n  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> =\r\n    React.useCallback(\r\n      (nextValue) => {\r\n        if (isControlled) {\r\n          const setter = nextValue as SetStateFn<T>;\r\n          const value =\r\n            typeof nextValue === \"function\" ? setter(prop) : nextValue;\r\n          if (value !== prop) handleChange(value as T);\r\n        } else {\r\n          setUncontrolledProp(nextValue);\r\n        }\r\n      },\r\n      [isControlled, prop, setUncontrolledProp, handleChange]\r\n    );\r\n\r\n  return [value, setValue] as const;\r\n}\r\n\r\nfunction useUncontrolledState<T>({\r\n  defaultProp,\r\n  onChange,\r\n}: Omit<UseControllableStateParams<T>, \"prop\">) {\r\n  const uncontrolledState = React.useState<T | undefined>(defaultProp);\r\n  const [value] = uncontrolledState;\r\n  const prevValueRef = React.useRef(value);\r\n  const handleChange = useCallbackRef(onChange);\r\n\r\n  React.useEffect(() => {\r\n    if (prevValueRef.current !== value) {\r\n      handleChange(value as T);\r\n      prevValueRef.current = value;\r\n    }\r\n  }, [value, prevValueRef, handleChange]);\r\n\r\n  return uncontrolledState;\r\n}\r\n\r\nexport { useControllableState };\r\n"],"mappings":"AAAA,YAAY,WAAW;AAEvB,SAAS,sBAAsB;AAc/B,SAAS,qBAAwB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EAAC;AACpB,GAAkC;AAChC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,qBAAqB;AAAA,IACnE;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,SAAS;AAC9B,QAAM,QAAQ,eAAe,OAAO;AACpC,QAAM,eAAe,eAAe,QAAQ;AAE5C,QAAM,WACJ,MAAM;AAAA,IACJ,CAAC,cAAc;AACb,UAAI,cAAc;AAChB,cAAM,SAAS;AACf,cAAMA,SACJ,OAAO,cAAc,aAAa,OAAO,IAAI,IAAI;AACnD,YAAIA,WAAU,KAAM,cAAaA,MAAU;AAAA,MAC7C,OAAO;AACL,4BAAoB,SAAS;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC,cAAc,MAAM,qBAAqB,YAAY;AAAA,EACxD;AAEF,SAAO,CAAC,OAAO,QAAQ;AACzB;AAEA,SAAS,qBAAwB;AAAA,EAC/B;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,oBAAoB,MAAM,SAAwB,WAAW;AACnE,QAAM,CAAC,KAAK,IAAI;AAChB,QAAM,eAAe,MAAM,OAAO,KAAK;AACvC,QAAM,eAAe,eAAe,QAAQ;AAE5C,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,YAAY,OAAO;AAClC,mBAAa,KAAU;AACvB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,OAAO,cAAc,YAAY,CAAC;AAEtC,SAAO;AACT;","names":["value"]}