@jarrodmedrano/ui 0.1.0

package/dist/components/lightbox/ImageLightbox.cjs

@@ -0,0 +1,244 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ImageLightbox_exports = {};
+__export(ImageLightbox_exports, {
+  ImageLightbox: () => ImageLightbox
+});
+module.exports = __toCommonJS(ImageLightbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_button = require("../ui/button");
+function ImageLightbox({
+  images,
+  isOpen,
+  initialIndex,
+  onClose,
+  onNavigate
+}) {
+  const [currentIndex, setCurrentIndex] = (0, import_react.useState)(initialIndex);
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const imageRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (isOpen) {
+      setCurrentIndex(initialIndex);
+    }
+  }, [isOpen, initialIndex]);
+  (0, import_react.useEffect)(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = "";
+      };
+    }
+  }, [isOpen]);
+  const next = (0, import_react.useCallback)(() => {
+    setCurrentIndex((prev2) => {
+      const newIndex = Math.min(prev2 + 1, images.length - 1);
+      if (onNavigate) onNavigate(newIndex);
+      return newIndex;
+    });
+  }, [images.length, onNavigate]);
+  const prev = (0, import_react.useCallback)(() => {
+    setCurrentIndex((prev2) => {
+      const newIndex = Math.max(prev2 - 1, 0);
+      if (onNavigate) onNavigate(newIndex);
+      return newIndex;
+    });
+  }, [onNavigate]);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, onClose, prev, next]);
+  const handleImageError = (e) => {
+    var _a;
+    e.currentTarget.src = "/placeholder-image.png";
+    console.error("Failed to load image:", (_a = images[currentIndex]) == null ? void 0 : _a.url);
+  };
+  (0, import_react.useEffect)(() => {
+    if (!isOpen) return;
+    let touchStartX = 0;
+    let touchEndX = 0;
+    const handleTouchStart = (e) => {
+      touchStartX = e.changedTouches[0].screenX;
+    };
+    const handleTouchEnd = (e) => {
+      touchEndX = e.changedTouches[0].screenX;
+      const swipeDistance = touchStartX - touchEndX;
+      const minSwipeDistance = 50;
+      if (Math.abs(swipeDistance) > minSwipeDistance) {
+        if (swipeDistance > 0 && currentIndex < images.length - 1) {
+          next();
+        } else if (swipeDistance < 0 && currentIndex > 0) {
+          prev();
+        }
+      }
+    };
+    window.addEventListener("touchstart", handleTouchStart, { passive: true });
+    window.addEventListener("touchend", handleTouchEnd, { passive: true });
+    return () => {
+      window.removeEventListener("touchstart", handleTouchStart);
+      window.removeEventListener("touchend", handleTouchEnd);
+    };
+  }, [isOpen, currentIndex, images.length, next, prev]);
+  const handleBackdropClick = (e) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+  if (!images || images.length === 0) return null;
+  if (!mounted || !isOpen) return null;
+  const currentImage = images[currentIndex];
+  const isFirstImage = currentIndex === 0;
+  const isLastImage = currentIndex === images.length - 1;
+  const isSingleImage = images.length === 1;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "animate-in fade-in fixed inset-0 z-50 flex items-center justify-center bg-black/90 duration-200",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Image lightbox",
+        onClick: handleBackdropClick,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              onClick: onClose,
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-4 top-4 z-10 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white md:h-8 md:w-8",
+              "aria-label": "Close lightbox",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  className: "h-6 w-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          !isSingleImage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              onClick: prev,
+              disabled: isFirstImage,
+              variant: "ghost",
+              size: "icon",
+              className: "absolute left-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:left-8 md:opacity-0 md:hover:opacity-100",
+              "aria-label": "Previous image",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  className: "h-6 w-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M15 19l-7-7 7-7"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative mx-4 flex max-h-[90vh] max-w-[90vw] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              ref: imageRef,
+              src: currentImage.url,
+              alt: currentImage.alt,
+              className: "max-h-[90vh] max-w-[90vw] object-contain transition-opacity duration-150",
+              style: { touchAction: "pan-x pan-y pinch-zoom" },
+              onError: handleImageError
+            }
+          ) }),
+          !isSingleImage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              onClick: next,
+              disabled: isLastImage,
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:right-8 md:opacity-0 md:hover:opacity-100",
+              "aria-label": "Next image",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  className: "h-6 w-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M9 5l7 7-7 7"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          !isSingleImage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-4 py-2 text-sm text-white", children: [
+            currentIndex + 1,
+            " / ",
+            images.length
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageLightbox
+});
+//# sourceMappingURL=ImageLightbox.cjs.map

package/dist/components/lightbox/ImageLightbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/ImageLightbox.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Button } from '../ui/button'\nimport type { ImageLightboxProps } from './ImageLightbox.types'\n\nexport function ImageLightbox({\n  images,\n  isOpen,\n  initialIndex,\n  onClose,\n  onNavigate,\n}: ImageLightboxProps) {\n  const [currentIndex, setCurrentIndex] = useState(initialIndex)\n  const [mounted, setMounted] = useState(false)\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  // Track if component is mounted (client-side only)\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  // Sync with initialIndex when lightbox opens\n  useEffect(() => {\n    if (isOpen) {\n      setCurrentIndex(initialIndex)\n    }\n  }, [isOpen, initialIndex])\n\n  // Lock body scroll when open\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden'\n      return () => {\n        document.body.style.overflow = ''\n      }\n    }\n  }, [isOpen])\n\n  // Navigation handlers\n  const next = useCallback(() => {\n    setCurrentIndex((prev) => {\n      const newIndex = Math.min(prev + 1, images.length - 1)\n      if (onNavigate) onNavigate(newIndex)\n      return newIndex\n    })\n  }, [images.length, onNavigate])\n\n  const prev = useCallback(() => {\n    setCurrentIndex((prev) => {\n      const newIndex = Math.max(prev - 1, 0)\n      if (onNavigate) onNavigate(newIndex)\n      return newIndex\n    })\n  }, [onNavigate])\n\n  // Keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose()\n      if (e.key === 'ArrowLeft') prev()\n      if (e.key === 'ArrowRight') next()\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, onClose, prev, next])\n\n  // Handle image errors\n  const handleImageError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    e.currentTarget.src = '/placeholder-image.png'\n    console.error('Failed to load image:', images[currentIndex]?.url)\n  }\n\n  // Handle swipe gestures\n  useEffect(() => {\n    if (!isOpen) return\n\n    let touchStartX = 0\n    let touchEndX = 0\n\n    const handleTouchStart = (e: TouchEvent) => {\n      touchStartX = e.changedTouches[0].screenX\n    }\n\n    const handleTouchEnd = (e: TouchEvent) => {\n      touchEndX = e.changedTouches[0].screenX\n      const swipeDistance = touchStartX - touchEndX\n      const minSwipeDistance = 50\n\n      if (Math.abs(swipeDistance) > minSwipeDistance) {\n        if (swipeDistance > 0 && currentIndex < images.length - 1) {\n          next()\n        } else if (swipeDistance < 0 && currentIndex > 0) {\n          prev()\n        }\n      }\n    }\n\n    window.addEventListener('touchstart', handleTouchStart, { passive: true })\n    window.addEventListener('touchend', handleTouchEnd, { passive: true })\n\n    return () => {\n      window.removeEventListener('touchstart', handleTouchStart)\n      window.removeEventListener('touchend', handleTouchEnd)\n    }\n  }, [isOpen, currentIndex, images.length, next, prev])\n\n  // Handle backdrop click\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      onClose()\n    }\n  }\n\n  // Empty gallery\n  if (!images || images.length === 0) return null\n\n  // Not open or not mounted (SSR safety)\n  if (!mounted || !isOpen) return null\n\n  const currentImage = images[currentIndex]\n  const isFirstImage = currentIndex === 0\n  const isLastImage = currentIndex === images.length - 1\n  const isSingleImage = images.length === 1\n\n  return createPortal(\n    <div\n      className=\"animate-in fade-in fixed inset-0 z-50 flex items-center justify-center bg-black/90 duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"Image lightbox\"\n      onClick={handleBackdropClick}\n    >\n      {/* Close button */}\n      <Button\n        onClick={onClose}\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-4 top-4 z-10 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white md:h-8 md:w-8\"\n        aria-label=\"Close lightbox\"\n      >\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </Button>\n\n      {/* Previous button */}\n      {!isSingleImage && (\n        <Button\n          onClick={prev}\n          disabled={isFirstImage}\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute left-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:left-8 md:opacity-0 md:hover:opacity-100\"\n          aria-label=\"Previous image\"\n        >\n          <svg\n            className=\"h-6 w-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M15 19l-7-7 7-7\"\n            />\n          </svg>\n        </Button>\n      )}\n\n      {/* Image container */}\n      <div className=\"relative mx-4 flex max-h-[90vh] max-w-[90vw] items-center justify-center\">\n        <img\n          ref={imageRef}\n          src={currentImage.url}\n          alt={currentImage.alt}\n          className=\"max-h-[90vh] max-w-[90vw] object-contain transition-opacity duration-150\"\n          style={{ touchAction: 'pan-x pan-y pinch-zoom' }}\n          onError={handleImageError}\n        />\n      </div>\n\n      {/* Next button */}\n      {!isSingleImage && (\n        <Button\n          onClick={next}\n          disabled={isLastImage}\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:right-8 md:opacity-0 md:hover:opacity-100\"\n          aria-label=\"Next image\"\n        >\n          <svg\n            className=\"h-6 w-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M9 5l7 7-7 7\"\n            />\n          </svg>\n        </Button>\n      )}\n\n      {/* Image counter */}\n      {!isSingleImage && (\n        <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-4 py-2 text-sm text-white\">\n          {currentIndex + 1} / {images.length}\n        </div>\n      )}\n    </div>,\n    document.body,\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwJU;AAtJV,mBAAyD;AACzD,uBAA6B;AAC7B,oBAAuB;AAGhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,YAAY;AAC7D,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,eAAW,qBAAyB,IAAI;AAG9C,8BAAU,MAAM;AACd,eAAW,IAAI;AACf,WAAO,MAAM,WAAW,KAAK;AAAA,EAC/B,GAAG,CAAC,CAAC;AAGL,8BAAU,MAAM;AACd,QAAI,QAAQ;AACV,sBAAgB,YAAY;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,CAAC;AAGzB,8BAAU,MAAM;AACd,QAAI,QAAQ;AACV,eAAS,KAAK,MAAM,WAAW;AAC/B,aAAO,MAAM;AACX,iBAAS,KAAK,MAAM,WAAW;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAGX,QAAM,WAAO,0BAAY,MAAM;AAC7B,oBAAgB,CAACA,UAAS;AACxB,YAAM,WAAW,KAAK,IAAIA,QAAO,GAAG,OAAO,SAAS,CAAC;AACrD,UAAI,WAAY,YAAW,QAAQ;AACnC,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,QAAQ,UAAU,CAAC;AAE9B,QAAM,WAAO,0BAAY,MAAM;AAC7B,oBAAgB,CAACA,UAAS;AACxB,YAAM,WAAW,KAAK,IAAIA,QAAO,GAAG,CAAC;AACrC,UAAI,WAAY,YAAW,QAAQ;AACnC,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,CAAC;AAGf,8BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAChC,UAAI,EAAE,QAAQ,YAAa,MAAK;AAChC,UAAI,EAAE,QAAQ,aAAc,MAAK;AAAA,IACnC;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,QAAQ,SAAS,MAAM,IAAI,CAAC;AAGhC,QAAM,mBAAmB,CAAC,MAA8C;AAzE1E;AA0EI,MAAE,cAAc,MAAM;AACtB,YAAQ,MAAM,0BAAyB,YAAO,YAAY,MAAnB,mBAAsB,GAAG;AAAA,EAClE;AAGA,8BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,QAAI,cAAc;AAClB,QAAI,YAAY;AAEhB,UAAM,mBAAmB,CAAC,MAAkB;AAC1C,oBAAc,EAAE,eAAe,CAAC,EAAE;AAAA,IACpC;AAEA,UAAM,iBAAiB,CAAC,MAAkB;AACxC,kBAAY,EAAE,eAAe,CAAC,EAAE;AAChC,YAAM,gBAAgB,cAAc;AACpC,YAAM,mBAAmB;AAEzB,UAAI,KAAK,IAAI,aAAa,IAAI,kBAAkB;AAC9C,YAAI,gBAAgB,KAAK,eAAe,OAAO,SAAS,GAAG;AACzD,eAAK;AAAA,QACP,WAAW,gBAAgB,KAAK,eAAe,GAAG;AAChD,eAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAEA,WAAO,iBAAiB,cAAc,kBAAkB,EAAE,SAAS,KAAK,CAAC;AACzE,WAAO,iBAAiB,YAAY,gBAAgB,EAAE,SAAS,KAAK,CAAC;AAErE,WAAO,MAAM;AACX,aAAO,oBAAoB,cAAc,gBAAgB;AACzD,aAAO,oBAAoB,YAAY,cAAc;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,OAAO,QAAQ,MAAM,IAAI,CAAC;AAGpD,QAAM,sBAAsB,CAAC,MAAwB;AACnD,QAAI,EAAE,WAAW,EAAE,eAAe;AAChC,cAAQ;AAAA,IACV;AAAA,EACF;AAGA,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAG3C,MAAI,CAAC,WAAW,CAAC,OAAQ,QAAO;AAEhC,QAAM,eAAe,OAAO,YAAY;AACxC,QAAM,eAAe,iBAAiB;AACtC,QAAM,cAAc,iBAAiB,OAAO,SAAS;AACrD,QAAM,gBAAgB,OAAO,WAAW;AAExC,aAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAW;AAAA,QACX,SAAS;AAAA,QAGT;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cAEX;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,SAAQ;AAAA,kBAER;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,aAAa;AAAA,sBACb,GAAE;AAAA;AAAA,kBACJ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAGC,CAAC,iBACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cAEX;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,SAAQ;AAAA,kBAER;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,aAAa;AAAA,sBACb,GAAE;AAAA;AAAA,kBACJ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAIF,4CAAC,SAAI,WAAU,4EACb;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,KAAK,aAAa;AAAA,cAClB,KAAK,aAAa;AAAA,cAClB,WAAU;AAAA,cACV,OAAO,EAAE,aAAa,yBAAyB;AAAA,cAC/C,SAAS;AAAA;AAAA,UACX,GACF;AAAA,UAGC,CAAC,iBACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cAEX;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,SAAQ;AAAA,kBAER;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,aAAa;AAAA,sBACb,GAAE;AAAA;AAAA,kBACJ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAID,CAAC,iBACA,6CAAC,SAAI,WAAU,qGACZ;AAAA,2BAAe;AAAA,YAAE;AAAA,YAAI,OAAO;AAAA,aAC/B;AAAA;AAAA;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,EACX;AACF;","names":["prev"]}

package/dist/components/lightbox/ImageLightbox.d.ts

@@ -0,0 +1,3 @@
+import type { ImageLightboxProps } from './ImageLightbox.types';
+export declare function ImageLightbox({ images, isOpen, initialIndex, onClose, onNavigate, }: ImageLightboxProps): import("react").ReactPortal | null;
+//# sourceMappingURL=ImageLightbox.d.ts.map

package/dist/components/lightbox/ImageLightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLightbox.d.ts","sourceRoot":"","sources":["../../../components/lightbox/ImageLightbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,GACX,EAAE,kBAAkB,sCA6NpB"}

package/dist/components/lightbox/ImageLightbox.js

@@ -0,0 +1,220 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useCallback } from "react";
+import { createPortal } from "react-dom";
+import { Button } from "../ui/button";
+function ImageLightbox({
+  images,
+  isOpen,
+  initialIndex,
+  onClose,
+  onNavigate
+}) {
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+  const [mounted, setMounted] = useState(false);
+  const imageRef = useRef(null);
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  useEffect(() => {
+    if (isOpen) {
+      setCurrentIndex(initialIndex);
+    }
+  }, [isOpen, initialIndex]);
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = "";
+      };
+    }
+  }, [isOpen]);
+  const next = useCallback(() => {
+    setCurrentIndex((prev2) => {
+      const newIndex = Math.min(prev2 + 1, images.length - 1);
+      if (onNavigate) onNavigate(newIndex);
+      return newIndex;
+    });
+  }, [images.length, onNavigate]);
+  const prev = useCallback(() => {
+    setCurrentIndex((prev2) => {
+      const newIndex = Math.max(prev2 - 1, 0);
+      if (onNavigate) onNavigate(newIndex);
+      return newIndex;
+    });
+  }, [onNavigate]);
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, onClose, prev, next]);
+  const handleImageError = (e) => {
+    var _a;
+    e.currentTarget.src = "/placeholder-image.png";
+    console.error("Failed to load image:", (_a = images[currentIndex]) == null ? void 0 : _a.url);
+  };
+  useEffect(() => {
+    if (!isOpen) return;
+    let touchStartX = 0;
+    let touchEndX = 0;
+    const handleTouchStart = (e) => {
+      touchStartX = e.changedTouches[0].screenX;
+    };
+    const handleTouchEnd = (e) => {
+      touchEndX = e.changedTouches[0].screenX;
+      const swipeDistance = touchStartX - touchEndX;
+      const minSwipeDistance = 50;
+      if (Math.abs(swipeDistance) > minSwipeDistance) {
+        if (swipeDistance > 0 && currentIndex < images.length - 1) {
+          next();
+        } else if (swipeDistance < 0 && currentIndex > 0) {
+          prev();
+        }
+      }
+    };
+    window.addEventListener("touchstart", handleTouchStart, { passive: true });
+    window.addEventListener("touchend", handleTouchEnd, { passive: true });
+    return () => {
+      window.removeEventListener("touchstart", handleTouchStart);
+      window.removeEventListener("touchend", handleTouchEnd);
+    };
+  }, [isOpen, currentIndex, images.length, next, prev]);
+  const handleBackdropClick = (e) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+  if (!images || images.length === 0) return null;
+  if (!mounted || !isOpen) return null;
+  const currentImage = images[currentIndex];
+  const isFirstImage = currentIndex === 0;
+  const isLastImage = currentIndex === images.length - 1;
+  const isSingleImage = images.length === 1;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "animate-in fade-in fixed inset-0 z-50 flex items-center justify-center bg-black/90 duration-200",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Image lightbox",
+        onClick: handleBackdropClick,
+        children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: onClose,
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-4 top-4 z-10 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white md:h-8 md:w-8",
+              "aria-label": "Close lightbox",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "h-6 w-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          !isSingleImage && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: prev,
+              disabled: isFirstImage,
+              variant: "ghost",
+              size: "icon",
+              className: "absolute left-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:left-8 md:opacity-0 md:hover:opacity-100",
+              "aria-label": "Previous image",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "h-6 w-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M15 19l-7-7 7-7"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "relative mx-4 flex max-h-[90vh] max-w-[90vw] items-center justify-center", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              ref: imageRef,
+              src: currentImage.url,
+              alt: currentImage.alt,
+              className: "max-h-[90vh] max-w-[90vw] object-contain transition-opacity duration-150",
+              style: { touchAction: "pan-x pan-y pinch-zoom" },
+              onError: handleImageError
+            }
+          ) }),
+          !isSingleImage && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: next,
+              disabled: isLastImage,
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:right-8 md:opacity-0 md:hover:opacity-100",
+              "aria-label": "Next image",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "h-6 w-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M9 5l7 7-7 7"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          !isSingleImage && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-4 py-2 text-sm text-white", children: [
+            currentIndex + 1,
+            " / ",
+            images.length
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+export {
+  ImageLightbox
+};
+//# sourceMappingURL=ImageLightbox.js.map

package/dist/components/lightbox/ImageLightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/ImageLightbox.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Button } from '../ui/button'\nimport type { ImageLightboxProps } from './ImageLightbox.types'\n\nexport function ImageLightbox({\n  images,\n  isOpen,\n  initialIndex,\n  onClose,\n  onNavigate,\n}: ImageLightboxProps) {\n  const [currentIndex, setCurrentIndex] = useState(initialIndex)\n  const [mounted, setMounted] = useState(false)\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  // Track if component is mounted (client-side only)\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  // Sync with initialIndex when lightbox opens\n  useEffect(() => {\n    if (isOpen) {\n      setCurrentIndex(initialIndex)\n    }\n  }, [isOpen, initialIndex])\n\n  // Lock body scroll when open\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden'\n      return () => {\n        document.body.style.overflow = ''\n      }\n    }\n  }, [isOpen])\n\n  // Navigation handlers\n  const next = useCallback(() => {\n    setCurrentIndex((prev) => {\n      const newIndex = Math.min(prev + 1, images.length - 1)\n      if (onNavigate) onNavigate(newIndex)\n      return newIndex\n    })\n  }, [images.length, onNavigate])\n\n  const prev = useCallback(() => {\n    setCurrentIndex((prev) => {\n      const newIndex = Math.max(prev - 1, 0)\n      if (onNavigate) onNavigate(newIndex)\n      return newIndex\n    })\n  }, [onNavigate])\n\n  // Keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose()\n      if (e.key === 'ArrowLeft') prev()\n      if (e.key === 'ArrowRight') next()\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, onClose, prev, next])\n\n  // Handle image errors\n  const handleImageError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    e.currentTarget.src = '/placeholder-image.png'\n    console.error('Failed to load image:', images[currentIndex]?.url)\n  }\n\n  // Handle swipe gestures\n  useEffect(() => {\n    if (!isOpen) return\n\n    let touchStartX = 0\n    let touchEndX = 0\n\n    const handleTouchStart = (e: TouchEvent) => {\n      touchStartX = e.changedTouches[0].screenX\n    }\n\n    const handleTouchEnd = (e: TouchEvent) => {\n      touchEndX = e.changedTouches[0].screenX\n      const swipeDistance = touchStartX - touchEndX\n      const minSwipeDistance = 50\n\n      if (Math.abs(swipeDistance) > minSwipeDistance) {\n        if (swipeDistance > 0 && currentIndex < images.length - 1) {\n          next()\n        } else if (swipeDistance < 0 && currentIndex > 0) {\n          prev()\n        }\n      }\n    }\n\n    window.addEventListener('touchstart', handleTouchStart, { passive: true })\n    window.addEventListener('touchend', handleTouchEnd, { passive: true })\n\n    return () => {\n      window.removeEventListener('touchstart', handleTouchStart)\n      window.removeEventListener('touchend', handleTouchEnd)\n    }\n  }, [isOpen, currentIndex, images.length, next, prev])\n\n  // Handle backdrop click\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      onClose()\n    }\n  }\n\n  // Empty gallery\n  if (!images || images.length === 0) return null\n\n  // Not open or not mounted (SSR safety)\n  if (!mounted || !isOpen) return null\n\n  const currentImage = images[currentIndex]\n  const isFirstImage = currentIndex === 0\n  const isLastImage = currentIndex === images.length - 1\n  const isSingleImage = images.length === 1\n\n  return createPortal(\n    <div\n      className=\"animate-in fade-in fixed inset-0 z-50 flex items-center justify-center bg-black/90 duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"Image lightbox\"\n      onClick={handleBackdropClick}\n    >\n      {/* Close button */}\n      <Button\n        onClick={onClose}\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-4 top-4 z-10 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white md:h-8 md:w-8\"\n        aria-label=\"Close lightbox\"\n      >\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </Button>\n\n      {/* Previous button */}\n      {!isSingleImage && (\n        <Button\n          onClick={prev}\n          disabled={isFirstImage}\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute left-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:left-8 md:opacity-0 md:hover:opacity-100\"\n          aria-label=\"Previous image\"\n        >\n          <svg\n            className=\"h-6 w-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M15 19l-7-7 7-7\"\n            />\n          </svg>\n        </Button>\n      )}\n\n      {/* Image container */}\n      <div className=\"relative mx-4 flex max-h-[90vh] max-w-[90vw] items-center justify-center\">\n        <img\n          ref={imageRef}\n          src={currentImage.url}\n          alt={currentImage.alt}\n          className=\"max-h-[90vh] max-w-[90vw] object-contain transition-opacity duration-150\"\n          style={{ touchAction: 'pan-x pan-y pinch-zoom' }}\n          onError={handleImageError}\n        />\n      </div>\n\n      {/* Next button */}\n      {!isSingleImage && (\n        <Button\n          onClick={next}\n          disabled={isLastImage}\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-4 z-10 h-12 w-12 rounded-full bg-white/10 text-white hover:bg-white/20 focus:ring-white disabled:cursor-not-allowed disabled:opacity-50 md:right-8 md:opacity-0 md:hover:opacity-100\"\n          aria-label=\"Next image\"\n        >\n          <svg\n            className=\"h-6 w-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M9 5l7 7-7 7\"\n            />\n          </svg>\n        </Button>\n      )}\n\n      {/* Image counter */}\n      {!isSingleImage && (\n        <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-4 py-2 text-sm text-white\">\n          {currentIndex + 1} / {images.length}\n        </div>\n      )}\n    </div>,\n    document.body,\n  )\n}\n"],"mappings":"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","names":["prev"]}

package/dist/components/lightbox/ImageLightbox.types.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ImageLightbox_types_exports = {};
+module.exports = __toCommonJS(ImageLightbox_types_exports);
+//# sourceMappingURL=ImageLightbox.types.cjs.map

package/dist/components/lightbox/ImageLightbox.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/ImageLightbox.types.ts"],"sourcesContent":["export interface EntityImage {\n  id: number\n  entityType: 'story' | 'character' | 'location' | 'timeline'\n  entityId: number\n  cloudinaryPublicId: string\n  cloudinaryUrl: string\n  isPrimary: boolean\n  displayOrder: number\n  fileName: string\n  fileSize: number\n  width: number\n  height: number\n  createdAt: Date\n  updatedAt: Date\n}\n\nexport interface LightboxImage {\n  id: number\n  url: string\n  alt: string\n}\n\nexport interface ImageLightboxProps {\n  images: LightboxImage[]\n  isOpen: boolean\n  initialIndex: number\n  onClose: () => void\n  onNavigate?: (index: number) => void\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/lightbox/ImageLightbox.types.d.ts

@@ -0,0 +1,28 @@
+export interface EntityImage {
+    id: number;
+    entityType: 'story' | 'character' | 'location' | 'timeline';
+    entityId: number;
+    cloudinaryPublicId: string;
+    cloudinaryUrl: string;
+    isPrimary: boolean;
+    displayOrder: number;
+    fileName: string;
+    fileSize: number;
+    width: number;
+    height: number;
+    createdAt: Date;
+    updatedAt: Date;
+}
+export interface LightboxImage {
+    id: number;
+    url: string;
+    alt: string;
+}
+export interface ImageLightboxProps {
+    images: LightboxImage[];
+    isOpen: boolean;
+    initialIndex: number;
+    onClose: () => void;
+    onNavigate?: (index: number) => void;
+}
+//# sourceMappingURL=ImageLightbox.types.d.ts.map

package/dist/components/lightbox/ImageLightbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLightbox.types.d.ts","sourceRoot":"","sources":["../../../components/lightbox/ImageLightbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAA;IAC3D,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,IAAI,CAAA;IACf,SAAS,EAAE,IAAI,CAAA;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC"}

package/dist/components/lightbox/ImageLightbox.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=ImageLightbox.types.js.map

package/dist/components/lightbox/ImageLightbox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/lightbox/index.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var lightbox_exports = {};
+__export(lightbox_exports, {
+  GallerySection: () => import_GallerySection.GallerySection,
+  ImageLightbox: () => import_ImageLightbox.ImageLightbox,
+  useEntityLightbox: () => import_useEntityLightbox.useEntityLightbox,
+  useLightbox: () => import_useLightbox.useLightbox
+});
+module.exports = __toCommonJS(lightbox_exports);
+var import_ImageLightbox = require("./ImageLightbox");
+var import_useLightbox = require("./useLightbox");
+var import_useEntityLightbox = require("./useEntityLightbox");
+var import_GallerySection = require("./GallerySection");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GallerySection,
+  ImageLightbox,
+  useEntityLightbox,
+  useLightbox
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/lightbox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/index.ts"],"sourcesContent":["export type { LightboxImage, ImageLightboxProps } from './ImageLightbox.types'\nexport { ImageLightbox } from './ImageLightbox'\nexport { useLightbox } from './useLightbox'\nexport { useEntityLightbox } from './useEntityLightbox'\nexport { GallerySection } from './GallerySection'\nexport type {\n  UseEntityLightboxProps,\n  UseEntityLightboxReturn,\n} from './useEntityLightbox'\nexport type { GallerySectionProps } from './GallerySection'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAC9B,yBAA4B;AAC5B,+BAAkC;AAClC,4BAA+B;","names":[]}

package/dist/components/lightbox/index.d.ts

@@ -0,0 +1,8 @@
+export type { LightboxImage, ImageLightboxProps } from './ImageLightbox.types';
+export { ImageLightbox } from './ImageLightbox';
+export { useLightbox } from './useLightbox';
+export { useEntityLightbox } from './useEntityLightbox';
+export { GallerySection } from './GallerySection';
+export type { UseEntityLightboxProps, UseEntityLightboxReturn, } from './useEntityLightbox';
+export type { GallerySectionProps } from './GallerySection';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/lightbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/lightbox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EACV,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/lightbox/index.js

@@ -0,0 +1,11 @@
+import { ImageLightbox } from "./ImageLightbox";
+import { useLightbox } from "./useLightbox";
+import { useEntityLightbox } from "./useEntityLightbox";
+import { GallerySection } from "./GallerySection";
+export {
+  GallerySection,
+  ImageLightbox,
+  useEntityLightbox,
+  useLightbox
+};
+//# sourceMappingURL=index.js.map