@etus/ui 0.3.2 → 0.4.0-beta.10

package/dist/chunk-IFHF4UES.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workflow/Stepper/Stepper.variants.ts","../src/components/workflow/Stepper/Stepper.tsx"],"names":[],"mappings":"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","file":"chunk-IFHF4UES.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Stepper container variants\n */\nexport const stepperVariants = cva(\"flex transition-all duration-200\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"gap-4\",\n      lg: \"gap-6\",\n      sm: \"gap-2\",\n    },\n    variant: {\n      compact: \"flex-row items-center gap-2\",\n      default: \"flex-row items-start\",\n      vertical: \"flex-col\",\n    },\n  },\n})\n\n/**\n * Step item container variants\n */\nexport const stepperItemVariants = cva(\"relative flex min-w-0 transition-all duration-200\", {\n  compoundVariants: [\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"default\",\n    },\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"compact\",\n    },\n    {\n      className: \"w-full\",\n      variant: \"vertical\",\n    },\n  ],\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n    variant: {\n      compact: \"flex-col items-center\",\n      default: \"flex-col items-center\",\n      vertical: \"flex-row items-start gap-3\",\n    },\n  },\n})\n\n/**\n * Step indicator (circle) variants\n */\nexport const stepperIndicatorVariants = cva(\n  \"relative z-10 flex shrink-0 items-center justify-center rounded-full font-medium transition-all duration-200\",\n  {\n    compoundVariants: [\n      // Active step with ring highlight\n      {\n        className: \"ring-4 ring-primary/20\",\n        status: \"active\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"h-10 w-10 text-sm\",\n        lg: \"h-12 w-12 text-base\",\n        sm: \"h-8 w-8 text-xs\",\n      },\n      status: {\n        active: \"border-2 border-primary bg-primary text-primary-foreground\",\n        complete: \"bg-primary text-primary-foreground\",\n        error: \"bg-destructive text-destructive-foreground\",\n        pending: \"border-2 border-muted bg-muted text-muted-foreground\",\n      },\n    },\n  }\n)\n\n/**\n * Horizontal connector variants\n */\nexport const stepperConnectorHorizontalVariants = cva(\n  \"absolute top-1/2 h-0.5 -translate-y-1/2 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-[calc(50%+var(--stepper-connector-offset-default))] right-[calc(-50%+var(--stepper-connector-offset-default))]\",\n        lg: \"left-[calc(50%+var(--stepper-connector-offset-lg))] right-[calc(-50%+var(--stepper-connector-offset-lg))]\",\n        sm: \"left-[calc(50%+var(--stepper-connector-offset-sm))] right-[calc(-50%+var(--stepper-connector-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-primary\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-muted\",\n      },\n    },\n  }\n)\n\n/**\n * Vertical connector variants\n */\nexport const stepperConnectorVerticalVariants = cva(\n  \"absolute w-0.5 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-5 top-12 h-[calc(100%-var(--stepper-connector-vertical-height-offset-default))]\",\n        lg: \"left-6 top-14 h-[calc(100%-var(--stepper-connector-vertical-height-offset-lg))]\",\n        sm: \"left-4 top-10 h-[calc(100%-var(--stepper-connector-vertical-height-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-primary\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-muted\",\n      },\n    },\n  }\n)\n\n/**\n * Step label variants\n */\nexport const stepperLabelVariants = cva(\"font-medium transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n    status: \"pending\",\n  },\n  variants: {\n    size: {\n      default: \"text-sm\",\n      lg: \"text-base\",\n      sm: \"text-xs\",\n    },\n    status: {\n      active: \"text-foreground\",\n      complete: \"text-foreground\",\n      error: \"text-destructive\",\n      pending: \"text-muted-foreground\",\n    },\n  },\n})\n\n/**\n * Step description variants\n */\nexport const stepperDescriptionVariants = cva(\"text-muted-foreground transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-xs\",\n      lg: \"text-sm\",\n      sm: \"text-xs\",\n    },\n  },\n})\n\n// Export variant prop types\nexport type StepperVariantProps = VariantProps<typeof stepperVariants>\nexport type StepperItemVariantProps = VariantProps<typeof stepperItemVariants>\nexport type StepperIndicatorVariantProps = VariantProps<typeof stepperIndicatorVariants>\nexport type StepperConnectorHorizontalVariantProps = VariantProps<\n  typeof stepperConnectorHorizontalVariants\n>\nexport type StepperConnectorVerticalVariantProps = VariantProps<\n  typeof stepperConnectorVerticalVariants\n>\n","import type { StepItem, StepperItemProps, StepperProps } from \"./Stepper.types\"\n\nimport { Check, X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  stepperConnectorHorizontalVariants,\n  stepperConnectorVerticalVariants,\n  stepperDescriptionVariants,\n  stepperIndicatorVariants,\n  stepperItemVariants,\n  stepperLabelVariants,\n  stepperVariants,\n} from \"./Stepper.variants\"\n\n/**\n * Compute the status of a step based on its index, current step, and completed array\n */\nfunction computeStepStatus(\n  step: StepItem,\n  index: number,\n  currentStep: number,\n  completed?: number[]\n): \"active\" | \"complete\" | \"error\" | \"pending\" {\n  // If step has explicit status, use it\n  if (step.status) {\n    return step.status\n  }\n\n  // Check if this step is in the completed array\n  if (completed?.includes(index)) {\n    return \"complete\"\n  }\n\n  // Auto-compute based on currentStep\n  if (index < currentStep) {\n    return \"complete\"\n  }\n  if (index === currentStep) {\n    return \"active\"\n  }\n  return \"pending\"\n}\n\n/**\n * Render step indicator content\n */\nfunction StepIndicatorContent({\n  index,\n  size = \"default\",\n  status,\n  step,\n}: {\n  index: number\n  size?: \"default\" | \"lg\" | \"sm\"\n  status: \"active\" | \"complete\" | \"error\" | \"pending\"\n  step: StepItem\n}) {\n  const iconSize = size === \"sm\" ? \"h-3 w-3\" : size === \"lg\" ? \"h-5 w-5\" : \"h-4 w-4\"\n\n  // Show custom icon if provided\n  if (step.icon) {\n    return (\n      <span className={cn(\"flex items-center justify-center\", `[&>svg]:${iconSize}`)}>\n        {step.icon}\n      </span>\n    )\n  }\n\n  // Show checkmark for complete\n  if (status === \"complete\") {\n    return <Check className={iconSize} />\n  }\n\n  // Show X for error\n  if (status === \"error\") {\n    return <X className={iconSize} />\n  }\n\n  // Show step number for active/pending\n  return <span>{index + 1}</span>\n}\n\n/**\n * Single step item component\n */\nfunction StepperItem({\n  clickable = false,\n  index,\n  isLast = false,\n  onClick,\n  showConnector = true,\n  size = \"default\",\n  status,\n  step,\n  variant = \"default\",\n}: StepperItemProps) {\n  const isVertical = variant === \"vertical\"\n  const isDisabled = step.disabled ?? false\n\n  // Get connector status\n  const connectorStatus = status === \"complete\" ? \"complete\" : \"pending\"\n\n  // Handle click\n  const handleClick = () => {\n    if (clickable && !isDisabled && onClick) {\n      onClick(index)\n    }\n    step.onClick?.()\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        stepperItemVariants({ size, variant }),\n        clickable && !isDisabled && \"cursor-pointer\",\n        isDisabled && \"cursor-not-allowed opacity-50\"\n      )}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      data-slot=\"stepper-item\"\n      data-status={status}\n      tabIndex={clickable && !isDisabled ? 0 : undefined}\n      onClick={clickable ? handleClick : undefined}\n      onKeyDown={clickable && !isDisabled ? handleKeyDown : undefined}\n    >\n      {/* Indicator wrapper for horizontal orientation */}\n      {!isVertical && (\n        <div className=\"relative flex w-full items-center justify-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Horizontal connector */}\n          {showConnector && !isLast && (\n            <div\n              className={stepperConnectorHorizontalVariants({\n                size,\n                status: connectorStatus,\n              })}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Vertical layout indicator */}\n      {isVertical && (\n        <div className=\"relative flex flex-col items-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Vertical connector */}\n          {showConnector && !isLast && (\n            <div\n              className={cn(\n                stepperConnectorVerticalVariants({ size, status: connectorStatus }),\n                \"min-h-8\"\n              )}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Labels and description */}\n      <div\n        className={cn(\n          \"flex min-w-0 flex-col\",\n          isVertical ? \"flex-1\" : \"mt-2 items-center text-center\"\n        )}\n        data-slot=\"stepper-content\"\n      >\n        <span\n          className={cn(stepperLabelVariants({ size, status }), \"max-w-full truncate\")}\n          data-slot=\"stepper-label\"\n        >\n          {step.label}\n        </span>\n        {step.description && (\n          <span\n            className={stepperDescriptionVariants({ size })}\n            data-slot=\"stepper-description\"\n          >\n            {step.description}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Stepper component displays a sequence of steps in a workflow.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", label: \"Informações\" },\n *   { id: \"2\", label: \"Verificação\" },\n *   { id: \"3\", label: \"Conclusão\" },\n * ]\n *\n * <Stepper steps={steps} currentStep={1} />\n * ```\n */\nfunction Stepper({\n  children,\n  className,\n  clickable = false,\n  completed,\n  currentStep = 0,\n  onStepClick,\n  showConnectors = true,\n  size = \"default\",\n  steps,\n  variant = \"default\",\n  ...props\n}: StepperProps) {\n  // If children are provided, render custom content\n  if (children) {\n    return (\n      <div\n        aria-label=\"Stepper\"\n        className={cn(stepperVariants({ size, variant }), className)}\n        data-slot=\"stepper\"\n        role=\"list\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  // Compute progress values for aria\n  const totalSteps = steps?.length ?? 0\n\n  return (\n    <div\n      aria-label=\"Stepper\"\n      aria-valuemax={totalSteps}\n      aria-valuemin={0}\n      aria-valuenow={currentStep + 1}\n      className={cn(stepperVariants({ size, variant }), className)}\n      data-slot=\"stepper\"\n      data-variant={variant}\n      role=\"progressbar\"\n      {...props}\n    >\n      {steps?.map((step, index) => {\n        const status = computeStepStatus(step, index, currentStep, completed)\n\n        return (\n          <StepperItem\n            key={step.id}\n            clickable={clickable}\n            index={index}\n            isLast={index === steps.length - 1}\n            showConnector={showConnectors}\n            size={size}\n            status={status}\n            step={step}\n            variant={variant}\n            onClick={onStepClick}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nexport { Stepper }\nexport type { StepItem, StepperProps }\n"]}

package/dist/chunk-IHW6IJE5.js

@@ -0,0 +1,597 @@
+import { Lightbox } from './chunk-2FJJOHHH.js';
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './chunk-7B577M5O.js';
+import { AspectRatio } from './chunk-45D4O7RK.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { Check } from 'lucide-react';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var gapClasses = {
+  lg: "gap-6",
+  md: "gap-4",
+  sm: "gap-2"
+};
+var columnClasses = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6"
+};
+var smColumnClasses = {
+  1: "sm:grid-cols-1",
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-3",
+  4: "sm:grid-cols-4",
+  5: "sm:grid-cols-5",
+  6: "sm:grid-cols-6"
+};
+var mdColumnClasses = {
+  1: "md:grid-cols-1",
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3",
+  4: "md:grid-cols-4",
+  5: "md:grid-cols-5",
+  6: "md:grid-cols-6"
+};
+var lgColumnClasses = {
+  1: "lg:grid-cols-1",
+  2: "lg:grid-cols-2",
+  3: "lg:grid-cols-3",
+  4: "lg:grid-cols-4",
+  5: "lg:grid-cols-5",
+  6: "lg:grid-cols-6"
+};
+var xlColumnClasses = {
+  1: "xl:grid-cols-1",
+  2: "xl:grid-cols-2",
+  3: "xl:grid-cols-3",
+  4: "xl:grid-cols-4",
+  5: "xl:grid-cols-5",
+  6: "xl:grid-cols-6"
+};
+function getColumnClasses(columns) {
+  if (columns === void 0) {
+    return "grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4";
+  }
+  if (typeof columns === "number") {
+    return columnClasses[columns] ?? "grid-cols-4";
+  }
+  const classes = [];
+  if (columns.sm) classes.push(smColumnClasses[columns.sm] ?? "sm:grid-cols-2");
+  if (columns.md) classes.push(mdColumnClasses[columns.md] ?? "md:grid-cols-3");
+  if (columns.lg) classes.push(lgColumnClasses[columns.lg] ?? "lg:grid-cols-4");
+  if (columns.xl) classes.push(xlColumnClasses[columns.xl] ?? "xl:grid-cols-4");
+  return classes.join(" ") || "grid-cols-2 md:grid-cols-3 lg:grid-cols-4";
+}
+var imageGalleryItemVariants = cva(
+  [
+    "relative overflow-hidden rounded-md",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "transition-transform duration-200",
+    "cursor-pointer"
+  ],
+  {
+    variants: {
+      selected: {
+        true: "ring-2 ring-primary ring-offset-2",
+        false: ""
+      },
+      interactive: {
+        true: "hover:scale-[1.02]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      selected: false,
+      interactive: true
+    }
+  }
+);
+function useInfiniteScroll(onLoadMore) {
+  const sentinelRef = React.useRef(null);
+  React.useEffect(() => {
+    const node = sentinelRef.current;
+    if (!onLoadMore || !node) return;
+    if (typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            onLoadMore();
+          }
+        }
+      },
+      { rootMargin: "200px" }
+    );
+    observer.observe(node);
+    return () => {
+      observer.disconnect();
+    };
+  }, [onLoadMore]);
+  return sentinelRef;
+}
+function ImageGalleryItem({
+  aspectRatio = 1,
+  className,
+  interactive = true,
+  enableSelection = false,
+  image,
+  index: _index,
+  isSelected = false,
+  onClick,
+  onImageError,
+  onImageLoad,
+  ...props
+}) {
+  const [imageState, setImageState] = React.useState("loading");
+  const handleLoad = React.useCallback(() => {
+    setImageState("loaded");
+    onImageLoad?.();
+  }, [onImageLoad]);
+  const handleError = React.useCallback(() => {
+    setImageState("error");
+    onImageError?.(new Error(`Failed to load image: ${image.src}`));
+  }, [image.src, onImageError]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        onClick?.();
+      }
+    },
+    [onClick]
+  );
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "aria-label": enableSelection && isSelected ? `${image.alt} (selected)` : image.alt,
+      className: cn(
+        imageGalleryItemVariants({
+          selected: isSelected,
+          interactive
+        }),
+        className
+      ),
+      "aria-pressed": enableSelection ? isSelected : void 0,
+      "data-error": imageState === "error" || void 0,
+      "data-loading": imageState === "loading" || void 0,
+      "data-selected": isSelected || void 0,
+      "data-slot": "image-gallery-item",
+      type: "button",
+      onClick,
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(AspectRatio, { ratio: aspectRatio, children: [
+          imageState === "loading" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-pulse bg-muted" }),
+          imageState === "error" ? /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Failed to load" }) }) : /* @__PURE__ */ jsx(
+            "img",
+            {
+              className: cn(
+                "h-full w-full object-cover transition-opacity duration-200",
+                imageState === "loading" ? "opacity-0" : "opacity-100"
+              ),
+              alt: image.alt,
+              "data-slot": "image-gallery-image",
+              loading: "lazy",
+              src: image.thumbnail ?? image.src,
+              onError: handleError,
+              onLoad: handleLoad
+            }
+          )
+        ] }),
+        enableSelection && isSelected && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+      ]
+    }
+  );
+}
+function GridLayout({
+  aspectRatio = 1,
+  columns,
+  enableSelection = false,
+  gap = "md",
+  images,
+  onImageError,
+  onImageLoad,
+  onItemClick,
+  selectedIds = []
+}) {
+  const inlineGridStyle = typeof columns === "number" ? { gridTemplateColumns: `repeat(${String(columns)}, minmax(0, 1fr))` } : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid", getColumnClasses(columns), gapClasses[gap]),
+      "data-layout": "grid",
+      style: inlineGridStyle,
+      children: images.map((image, index) => /* @__PURE__ */ jsx(
+        ImageGalleryItem,
+        {
+          aspectRatio,
+          enableSelection,
+          image,
+          index,
+          isSelected: selectedIds.includes(image.id),
+          onClick: () => {
+            onItemClick(image, index);
+          },
+          onImageError: (error) => {
+            onImageError?.(image, error);
+          },
+          onImageLoad: () => {
+            onImageLoad?.(image);
+          }
+        },
+        image.id
+      ))
+    }
+  );
+}
+function MasonryLayout({
+  columns,
+  enableSelection = false,
+  gap = "md",
+  images,
+  onImageError,
+  onImageLoad,
+  onItemClick,
+  selectedIds = []
+}) {
+  const columnCount = typeof columns === "number" ? columns : columns?.lg ?? columns?.md ?? 3;
+  const gapValue = gap === "sm" ? "0.5rem" : gap === "lg" ? "1.5rem" : "1rem";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        columnCount,
+        columnGap: gapValue
+      },
+      className: "[column-fill:balance]",
+      "data-layout": "masonry",
+      children: images.map((image, index) => {
+        const aspectRatio = image.width && image.height ? image.width / image.height : 1;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              marginBottom: gapValue
+            },
+            className: "mb-2 break-inside-avoid md:mb-4 lg:mb-6",
+            children: /* @__PURE__ */ jsx(
+              ImageGalleryItem,
+              {
+                aspectRatio,
+                enableSelection,
+                image,
+                index,
+                isSelected: selectedIds.includes(image.id),
+                onClick: () => {
+                  onItemClick(image, index);
+                },
+                onImageError: (error) => {
+                  onImageError?.(image, error);
+                },
+                onImageLoad: () => {
+                  onImageLoad?.(image);
+                }
+              }
+            )
+          },
+          image.id
+        );
+      })
+    }
+  );
+}
+function FeaturedLayout({
+  aspectRatio = 1,
+  enableSelection = false,
+  gap = "md",
+  images,
+  onImageError,
+  onImageLoad,
+  onItemClick,
+  selectedIds = []
+}) {
+  const [featuredIndex, setFeaturedIndex] = React.useState(0);
+  const handleThumbnailClick = React.useCallback(
+    (image, originalIndex) => {
+      setFeaturedIndex(originalIndex);
+      onItemClick(image, originalIndex);
+    },
+    [onItemClick]
+  );
+  if (images.length === 0) return null;
+  const featuredImage = images[featuredIndex];
+  if (!featuredImage) return null;
+  const thumbnails = images.filter((_, i) => i !== featuredIndex);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-4 md:flex-row", gapClasses[gap]),
+      "data-layout": "featured",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+          ImageGalleryItem,
+          {
+            aspectRatio,
+            className: "h-full",
+            enableSelection,
+            image: featuredImage,
+            index: featuredIndex,
+            isSelected: selectedIds.includes(featuredImage.id),
+            onClick: () => {
+              onItemClick(featuredImage, featuredIndex);
+            },
+            onImageError: (error) => {
+              onImageError?.(featuredImage, error);
+            },
+            onImageLoad: () => {
+              onImageLoad?.(featuredImage);
+            }
+          }
+        ) }),
+        thumbnails.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex w-full flex-row md:w-24 md:flex-col lg:w-32",
+              gapClasses[gap]
+            ),
+            children: thumbnails.map((image) => {
+              const originalIndex = images.findIndex((img) => img.id === image.id);
+              return /* @__PURE__ */ jsx(
+                ImageGalleryItem,
+                {
+                  aspectRatio: 1,
+                  className: "flex-1 md:flex-none",
+                  enableSelection,
+                  image,
+                  index: originalIndex,
+                  interactive: enableSelection,
+                  isSelected: selectedIds.includes(image.id),
+                  onClick: () => {
+                    handleThumbnailClick(image, originalIndex);
+                  },
+                  onImageError: (error) => {
+                    onImageError?.(image, error);
+                  },
+                  onImageLoad: () => {
+                    onImageLoad?.(image);
+                  }
+                },
+                image.id
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+function CarouselLayout({
+  aspectRatio = 1,
+  enableSelection = false,
+  images,
+  onImageError,
+  onImageLoad,
+  onItemClick,
+  selectedIds = []
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "px-[var(--carousel-button-offset)]",
+      "data-layout": "carousel",
+      children: /* @__PURE__ */ jsxs(Carousel, { className: "w-full", opts: { align: "start", loop: false }, children: [
+        /* @__PURE__ */ jsx(CarouselContent, { children: images.map((image, index) => /* @__PURE__ */ jsx(
+          CarouselItem,
+          {
+            className: "basis-full sm:basis-1/2 md:basis-1/3 lg:basis-1/4",
+            children: /* @__PURE__ */ jsx(
+              ImageGalleryItem,
+              {
+                aspectRatio,
+                enableSelection,
+                image,
+                index,
+                isSelected: selectedIds.includes(image.id),
+                onClick: () => {
+                  onItemClick(image, index);
+                },
+                onImageError: (error) => {
+                  onImageError?.(image, error);
+                },
+                onImageLoad: () => {
+                  onImageLoad?.(image);
+                }
+              }
+            )
+          },
+          image.id
+        )) }),
+        /* @__PURE__ */ jsx(CarouselPrevious, {}),
+        /* @__PURE__ */ jsx(CarouselNext, {})
+      ] })
+    }
+  );
+}
+function LoadingSkeleton({
+  aspectRatio = 1,
+  columns,
+  count = 8,
+  gap = "md"
+}) {
+  const skeletonKeys = React.useMemo(
+    () => Array.from({ length: count }, (_, i) => `skeleton-${String(i)}`),
+    [count]
+  );
+  const skeletonInlineStyle = typeof columns === "number" ? { gridTemplateColumns: `repeat(${String(columns)}, minmax(0, 1fr))` } : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid", getColumnClasses(columns), gapClasses[gap]),
+      "data-loading": "true",
+      style: skeletonInlineStyle,
+      children: skeletonKeys.map((key) => /* @__PURE__ */ jsx(AspectRatio, { ratio: aspectRatio, children: /* @__PURE__ */ jsx("div", { className: "h-full w-full animate-pulse rounded-md bg-muted" }) }, key))
+    }
+  );
+}
+function ImageGallery({
+  aspectRatio = 1,
+  className,
+  columns,
+  enableLightbox = false,
+  enableSelection = false,
+  gap = "md",
+  images,
+  layout = "grid",
+  loading = false,
+  maxSelection,
+  onImageClick,
+  onImageError,
+  onImageLoad,
+  onLoadMore,
+  onSelectionChange,
+  ref,
+  selectedIds: controlledSelectedIds,
+  ...props
+}) {
+  const isProd = (
+    // eslint-disable-next-line @typescript-eslint/dot-notation -- noPropertyAccessFromIndexSignature; bracket access on process.env is required by CI tsc.
+    typeof process !== "undefined" && process.env["NODE_ENV"] === "production"
+  );
+  const lightboxEnabled = enableLightbox && !enableSelection;
+  if (enableLightbox && enableSelection && !isProd) {
+    console.warn(
+      "<ImageGallery> received both `enableLightbox` and `enableSelection`. They are mutually exclusive; `enableSelection` takes precedence and the lightbox is disabled. Enable only one."
+    );
+  }
+  const [internalSelectedIds, setInternalSelectedIds] = React.useState([]);
+  const selectedIds = controlledSelectedIds ?? internalSelectedIds;
+  const [lightboxOpen, setLightboxOpen] = React.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React.useState(0);
+  const sentinelRef = useInfiniteScroll(onLoadMore);
+  const handleItemClick = React.useCallback(
+    (image, index) => {
+      if (enableSelection) {
+        const newSelectedIds = selectedIds.includes(image.id) ? selectedIds.filter((id) => id !== image.id) : maxSelection && selectedIds.length >= maxSelection ? selectedIds : [...selectedIds, image.id];
+        if (controlledSelectedIds === void 0) {
+          setInternalSelectedIds(newSelectedIds);
+        }
+        onSelectionChange?.(newSelectedIds);
+      }
+      if (lightboxEnabled) {
+        setLightboxIndex(index);
+        setLightboxOpen(true);
+      }
+      onImageClick?.(image, index);
+    },
+    [
+      enableSelection,
+      selectedIds,
+      maxSelection,
+      controlledSelectedIds,
+      onSelectionChange,
+      lightboxEnabled,
+      onImageClick
+    ]
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "aria-busy": "true",
+        "aria-label": "Image gallery loading",
+        className: cn("relative w-full", className),
+        "data-slot": "image-gallery",
+        role: "group",
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          LoadingSkeleton,
+          {
+            aspectRatio,
+            columns,
+            count: 8,
+            gap
+          }
+        )
+      }
+    );
+  }
+  if (images.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex min-h-52 items-center justify-center rounded-lg border-2 border-dashed border-muted",
+          className
+        ),
+        "aria-label": "Empty image gallery",
+        "data-slot": "image-gallery",
+        role: "group",
+        ...props,
+        children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No images to display" })
+      }
+    );
+  }
+  const layoutProps = {
+    aspectRatio,
+    columns,
+    enableSelection,
+    gap,
+    images,
+    onImageError,
+    onImageLoad,
+    onItemClick: handleItemClick,
+    selectedIds
+  };
+  const layoutComponents = {
+    carousel: /* @__PURE__ */ jsx(CarouselLayout, { ...layoutProps }),
+    featured: /* @__PURE__ */ jsx(FeaturedLayout, { ...layoutProps }),
+    grid: /* @__PURE__ */ jsx(GridLayout, { ...layoutProps }),
+    masonry: /* @__PURE__ */ jsx(MasonryLayout, { ...layoutProps })
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "aria-label": `Image gallery with ${String(images.length)} images`,
+      "aria-roledescription": "gallery",
+      className: cn("relative w-full", className),
+      "data-layout": layout,
+      "data-slot": "image-gallery",
+      role: "group",
+      ...props,
+      children: [
+        layoutComponents[layout],
+        onLoadMore && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: sentinelRef,
+            "aria-hidden": "true",
+            className: "h-px w-full",
+            "data-slot": "image-gallery-sentinel"
+          }
+        ),
+        lightboxEnabled && /* @__PURE__ */ jsx(
+          Lightbox,
+          {
+            images,
+            initialIndex: lightboxIndex,
+            open: lightboxOpen,
+            onOpenChange: setLightboxOpen
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ImageGallery, ImageGalleryItem };
+//# sourceMappingURL=chunk-IHW6IJE5.js.map
+//# sourceMappingURL=chunk-IHW6IJE5.js.map