@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-UFRMZ3M6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/ProgressBar/ProgressBar.variants.ts","../src/components/primitives/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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","file":"chunk-UFRMZ3M6.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * ProgressBar root (track) variants\n */\nexport const progressBarVariants = cva(\n  \"relative w-full overflow-hidden rounded-[var(--progress-bar-root-border-radius)]\",\n  {\n    variants: {\n      /**\n       * Size variant for the progress bar height\n       */\n      size: {\n        xs: \"h-[var(--progress-bar-size-xs-height)]\",\n        sm: \"h-[var(--progress-bar-size-sm-height)]\",\n        md: \"h-[var(--progress-bar-size-md-height)]\",\n        lg: \"h-[var(--progress-bar-size-lg-height)]\",\n        xl: \"h-[var(--progress-bar-size-xl-height)]\",\n      },\n      /**\n       * Color variant for the progress bar\n       * Affects both track and indicator colors\n       */\n      color: {\n        default: \"bg-[color:var(--progress-bar-track-color-default)]\",\n        primary: \"bg-[color:var(--progress-bar-track-color-primary)]\",\n        success: \"bg-[color:var(--progress-bar-track-color-success)]\",\n        warning: \"bg-[color:var(--progress-bar-track-color-warning)]\",\n        error: \"bg-[color:var(--progress-bar-track-color-error)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n    },\n  }\n)\n\n/**\n * ProgressBar indicator (fill) variants\n */\nexport const progressBarIndicatorVariants = cva(\n  \"h-full w-full flex-1 rounded-[var(--progress-bar-indicator-border-radius)] transition-all duration-700 ease-out motion-reduce:transition-none\",\n  {\n    variants: {\n      /**\n       * Color variant for the indicator fill\n       */\n      color: {\n        default: \"bg-[color:var(--progress-bar-fill-color-default)]\",\n        primary: \"bg-[color:var(--progress-bar-fill-color-primary)]\",\n        success: \"bg-[color:var(--progress-bar-fill-color-success)]\",\n        warning: \"bg-[color:var(--progress-bar-fill-color-warning)]\",\n        error: \"bg-[color:var(--progress-bar-fill-color-error)]\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n    },\n  }\n)\n\n/**\n * Label container variants for different positions\n */\nexport const progressBarLabelVariants = cva(\n  \"text-[length:var(--progress-bar-label-text-font-size)] font-[var(--progress-bar-label-text-font-weight)] [font-variant-numeric:var(--progress-bar-label-text-tabular-nums)]\",\n  {\n    variants: {\n      /**\n       * Label position relative to the progress bar\n       */\n      position: {\n        none: \"sr-only\",\n        right: \"ml-[var(--progress-bar-label-position-right-margin-left)] shrink-0 text-[color:var(--progress-bar-label-position-right-color)]\",\n        bottom: \"mt-[var(--progress-bar-label-position-bottom-margin-top)] text-[color:var(--progress-bar-label-position-bottom-color)]\",\n        \"top-floating\": \"absolute -top-8 text-[color:var(--progress-bar-label-position-floating-color)]\",\n        \"bottom-floating\": \"absolute -bottom-8 text-[color:var(--progress-bar-label-position-floating-color)]\",\n      },\n    },\n    defaultVariants: {\n      position: \"none\",\n    },\n  }\n)\n\n/**\n * Floating tooltip variants (for top-floating and bottom-floating)\n */\nexport const progressBarTooltipVariants = cva(\n  [\n    \"absolute z-10 px-2 py-1 text-xs font-medium tabular-nums\",\n    \"rounded-md border bg-background text-foreground shadow-sm\",\n    \"transition-all duration-150 ease-out\",\n    \"-translate-x-1/2\",\n  ],\n  {\n    variants: {\n      /**\n       * Tooltip position\n       */\n      position: {\n        top: \"-top-9\",\n        bottom: \"-bottom-9\",\n      },\n    },\n    defaultVariants: {\n      position: \"top\",\n    },\n  }\n)\n","\"use client\"\n\nimport type { ProgressBarLabelProps, ProgressBarProps } from \"./ProgressBar.types\"\n\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  progressBarIndicatorVariants,\n  progressBarLabelVariants,\n  progressBarTooltipVariants,\n  progressBarVariants,\n} from \"./ProgressBar.variants\"\n\n/**\n * Default format function for progress value\n */\nconst defaultFormatValue = (value: number): string => `${String(value)}%`\n\n/**\n * Internal component for rendering the progress label\n */\nfunction ProgressBarLabel({\n  value,\n  position,\n  formatValue = defaultFormatValue,\n  progressPercent,\n}: ProgressBarLabelProps) {\n  // Don't render anything for indeterminate state or none position\n  if (value === null || value === undefined) {\n    return null\n  }\n\n  const formattedValue = formatValue(value)\n\n  // Floating tooltip that follows the progress\n  if (position === \"top-floating\" || position === \"bottom-floating\") {\n    return (\n      <span\n        className={cn(\n          progressBarTooltipVariants({\n            position: position === \"top-floating\" ? \"top\" : \"bottom\",\n          })\n        )}\n        data-slot=\"progress-bar-tooltip\"\n        style={{ left: `${String(progressPercent)}%` }}\n      >\n        {formattedValue}\n      </span>\n    )\n  }\n\n  // Bottom label\n  if (position === \"bottom\") {\n    return (\n      <span\n        className={cn(progressBarLabelVariants({ position: \"bottom\" }), \"block\")}\n        data-slot=\"progress-bar-label\"\n      >\n        {formattedValue}\n      </span>\n    )\n  }\n\n  // Hidden label for screen readers\n  if (position === \"none\") {\n    return (\n      <span\n        className={progressBarLabelVariants({ position: \"none\" })}\n        data-slot=\"progress-bar-label\"\n      >\n        {formattedValue}\n      </span>\n    )\n  }\n\n  // Right label (inline)\n  return (\n    <span\n      className={progressBarLabelVariants({ position: \"right\" })}\n      data-slot=\"progress-bar-label\"\n    >\n      {formattedValue}\n    </span>\n  )\n}\n\n/**\n * ProgressBar component for displaying task completion status.\n *\n * Built on Radix UI Progress primitive with support for:\n * - Multiple color variants (default/success, primary, warning, error)\n * - Multiple size variants (xs, sm, md, lg, xl)\n * - Label positions (none, right, bottom, top-floating, bottom-floating)\n * - Floating tooltips that follow the progress indicator\n * - Custom value formatting\n * - Indeterminate state\n *\n * @example\n * ```tsx\n * // Basic usage with default green fill\n * <ProgressBar value={50} />\n *\n * // With floating tooltip\n * <ProgressBar value={75} label=\"top-floating\" />\n *\n * // With color and size variants\n * <ProgressBar value={30} color=\"error\" size=\"lg\" />\n * ```\n */\nfunction ProgressBar({\n  className,\n  value,\n  max = 100,\n  size,\n  color,\n  label = \"none\",\n  formatValue,\n  showValue,\n  animate = true,\n  tooltip,\n  ref,\n  ...props\n}: ProgressBarProps) {\n  // Calculate percentage based on value and max\n  const progressPercent = value !== null && value !== undefined\n    ? Math.min(100, Math.max(0, (value / max) * 100))\n    : 0\n  // Initialize visibility based on animate prop - if not animating, show immediately\n  const [isVisible, setIsVisible] = React.useState(!animate)\n  const internalRef = React.useRef<HTMLDivElement>(null)\n\n  // Merge internal ref with forwarded ref\n  const progressRef = ref ?? internalRef\n\n  // Use IntersectionObserver to trigger animation only when in viewport\n  React.useEffect(() => {\n    // Skip if not animating or already visible\n    if (!animate || isVisible) {\n      return\n    }\n\n    // Get the element from the ref\n    const element = typeof progressRef === \"function\" ? null : progressRef.current\n    if (!element) {\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry?.isIntersecting) {\n          // Small delay to ensure smooth animation start\n          requestAnimationFrame(() => {\n            setIsVisible(true)\n          })\n          // Once animated, no need to observe anymore\n          observer.disconnect()\n        }\n      },\n      { threshold: 0.1 }\n    )\n\n    observer.observe(element)\n\n    return () => { observer.disconnect(); }\n  }, [animate, isVisible, progressRef])\n\n  // Determine if we should show value based on label position\n  const shouldShowValue = showValue ?? label !== \"none\"\n\n  // Calculate the transform value - start at 0 if not visible yet (for animation)\n  const displayPercent = isVisible ? progressPercent : 0\n\n  // Helper to wrap element with tooltip if tooltip prop is provided\n  const wrapWithTooltip = (element: React.ReactElement) => {\n    if (!tooltip) return element\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {element}\n        </TooltipTrigger>\n        <TooltipContent>\n          {tooltip}\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  const progressBar = (\n    <ProgressPrimitive.Root\n      ref={progressRef}\n      className={cn(\n        progressBarVariants({ size, color }),\n        className\n      )}\n      data-slot=\"progress-bar\"\n      max={max}\n      value={value != null ? Math.min(Math.max(0, value), max) : null}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className={cn(progressBarIndicatorVariants({ color }))}\n        data-slot=\"progress-bar-indicator\"\n        style={{ transform: `translateX(-${String(100 - displayPercent)}%)` }}\n      />\n      {/* Floating labels are positioned inside the root for proper positioning */}\n      {(label === \"top-floating\" || label === \"bottom-floating\") && shouldShowValue && (\n        <ProgressBarLabel\n          formatValue={formatValue}\n          position={label}\n          progressPercent={progressPercent}\n          value={value}\n        />\n      )}\n    </ProgressPrimitive.Root>\n  )\n\n  // Right label needs flex wrapper\n  if (label === \"right\") {\n    return wrapWithTooltip(\n      <div className=\"flex items-center\" data-slot=\"progress-bar-container\">\n        {progressBar}\n        {shouldShowValue && (\n          <ProgressBarLabel\n            formatValue={formatValue}\n            position={label}\n            progressPercent={progressPercent}\n            value={value}\n          />\n        )}\n      </div>\n    )\n  }\n\n  // Bottom label needs column wrapper\n  if (label === \"bottom\") {\n    return wrapWithTooltip(\n      <div data-slot=\"progress-bar-container\">\n        {progressBar}\n        {shouldShowValue && (\n          <ProgressBarLabel\n            formatValue={formatValue}\n            position={label}\n            progressPercent={progressPercent}\n            value={value}\n          />\n        )}\n      </div>\n    )\n  }\n\n  // Floating labels need relative wrapper for absolute positioning\n  if (label === \"top-floating\" || label === \"bottom-floating\") {\n    return wrapWithTooltip(\n      <div className=\"relative\" data-slot=\"progress-bar-container\">\n        {progressBar}\n      </div>\n    )\n  }\n\n  // No wrapper needed for none label\n  return wrapWithTooltip(progressBar)\n}\n\nexport { ProgressBar }\n"]}

package/dist/chunk-UOHVT5KN.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-UOHVT5KN.js.map
+//# sourceMappingURL=chunk-UOHVT5KN.js.map

package/dist/chunk-UOHVT5KN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-UOHVT5KN.js"}

package/dist/chunk-UP2VWCW5.js

@@ -28,11 +28,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-export {
-  __require,
-  __esm,
-  __commonJS,
-  __export,
-  __toCommonJS
-};
+export { __commonJS, __esm, __export, __require, __toCommonJS };
+//# sourceMappingURL=chunk-UP2VWCW5.js.map
 //# sourceMappingURL=chunk-UP2VWCW5.js.map

package/dist/chunk-UP2VWCW5.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-UP2VWCW5.js"}

package/dist/chunk-V7WEN4SD.js

@@ -0,0 +1,444 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Loader2Icon, DownloadIcon, XIcon, FileIcon, CodeIcon, ArchiveIcon, FileSpreadsheetIcon, FileTextIcon, AudioLinesIcon, FileVideoIcon, ImageIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var filePreviewVariants = cva(
+  // Base styles
+  [
+    "relative",
+    "overflow-hidden",
+    "bg-muted",
+    "border border-border",
+    "rounded-md"
+  ],
+  {
+    variants: {
+      variant: {
+        thumbnail: ["inline-flex", "items-center", "justify-center"],
+        card: ["flex", "flex-col"],
+        inline: ["flex", "flex-row", "items-center", "gap-3", "p-2"],
+        full: ["flex", "items-center", "justify-center"]
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      }
+    },
+    compoundVariants: [
+      // Thumbnail sizes
+      { variant: "thumbnail", size: "sm", class: "size-16" },
+      { variant: "thumbnail", size: "md", class: "size-24" },
+      { variant: "thumbnail", size: "lg", class: "size-32" },
+      { variant: "thumbnail", size: "xl", class: "size-48" },
+      // Card sizes
+      { variant: "card", size: "sm", class: "w-32" },
+      { variant: "card", size: "md", class: "w-40" },
+      { variant: "card", size: "lg", class: "w-48" },
+      { variant: "card", size: "xl", class: "w-64" },
+      // Inline heights
+      { variant: "inline", size: "sm", class: "h-12" },
+      { variant: "inline", size: "md", class: "h-16" },
+      { variant: "inline", size: "lg", class: "h-20" },
+      { variant: "inline", size: "xl", class: "h-24" },
+      // Full sizes
+      { variant: "full", size: "sm", class: "h-48" },
+      { variant: "full", size: "md", class: "h-64" },
+      { variant: "full", size: "lg", class: "h-80" },
+      { variant: "full", size: "xl", class: "h-96" }
+    ],
+    defaultVariants: {
+      variant: "thumbnail",
+      size: "md"
+    }
+  }
+);
+var filePreviewContentVariants = cva(
+  // Base styles
+  ["flex", "items-center", "justify-center", "overflow-hidden"],
+  {
+    variants: {
+      variant: {
+        thumbnail: ["size-full"],
+        card: ["aspect-square", "w-full"],
+        inline: ["size-10", "shrink-0", "rounded"],
+        full: ["size-full"]
+      }
+    },
+    defaultVariants: {
+      variant: "thumbnail"
+    }
+  }
+);
+var filePreviewFallbackVariants = cva(
+  // Base styles
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "bg-muted",
+    "text-muted-foreground"
+  ],
+  {
+    variants: {
+      variant: {
+        thumbnail: ["size-full"],
+        card: ["aspect-square", "w-full"],
+        inline: ["size-10", "shrink-0", "rounded"],
+        full: ["size-full"]
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      }
+    },
+    compoundVariants: [
+      // Icon sizes by component size
+      { size: "sm", class: "[&>svg]:size-6" },
+      { size: "md", class: "[&>svg]:size-8" },
+      { size: "lg", class: "[&>svg]:size-10" },
+      { size: "xl", class: "[&>svg]:size-12" }
+    ],
+    defaultVariants: {
+      variant: "thumbnail",
+      size: "md"
+    }
+  }
+);
+var filePreviewInfoVariants = cva(
+  // Base styles
+  ["flex", "flex-col", "gap-0.5"],
+  {
+    variants: {
+      variant: {
+        thumbnail: ["hidden"],
+        card: ["p-2", "border-t", "border-border"],
+        inline: ["min-w-0", "flex-1"],
+        full: ["hidden"]
+      }
+    },
+    defaultVariants: {
+      variant: "thumbnail"
+    }
+  }
+);
+var filePreviewActionsVariants = cva(
+  // Base styles
+  [
+    "absolute",
+    "inset-0",
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-1",
+    "bg-black/50",
+    "opacity-0",
+    "transition-opacity",
+    "hover:opacity-100",
+    "focus-within:opacity-100"
+  ],
+  {
+    variants: {
+      variant: {
+        thumbnail: [],
+        card: ["rounded-t-md"],
+        inline: [
+          "relative",
+          "inset-auto",
+          "bg-transparent",
+          "opacity-100",
+          "shrink-0"
+        ],
+        full: []
+      }
+    },
+    defaultVariants: {
+      variant: "thumbnail"
+    }
+  }
+);
+var filePreviewActionButtonVariants = cva(
+  // Base styles
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "rounded-sm",
+    "p-1.5",
+    "transition-colors",
+    "focus-visible:outline-none",
+    "focus-visible:ring-2",
+    "focus-visible:ring-ring"
+  ],
+  {
+    variants: {
+      variant: {
+        thumbnail: ["text-white", "hover:bg-white/20"],
+        card: ["text-white", "hover:bg-white/20"],
+        inline: [
+          "text-muted-foreground",
+          "hover:text-foreground",
+          "hover:bg-muted"
+        ],
+        full: ["text-white", "hover:bg-white/20"]
+      }
+    },
+    defaultVariants: {
+      variant: "thumbnail"
+    }
+  }
+);
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${String(Number.parseFloat((bytes / Math.pow(k, i)).toFixed(1)))} ${sizes[i] ?? ""}`;
+}
+function getFileTypeCategory(mimeType) {
+  if (mimeType.startsWith("image/")) return "image";
+  if (mimeType.startsWith("video/")) return "video";
+  if (mimeType.startsWith("audio/")) return "audio";
+  if (mimeType === "application/pdf") return "pdf";
+  if (mimeType.includes("spreadsheet") || mimeType.includes("excel") || mimeType === "text/csv") {
+    return "spreadsheet";
+  }
+  if (mimeType.includes("document") || mimeType.includes("word") || mimeType === "text/plain" || mimeType === "text/rtf") {
+    return "document";
+  }
+  if (mimeType.includes("zip") || mimeType.includes("rar") || mimeType.includes("tar") || mimeType.includes("gzip") || mimeType.includes("7z")) {
+    return "archive";
+  }
+  if (mimeType.includes("javascript") || mimeType.includes("json") || mimeType.includes("xml") || mimeType.includes("html") || mimeType.includes("css") || mimeType === "text/x-python" || mimeType === "text/x-java") {
+    return "code";
+  }
+  return "unknown";
+}
+function getFileTypeIcon(category) {
+  switch (category) {
+    case "image":
+      return /* @__PURE__ */ jsx(ImageIcon, {});
+    case "video":
+      return /* @__PURE__ */ jsx(FileVideoIcon, {});
+    case "audio":
+      return /* @__PURE__ */ jsx(AudioLinesIcon, {});
+    case "pdf":
+    case "document":
+      return /* @__PURE__ */ jsx(FileTextIcon, {});
+    case "spreadsheet":
+      return /* @__PURE__ */ jsx(FileSpreadsheetIcon, {});
+    case "archive":
+      return /* @__PURE__ */ jsx(ArchiveIcon, {});
+    case "code":
+      return /* @__PURE__ */ jsx(CodeIcon, {});
+    default:
+      return /* @__PURE__ */ jsx(FileIcon, {});
+  }
+}
+function isPreviewable(mimeType) {
+  return mimeType.startsWith("image/") || mimeType.startsWith("video/");
+}
+function FilePreview({
+  alt,
+  aspectRatio = 1,
+  className,
+  file,
+  fileInfo,
+  onDownload,
+  onRemove,
+  showActions = true,
+  showInfo = true,
+  size = "md",
+  url: urlProp,
+  variant = "thumbnail",
+  ...props
+}) {
+  const [preview, setPreview] = React.useState(null);
+  const [state, setState] = React.useState(
+    "loading"
+  );
+  const fileName = file?.name ?? fileInfo?.name ?? "Unknown";
+  const fileSize = file?.size ?? fileInfo?.size ?? 0;
+  const fileType = file?.type ?? fileInfo?.type ?? "application/octet-stream";
+  const fileUrl = urlProp ?? fileInfo?.url ?? fileInfo?.thumbnailUrl;
+  const fileCategory = getFileTypeCategory(fileType);
+  const canPreview = isPreviewable(fileType);
+  React.useEffect(() => {
+    if (fileUrl) {
+      setPreview(fileUrl);
+      setState(canPreview ? "ready" : "fallback");
+      return;
+    }
+    if (file && canPreview) {
+      setState("loading");
+      const objectUrl = URL.createObjectURL(file);
+      setPreview(objectUrl);
+      setState("ready");
+      return () => {
+        URL.revokeObjectURL(objectUrl);
+      };
+    }
+    setState("fallback");
+    setPreview(null);
+    return;
+  }, [file, fileUrl, canPreview]);
+  const handleImageError = React.useCallback(() => {
+    setState("error");
+  }, []);
+  const handleImageLoad = React.useCallback(() => {
+    setState("ready");
+  }, []);
+  const renderContent = () => {
+    const isLoading = state === "loading";
+    const showFallback = state === "fallback" || state === "error";
+    if (isLoading) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            filePreviewFallbackVariants({ size, variant }),
+            "animate-pulse"
+          ),
+          "data-slot": "file-preview-loading",
+          children: /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" })
+        }
+      );
+    }
+    if (showFallback || !preview) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(filePreviewFallbackVariants({ size, variant })),
+          "data-slot": "file-preview-fallback",
+          children: getFileTypeIcon(fileCategory)
+        }
+      );
+    }
+    if (fileType.startsWith("image/")) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: variant === "full" || variant === "card" ? { aspectRatio } : void 0,
+          className: cn(filePreviewContentVariants({ variant })),
+          "data-slot": "file-preview-content",
+          children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: alt ?? fileName,
+              className: "size-full object-cover",
+              "data-slot": "file-preview-image",
+              src: preview,
+              onError: handleImageError,
+              onLoad: handleImageLoad
+            }
+          )
+        }
+      );
+    }
+    if (fileType.startsWith("video/")) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: variant === "full" || variant === "card" ? { aspectRatio } : void 0,
+          className: cn(filePreviewContentVariants({ variant })),
+          "data-slot": "file-preview-content",
+          children: /* @__PURE__ */ jsx(
+            "video",
+            {
+              muted: true,
+              playsInline: true,
+              className: "size-full object-cover",
+              "data-slot": "file-preview-video",
+              src: preview
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(filePreviewFallbackVariants({ size, variant })),
+        "data-slot": "file-preview-fallback",
+        children: getFileTypeIcon(fileCategory)
+      }
+    );
+  };
+  const renderInfo = () => {
+    if (!showInfo) return null;
+    if (variant === "thumbnail" || variant === "full") return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(filePreviewInfoVariants({ variant })),
+        "data-slot": "file-preview-info",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: fileName }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatFileSize(fileSize) })
+        ]
+      }
+    );
+  };
+  const renderActions = () => {
+    if (!showActions) return null;
+    if (!onRemove && !onDownload) return null;
+    const isInline = variant === "inline";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(filePreviewActionsVariants({ variant })),
+        "data-slot": "file-preview-actions",
+        children: [
+          onDownload && /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": `Download ${fileName}`,
+              className: cn(filePreviewActionButtonVariants({ variant })),
+              type: "button",
+              onClick: onDownload,
+              children: /* @__PURE__ */ jsx(DownloadIcon, { className: isInline ? "size-4" : "size-5" })
+            }
+          ),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": `Remove ${fileName}`,
+              className: cn(filePreviewActionButtonVariants({ variant })),
+              type: "button",
+              onClick: onRemove,
+              children: /* @__PURE__ */ jsx(XIcon, { className: isInline ? "size-4" : "size-5" })
+            }
+          )
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": `Preview of ${fileName}`,
+      className: cn(filePreviewVariants({ size, variant }), className),
+      "data-slot": "file-preview",
+      "data-state": state,
+      "data-type": fileCategory,
+      "data-variant": variant,
+      role: "img",
+      ...props,
+      children: [
+        renderContent(),
+        renderInfo(),
+        renderActions()
+      ]
+    }
+  );
+}
+FilePreview.displayName = "FilePreview";
+
+export { FilePreview, filePreviewActionButtonVariants, filePreviewActionsVariants, filePreviewContentVariants, filePreviewFallbackVariants, filePreviewInfoVariants, filePreviewVariants };
+//# sourceMappingURL=chunk-V7WEN4SD.js.map
+//# sourceMappingURL=chunk-V7WEN4SD.js.map

package/dist/chunk-V7WEN4SD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/FilePreview/FilePreview.variants.ts","../src/components/advanced/FilePreview/FilePreview.tsx"],"names":[],"mappings":"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","file":"chunk-V7WEN4SD.js","sourcesContent":["// FilePreview/FilePreview.variants.ts\n/* eslint-disable sonarjs/no-duplicate-string -- CSS class names are intentionally repeated for CVA readability */\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * FilePreview root container variants\n */\nexport const filePreviewVariants = cva(\n  // Base styles\n  [\n    \"relative\",\n    \"overflow-hidden\",\n    \"bg-muted\",\n    \"border border-border\",\n    \"rounded-md\",\n  ],\n  {\n    variants: {\n      variant: {\n        thumbnail: [\"inline-flex\", \"items-center\", \"justify-center\"],\n        card: [\"flex\", \"flex-col\"],\n        inline: [\"flex\", \"flex-row\", \"items-center\", \"gap-3\", \"p-2\"],\n        full: [\"flex\", \"items-center\", \"justify-center\"],\n      },\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n        xl: \"\",\n      },\n    },\n    compoundVariants: [\n      // Thumbnail sizes\n      { variant: \"thumbnail\", size: \"sm\", class: \"size-16\" },\n      { variant: \"thumbnail\", size: \"md\", class: \"size-24\" },\n      { variant: \"thumbnail\", size: \"lg\", class: \"size-32\" },\n      { variant: \"thumbnail\", size: \"xl\", class: \"size-48\" },\n      // Card sizes\n      { variant: \"card\", size: \"sm\", class: \"w-32\" },\n      { variant: \"card\", size: \"md\", class: \"w-40\" },\n      { variant: \"card\", size: \"lg\", class: \"w-48\" },\n      { variant: \"card\", size: \"xl\", class: \"w-64\" },\n      // Inline heights\n      { variant: \"inline\", size: \"sm\", class: \"h-12\" },\n      { variant: \"inline\", size: \"md\", class: \"h-16\" },\n      { variant: \"inline\", size: \"lg\", class: \"h-20\" },\n      { variant: \"inline\", size: \"xl\", class: \"h-24\" },\n      // Full sizes\n      { variant: \"full\", size: \"sm\", class: \"h-48\" },\n      { variant: \"full\", size: \"md\", class: \"h-64\" },\n      { variant: \"full\", size: \"lg\", class: \"h-80\" },\n      { variant: \"full\", size: \"xl\", class: \"h-96\" },\n    ],\n    defaultVariants: {\n      variant: \"thumbnail\",\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * FilePreview content area variants (for image/video preview)\n */\nexport const filePreviewContentVariants = cva(\n  // Base styles\n  [\"flex\", \"items-center\", \"justify-center\", \"overflow-hidden\"],\n  {\n    variants: {\n      variant: {\n        thumbnail: [\"size-full\"],\n        card: [\"aspect-square\", \"w-full\"],\n        inline: [\"size-10\", \"shrink-0\", \"rounded\"],\n        full: [\"size-full\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"thumbnail\",\n    },\n  }\n)\n\n/**\n * FilePreview fallback icon container variants\n */\nexport const filePreviewFallbackVariants = cva(\n  // Base styles\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"bg-muted\",\n    \"text-muted-foreground\",\n  ],\n  {\n    variants: {\n      variant: {\n        thumbnail: [\"size-full\"],\n        card: [\"aspect-square\", \"w-full\"],\n        inline: [\"size-10\", \"shrink-0\", \"rounded\"],\n        full: [\"size-full\"],\n      },\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n        xl: \"\",\n      },\n    },\n    compoundVariants: [\n      // Icon sizes by component size\n      { size: \"sm\", class: \"[&>svg]:size-6\" },\n      { size: \"md\", class: \"[&>svg]:size-8\" },\n      { size: \"lg\", class: \"[&>svg]:size-10\" },\n      { size: \"xl\", class: \"[&>svg]:size-12\" },\n    ],\n    defaultVariants: {\n      variant: \"thumbnail\",\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * FilePreview info section variants\n */\nexport const filePreviewInfoVariants = cva(\n  // Base styles\n  [\"flex\", \"flex-col\", \"gap-0.5\"],\n  {\n    variants: {\n      variant: {\n        thumbnail: [\"hidden\"],\n        card: [\"p-2\", \"border-t\", \"border-border\"],\n        inline: [\"min-w-0\", \"flex-1\"],\n        full: [\"hidden\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"thumbnail\",\n    },\n  }\n)\n\n/**\n * FilePreview actions overlay variants\n */\nexport const filePreviewActionsVariants = cva(\n  // Base styles\n  [\n    \"absolute\",\n    \"inset-0\",\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"gap-1\",\n    \"bg-black/50\",\n    \"opacity-0\",\n    \"transition-opacity\",\n    \"hover:opacity-100\",\n    \"focus-within:opacity-100\",\n  ],\n  {\n    variants: {\n      variant: {\n        thumbnail: [],\n        card: [\"rounded-t-md\"],\n        inline: [\n          \"relative\",\n          \"inset-auto\",\n          \"bg-transparent\",\n          \"opacity-100\",\n          \"shrink-0\",\n        ],\n        full: [],\n      },\n    },\n    defaultVariants: {\n      variant: \"thumbnail\",\n    },\n  }\n)\n\n/**\n * FilePreview action button variants\n */\nexport const filePreviewActionButtonVariants = cva(\n  // Base styles\n  [\n    \"inline-flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"rounded-sm\",\n    \"p-1.5\",\n    \"transition-colors\",\n    \"focus-visible:outline-none\",\n    \"focus-visible:ring-2\",\n    \"focus-visible:ring-ring\",\n  ],\n  {\n    variants: {\n      variant: {\n        thumbnail: [\"text-white\", \"hover:bg-white/20\"],\n        card: [\"text-white\", \"hover:bg-white/20\"],\n        inline: [\n          \"text-muted-foreground\",\n          \"hover:text-foreground\",\n          \"hover:bg-muted\",\n        ],\n        full: [\"text-white\", \"hover:bg-white/20\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"thumbnail\",\n    },\n  }\n)\n\n// Export variant types\nexport type FilePreviewVariantProps = VariantProps<typeof filePreviewVariants>\nexport type FilePreviewContentVariantProps = VariantProps<\n  typeof filePreviewContentVariants\n>\nexport type FilePreviewFallbackVariantProps = VariantProps<\n  typeof filePreviewFallbackVariants\n>\nexport type FilePreviewInfoVariantProps = VariantProps<\n  typeof filePreviewInfoVariants\n>\nexport type FilePreviewActionsVariantProps = VariantProps<\n  typeof filePreviewActionsVariants\n>\nexport type FilePreviewActionButtonVariantProps = VariantProps<\n  typeof filePreviewActionButtonVariants\n>\n","\"use client\"\n\nimport type { FilePreviewProps, FileTypeCategory } from \"./FilePreview.types\"\n\nimport {\n  ArchiveIcon,\n  AudioLinesIcon,\n  CodeIcon,\n  DownloadIcon,\n  FileIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n  ImageIcon,\n  Loader2Icon,\n  XIcon,\n} from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  filePreviewActionButtonVariants,\n  filePreviewActionsVariants,\n  filePreviewContentVariants,\n  filePreviewFallbackVariants,\n  filePreviewInfoVariants,\n  filePreviewVariants,\n} from \"./FilePreview.variants\"\n\n// ============================================\n// UTILITIES\n// ============================================\n\n/**\n * Format file size to human-readable string\n */\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return \"0 B\"\n  const k = 1024\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\"]\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  return `${String(Number.parseFloat((bytes / Math.pow(k, i)).toFixed(1)))} ${sizes[i] ?? \"\"}`\n}\n\n/**\n * Get file type category from MIME type\n */\nfunction getFileTypeCategory(mimeType: string): FileTypeCategory {\n  if (mimeType.startsWith(\"image/\")) return \"image\"\n  if (mimeType.startsWith(\"video/\")) return \"video\"\n  if (mimeType.startsWith(\"audio/\")) return \"audio\"\n  if (mimeType === \"application/pdf\") return \"pdf\"\n  if (\n    mimeType.includes(\"spreadsheet\") ||\n    mimeType.includes(\"excel\") ||\n    mimeType === \"text/csv\"\n  ) {\n    return \"spreadsheet\"\n  }\n  if (\n    mimeType.includes(\"document\") ||\n    mimeType.includes(\"word\") ||\n    mimeType === \"text/plain\" ||\n    mimeType === \"text/rtf\"\n  ) {\n    return \"document\"\n  }\n  if (\n    mimeType.includes(\"zip\") ||\n    mimeType.includes(\"rar\") ||\n    mimeType.includes(\"tar\") ||\n    mimeType.includes(\"gzip\") ||\n    mimeType.includes(\"7z\")\n  ) {\n    return \"archive\"\n  }\n  if (\n    mimeType.includes(\"javascript\") ||\n    mimeType.includes(\"json\") ||\n    mimeType.includes(\"xml\") ||\n    mimeType.includes(\"html\") ||\n    mimeType.includes(\"css\") ||\n    mimeType === \"text/x-python\" ||\n    mimeType === \"text/x-java\"\n  ) {\n    return \"code\"\n  }\n  return \"unknown\"\n}\n\n/**\n * Get icon component for file type\n */\nfunction getFileTypeIcon(category: FileTypeCategory): React.ReactNode {\n  switch (category) {\n    case \"image\":\n      return <ImageIcon />\n    case \"video\":\n      return <FileVideoIcon />\n    case \"audio\":\n      return <AudioLinesIcon />\n    case \"pdf\":\n    case \"document\":\n      return <FileTextIcon />\n    case \"spreadsheet\":\n      return <FileSpreadsheetIcon />\n    case \"archive\":\n      return <ArchiveIcon />\n    case \"code\":\n      return <CodeIcon />\n    default:\n      return <FileIcon />\n  }\n}\n\n/**\n * Check if file type is previewable (image or video)\n */\nfunction isPreviewable(mimeType: string): boolean {\n  return mimeType.startsWith(\"image/\") || mimeType.startsWith(\"video/\")\n}\n\n// ============================================\n// MAIN COMPONENT\n// ============================================\n\n/**\n * FilePreview - Component for displaying file previews\n *\n * @example\n * ```tsx\n * // Basic usage with File object\n * <FilePreview file={file} onRemove={() => handleRemove()} />\n *\n * // With remote file info\n * <FilePreview\n *   fileInfo={{\n *     name: \"photo.jpg\",\n *     size: 1024000,\n *     type: \"image/jpeg\",\n *     url: \"https://example.com/photo.jpg\",\n *   }}\n *   variant=\"card\"\n * />\n *\n * // Inline variant with actions\n * <FilePreview\n *   file={file}\n *   variant=\"inline\"\n *   showActions\n *   onDownload={() => downloadFile(file)}\n *   onRemove={() => removeFile(file)}\n * />\n * ```\n */\nfunction FilePreview({\n  alt,\n  aspectRatio = 1,\n  className,\n  file,\n  fileInfo,\n  onDownload,\n  onRemove,\n  showActions = true,\n  showInfo = true,\n  size = \"md\",\n  url: urlProp,\n  variant = \"thumbnail\",\n  ...props\n}: FilePreviewProps) {\n  const [preview, setPreview] = React.useState<null | string>(null)\n  const [state, setState] = React.useState<\"error\" | \"fallback\" | \"loading\" | \"ready\">(\n    \"loading\"\n  )\n\n  // Derive file metadata\n  const fileName = file?.name ?? fileInfo?.name ?? \"Unknown\"\n  const fileSize = file?.size ?? fileInfo?.size ?? 0\n  const fileType = file?.type ?? fileInfo?.type ?? \"application/octet-stream\"\n  const fileUrl = urlProp ?? fileInfo?.url ?? fileInfo?.thumbnailUrl\n\n  const fileCategory = getFileTypeCategory(fileType)\n  const canPreview = isPreviewable(fileType)\n\n  // Generate preview URL for local files - requires useEffect for object URL lifecycle management\n  /* eslint-disable react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect, react-you-might-not-need-an-effect/no-adjust-state-on-prop-change */\n  React.useEffect(() => {\n    // If we have a URL prop or fileInfo URL, use that\n    if (fileUrl) {\n      setPreview(fileUrl)\n      setState(canPreview ? \"ready\" : \"fallback\")\n      return\n    }\n\n    // If we have a local File and it's previewable, generate object URL\n    if (file && canPreview) {\n      setState(\"loading\")\n      const objectUrl = URL.createObjectURL(file)\n      setPreview(objectUrl)\n      setState(\"ready\")\n      return () => {\n        URL.revokeObjectURL(objectUrl)\n      }\n    }\n\n    // Non-previewable file type\n    setState(\"fallback\")\n    setPreview(null)\n    return\n  }, [file, fileUrl, canPreview])\n  /* eslint-enable react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect, react-you-might-not-need-an-effect/no-adjust-state-on-prop-change */\n\n  // Handle image load error\n  const handleImageError = React.useCallback(() => {\n    setState(\"error\")\n  }, [])\n\n  // Handle image load success\n  const handleImageLoad = React.useCallback(() => {\n    setState(\"ready\")\n  }, [])\n\n  // Render preview content\n  const renderContent = () => {\n    const isLoading = state === \"loading\"\n    const showFallback = state === \"fallback\" || state === \"error\"\n\n    if (isLoading) {\n      return (\n        <div\n          className={cn(\n            filePreviewFallbackVariants({ size, variant }),\n            \"animate-pulse\"\n          )}\n          data-slot=\"file-preview-loading\"\n        >\n          <Loader2Icon className=\"animate-spin\" />\n        </div>\n      )\n    }\n\n    if (showFallback || !preview) {\n      return (\n        <div\n          className={cn(filePreviewFallbackVariants({ size, variant }))}\n          data-slot=\"file-preview-fallback\"\n        >\n          {getFileTypeIcon(fileCategory)}\n        </div>\n      )\n    }\n\n    // Image preview\n    if (fileType.startsWith(\"image/\")) {\n      return (\n        <div\n          style={\n            variant === \"full\" || variant === \"card\"\n              ? { aspectRatio }\n              : undefined\n          }\n          className={cn(filePreviewContentVariants({ variant }))}\n          data-slot=\"file-preview-content\"\n        >\n          <img\n            alt={alt ?? fileName}\n            className=\"size-full object-cover\"\n            data-slot=\"file-preview-image\"\n            src={preview}\n            onError={handleImageError}\n            onLoad={handleImageLoad}\n          />\n        </div>\n      )\n    }\n\n    // Video preview\n    if (fileType.startsWith(\"video/\")) {\n      return (\n        <div\n          style={\n            variant === \"full\" || variant === \"card\"\n              ? { aspectRatio }\n              : undefined\n          }\n          className={cn(filePreviewContentVariants({ variant }))}\n          data-slot=\"file-preview-content\"\n        >\n          <video\n            muted\n            playsInline\n            className=\"size-full object-cover\"\n            data-slot=\"file-preview-video\"\n            src={preview}\n          />\n        </div>\n      )\n    }\n\n    // Fallback for other types\n    return (\n      <div\n        className={cn(filePreviewFallbackVariants({ size, variant }))}\n        data-slot=\"file-preview-fallback\"\n      >\n        {getFileTypeIcon(fileCategory)}\n      </div>\n    )\n  }\n\n  // Render file info\n  const renderInfo = () => {\n    if (!showInfo) return null\n    if (variant === \"thumbnail\" || variant === \"full\") return null\n\n    return (\n      <div\n        className={cn(filePreviewInfoVariants({ variant }))}\n        data-slot=\"file-preview-info\"\n      >\n        <span className=\"truncate text-sm font-medium\">{fileName}</span>\n        <span className=\"text-xs text-muted-foreground\">\n          {formatFileSize(fileSize)}\n        </span>\n      </div>\n    )\n  }\n\n  // Render action buttons\n  const renderActions = () => {\n    if (!showActions) return null\n    if (!onRemove && !onDownload) return null\n\n    const isInline = variant === \"inline\"\n\n    return (\n      <div\n        className={cn(filePreviewActionsVariants({ variant }))}\n        data-slot=\"file-preview-actions\"\n      >\n        {onDownload && (\n          <button\n            aria-label={`Download ${fileName}`}\n            className={cn(filePreviewActionButtonVariants({ variant }))}\n            type=\"button\"\n            onClick={onDownload}\n          >\n            <DownloadIcon className={isInline ? \"size-4\" : \"size-5\"} />\n          </button>\n        )}\n        {onRemove && (\n          <button\n            aria-label={`Remove ${fileName}`}\n            className={cn(filePreviewActionButtonVariants({ variant }))}\n            type=\"button\"\n            onClick={onRemove}\n          >\n            <XIcon className={isInline ? \"size-4\" : \"size-5\"} />\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      aria-label={`Preview of ${fileName}`}\n      className={cn(filePreviewVariants({ size, variant }), className)}\n      data-slot=\"file-preview\"\n      data-state={state}\n      data-type={fileCategory}\n      data-variant={variant}\n      role=\"img\"\n      {...props}\n    >\n      {renderContent()}\n      {renderInfo()}\n      {renderActions()}\n    </div>\n  )\n}\n\nFilePreview.displayName = \"FilePreview\"\n\nexport { FilePreview }\n"]}