@page-speed/lightbox 0.0.1 → 0.0.2

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import type { OptixFlowConfig as ImgOptixFlowConfig } from "@page-speed/img";
 export type LightboxLayoutType = "horizontal" | "vertical-split" | "custom-slide" | "fullscreen" | "inline";
 export type LightboxItemType = "image" | "video" | "pdf" | "component";
 export interface LightboxDownload {
@@ -11,6 +12,21 @@ export interface LightboxShare {
     url?: string;
     title?: string;
 }
+/**
+ * OptixFlow configuration accepted by the lightbox.
+ *
+ * This mirrors the core OptixFlowConfig used across OpenSite UI blocks,
+ * while adapting to the underlying @page-speed/img configuration
+ * (which expects `compressionLevel`).
+ */
+export type LightboxOptixFlowConfig = ImgOptixFlowConfig & {
+    /**
+     * Convenience alias matching the common `compression` prop.
+     * If provided, it will override `compressionLevel` when passed
+     * through to the underlying <Img /> component.
+     */
+    compression?: number;
+};
 export interface LightboxItem {
     id: string;
     type: LightboxItemType;
@@ -49,6 +65,11 @@ export interface LightboxProps {
     className?: string;
     style?: React.CSSProperties;
     controls?: Partial<LightboxControls>;
+    /**
+     * OptixFlow image optimization configuration to pass through to
+     * the underlying @page-speed/img <Img /> component.
+     */
+    optixFlowConfig?: LightboxOptixFlowConfig;
     onOpen?: () => void;
     onClose?: () => void;
     onSelect?: (index: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@page-speed/lightbox",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "High-performance, feature-rich lightbox for OpenSite platform",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -79,6 +79,7 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
+    "@page-speed/img": "^0.4.3",
     "@page-speed/pdf-viewer": "^0.0.2"
   }
 }