@vtex/faststore 0.0.8 → 0.0.11

package/dist/particles/gallery/gallery.d.ts

@@ -1,7 +1,122 @@
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentPropsWithRef, ReactNode } from "react";
 //#region src/particles/gallery/gallery.d.ts
+export declare const GalleryOverflowCountContent: {
+  readonly id: "gallery-overflow-count";
+  readonly title: "Gallery Overflow Count";
+  readonly description: "Text and accessible name of the overflow indicator that opens the fullscreen gallery.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly template: {
+        readonly type: "string";
+        readonly title: "Text";
+        readonly description: "The count argument is the number of hidden media items.";
+        readonly format: "icu-message";
+        readonly messageSource: "+{count}";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly count: {
+              readonly type: "integer";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly count: 3;
+        };
+      };
+      readonly ariaLabel: {
+        readonly type: "string";
+        readonly title: "Accessible label";
+        readonly description: "The total argument is the number of media items in the gallery.";
+        readonly format: "icu-message";
+        readonly messageSource: "View all {total} images";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly total: {
+              readonly type: "integer";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly total: 8;
+        };
+      };
+    };
+  };
+};
+export declare const GalleryFullscreenContent: {
+  readonly id: "gallery-fullscreen";
+  readonly title: "Gallery Fullscreen";
+  readonly description: "Accessible name of the fullscreen dialog when no GalleryFullscreenTitle is composed.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly title: {
+        readonly type: "string";
+        readonly title: "Fallback title";
+        readonly format: "icu-message";
+        readonly messageSource: "Gallery";
+      };
+    };
+  };
+};
+export declare const GalleryFullscreenTitleContent: {
+  readonly id: "gallery-fullscreen-title";
+  readonly title: "Gallery Fullscreen Title";
+  readonly description: "Title of the fullscreen dialog, used when no children are composed.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Title";
+        readonly format: "icu-message";
+        readonly messageSource: "Gallery";
+      };
+    };
+  };
+};
+export declare const GalleryMediaCountContent: {
+  readonly id: "gallery-media-count";
+  readonly title: "Gallery Media Count";
+  readonly description: "Position of the selected media item in the gallery.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly template: {
+        readonly type: "string";
+        readonly title: "Text";
+        readonly description: "current is the 1-based position of the selected item; total is the item count.";
+        readonly format: "icu-message";
+        readonly messageSource: "{current} / {total}";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly current: {
+              readonly type: "integer";
+            };
+            readonly total: {
+              readonly type: "integer";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly current: 2;
+          readonly total: 8;
+        };
+      };
+    };
+  };
+};
 export type GalleryMediaType = 'image' | 'video';
 export type GalleryMediaItem = {
   type: GalleryMediaType;
@@ -86,9 +201,8 @@ export type GalleryThumbnailProps = ComponentPropsWithRef<'button'> & {
   objectFit?: 'contain' | 'cover' | 'fill' | 'none';
   aspectRatio?: string;
 };
-export type GalleryOverflowCountProps = ComponentPropsWithRef<'button'> & {
-  template?: string;
-  ariaLabel?: string;
+export type GalleryOverflowCountProps = ComponentPropsWithRef<'button'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof GalleryOverflowCountContent>;
 };
 export type GalleryMediaProps = ComponentPropsWithRef<'div'> & {
   objectFit?: 'contain' | 'cover' | 'fill' | 'none';
@@ -103,10 +217,13 @@ export type GalleryZoomProps = ComponentPropsWithRef<'div'> & {
 };
 export type GalleryZoomLensProps = ComponentPropsWithRef<'div'>;
 export type GalleryZoomResultProps = ComponentPropsWithRef<'div'>;
-export type GalleryFullscreenProps = ComponentPropsWithRef<'div'> & {
+export type GalleryFullscreenProps = ComponentPropsWithRef<'div'> & MessageLocaleProp & {
   children?: ReactNode;
+  $content?: ContentValue<typeof GalleryFullscreenContent>;
+};
+export type GalleryFullscreenTitleProps = ComponentPropsWithRef<'h2'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof GalleryFullscreenTitleContent>;
 };
-export type GalleryFullscreenTitleProps = ComponentPropsWithRef<'h2'>;
 export type GalleryFullscreenCloseProps = ComponentPropsWithRef<'button'> & {
   children?: ReactNode;
 };
@@ -118,8 +235,8 @@ export type GalleryNextProps = ComponentPropsWithRef<'button'> & {
   children?: ReactNode;
   wrap?: boolean;
 };
-export type GalleryMediaCountProps = ComponentPropsWithRef<'span'> & {
-  template?: string;
+export type GalleryMediaCountProps = ComponentPropsWithRef<'span'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof GalleryMediaCountContent>;
 };
 export declare const GalleryItemContext: import("react").Context<GalleryItemContextValue | null>;
 export declare function useGallery(): GalleryContextValue;
@@ -136,7 +253,7 @@ export declare const GalleryZoomDefinition: ComponentDefinition<GalleryZoomProps
 export declare const GalleryZoomLensDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const GalleryZoomResultDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const GalleryFullscreenDefinition: ComponentDefinition<GalleryFullscreenProps>;
-export declare const GalleryFullscreenTitleDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+export declare const GalleryFullscreenTitleDefinition: ComponentDefinition<GalleryFullscreenTitleProps>;
 export declare const GalleryFullscreenCloseDefinition: ComponentDefinition<GalleryFullscreenCloseProps>;
 export declare const GalleryPreviousDefinition: ComponentDefinition<GalleryPreviousProps>;
 export declare const GalleryNextDefinition: ComponentDefinition<GalleryNextProps>;
@@ -145,19 +262,19 @@ export declare function GalleryRoot({ media, defaultIndex, selectOnHover, thumbn
 export declare function GalleryMainMedia({ objectFit, aspectRatio, videoAutoPlay, videoControls, clickOpensFullscreen, style, ...props }: GalleryMainMediaProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryThumbnails({ hideWhenSingle, ...rest }: GalleryThumbnailsProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function GalleryThumbnail({ objectFit, aspectRatio, style, ...props }: GalleryThumbnailProps): import("react/jsx-runtime").JSX.Element;
-export declare function GalleryOverflowCount({ template, ariaLabel, ...props }: GalleryOverflowCountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GalleryOverflowCount({ $locale, $content, ...props }: GalleryOverflowCountProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function GalleryMedia({ objectFit, aspectRatio, videoAutoPlay, videoControls, clickOpensFullscreen, style, ...props }: GalleryMediaProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryZoom({ magnification, lensSize, children, ...props }: GalleryZoomProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryZoomLens({ style, ...props }: GalleryZoomLensProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function GalleryZoomResult({ style, ...props }: GalleryZoomResultProps): import("react/jsx-runtime").JSX.Element;
-export declare function GalleryFullscreen({ children, ...props }: GalleryFullscreenProps): import("react/jsx-runtime").JSX.Element;
-export declare function GalleryFullscreenTitle({ children, ...props }: GalleryFullscreenTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function GalleryFullscreen({ $locale, $content, children, ...props }: GalleryFullscreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function GalleryFullscreenTitle({ $locale, $content, children, ...props }: GalleryFullscreenTitleProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryFullscreenClose({ children, ...props }: GalleryFullscreenCloseProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryPrevious({ children, wrap, ...props }: GalleryPreviousProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryNext({ children, wrap, ...props }: GalleryNextProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryThumbnailsPrevious({ step, children, ...props }: GalleryThumbnailsPreviousProps): import("react/jsx-runtime").JSX.Element;
 export declare function GalleryThumbnailsNext({ step, children, ...props }: GalleryThumbnailsNextProps): import("react/jsx-runtime").JSX.Element;
-export declare function GalleryMediaCount({ template, ...props }: GalleryMediaCountProps): import("react/jsx-runtime").JSX.Element;
+export declare function GalleryMediaCount({ $locale, $content, ...props }: GalleryMediaCountProps): import("react/jsx-runtime").JSX.Element;
 export declare const Gallery: {
   Root: typeof GalleryRoot;
   MainMedia: typeof GalleryMainMedia;

package/dist/particles/gallery/gallery.js

@@ -1,10 +1,104 @@
 "use client";
 import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
 import "../../core/dist/index.js";
+import { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.js";
 import { DialogBackdrop, DialogClose, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogViewport } from "../dialog/dialog.js";
 import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/particles/gallery/gallery.tsx
+const GalleryOverflowCountContent = defineContentType({
+	id: "gallery-overflow-count",
+	title: "Gallery Overflow Count",
+	description: "Text and accessible name of the overflow indicator that opens the fullscreen gallery.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			template: {
+				type: "string",
+				title: "Text",
+				description: "The count argument is the number of hidden media items.",
+				format: "icu-message",
+				messageSource: "+{count}",
+				messageArguments: {
+					type: "object",
+					properties: { count: { type: "integer" } }
+				},
+				messageExample: { count: 3 }
+			},
+			ariaLabel: {
+				type: "string",
+				title: "Accessible label",
+				description: "The total argument is the number of media items in the gallery.",
+				format: "icu-message",
+				messageSource: "View all {total} images",
+				messageArguments: {
+					type: "object",
+					properties: { total: { type: "integer" } }
+				},
+				messageExample: { total: 8 }
+			}
+		}
+	}
+});
+const GalleryFullscreenContent = defineContentType({
+	id: "gallery-fullscreen",
+	title: "Gallery Fullscreen",
+	description: "Accessible name of the fullscreen dialog when no GalleryFullscreenTitle is composed.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { title: {
+			type: "string",
+			title: "Fallback title",
+			format: "icu-message",
+			messageSource: "Gallery"
+		} }
+	}
+});
+const GalleryFullscreenTitleContent = defineContentType({
+	id: "gallery-fullscreen-title",
+	title: "Gallery Fullscreen Title",
+	description: "Title of the fullscreen dialog, used when no children are composed.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { label: {
+			type: "string",
+			title: "Title",
+			format: "icu-message",
+			messageSource: "Gallery"
+		} }
+	}
+});
+const GalleryMediaCountContent = defineContentType({
+	id: "gallery-media-count",
+	title: "Gallery Media Count",
+	description: "Position of the selected media item in the gallery.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { template: {
+			type: "string",
+			title: "Text",
+			description: "current is the 1-based position of the selected item; total is the item count.",
+			format: "icu-message",
+			messageSource: "{current} / {total}",
+			messageArguments: {
+				type: "object",
+				properties: {
+					current: { type: "integer" },
+					total: { type: "integer" }
+				}
+			},
+			messageExample: {
+				current: 2,
+				total: 8
+			}
+		} }
+	}
+});
 const GalleryContext = createContext(null);
 const GalleryItemContext = createContext(null);
 const FullscreenTitleRegistryContext = createContext(null);
@@ -190,23 +284,13 @@ const GalleryOverflowCountDefinition = defineComponent({
 	name: "GalleryOverflowCount",
 	importPath: "@vtex/faststore/components",
 	component: GalleryOverflowCount,
+	content: GalleryOverflowCountContent,
 	editor: {
 		label: "Gallery Overflow Count",
 		category: "content"
 	},
-	schema: {
-		template: {
-			type: "string",
-			default: "+{count}",
-			label: "Template"
-		},
-		ariaLabel: {
-			type: "string",
-			default: "View all {total} images",
-			label: "Aria Label"
-		}
-	},
-	guideline: "Overflow indicator. Only renders when isOverflow=true in GalleryItemContext — place alongside GalleryThumbnail inside GalleryThumbnails. Clicking opens fullscreen. Use template=\"+{count}\" to customize the visible label. The rendered button carries an aria-label (default \"View all {total} images\") so screen readers announce the full action, not just the count.",
+	schema: {},
+	guideline: "Overflow indicator. Only renders when isOverflow=true in GalleryItemContext — place alongside GalleryThumbnail inside GalleryThumbnails. Clicking opens fullscreen. Its text and aria-label come from the $content fields template ({count} hidden items) and ariaLabel ({total} items); the aria-label makes screen readers announce the full action, not just the count.",
 	docPath: GALLERY_DOC
 });
 const GalleryMediaDefinition = defineComponent({
@@ -303,24 +387,26 @@ const GalleryFullscreenDefinition = defineComponent({
 	name: "GalleryFullscreen",
 	importPath: "@vtex/faststore/components",
 	component: GalleryFullscreen,
+	content: GalleryFullscreenContent,
 	editor: {
 		label: "Gallery Fullscreen",
 		category: "content"
 	},
 	schema: {},
-	guideline: "Fullscreen overlay controlled by GalleryRoot state. Opens via GalleryOverflowCount, GalleryFullscreenTrigger, or thumbnailOpensFullscreen=true. Wraps a Dialog internally — place GalleryFullscreenClose, GalleryPrevious, GalleryMainMedia, GalleryNext, and optionally GalleryThumbnails as children. If no GalleryFullscreenTitle is composed, a default sr-only \"Gallery\" title is rendered automatically so the dialog always has an accessible name. Must be inside GalleryRoot.",
+	guideline: "Fullscreen overlay controlled by GalleryRoot state. Opens via GalleryOverflowCount, GalleryFullscreenTrigger, or thumbnailOpensFullscreen=true. Wraps a Dialog internally — place GalleryFullscreenClose, GalleryPrevious, GalleryMainMedia, GalleryNext, and optionally GalleryThumbnails as children. If no GalleryFullscreenTitle is composed, an sr-only title from the $content field title is rendered so the dialog always has an accessible name. Must be inside GalleryRoot.",
 	docPath: GALLERY_DOC
 });
 const GalleryFullscreenTitleDefinition = defineComponent({
 	name: "GalleryFullscreenTitle",
 	importPath: "@vtex/faststore/components",
 	component: GalleryFullscreenTitle,
+	content: GalleryFullscreenTitleContent,
 	editor: {
 		label: "Gallery Fullscreen Title",
 		category: "content"
 	},
 	schema: {},
-	guideline: "Accessible title for the fullscreen dialog. Required for screen readers. Use sr-only to hide it visually or omit the class to display it. Must be inside GalleryFullscreen.",
+	guideline: "Accessible title for the fullscreen dialog. Required for screen readers. Renders its children, or the $content field label when it has none. Use sr-only to hide it visually or omit the class to display it. Must be inside GalleryFullscreen.",
 	docPath: GALLERY_DOC
 });
 const GalleryFullscreenCloseDefinition = defineComponent({
@@ -371,16 +457,13 @@ const GalleryMediaCountDefinition = defineComponent({
 	name: "GalleryMediaCount",
 	importPath: "@vtex/faststore/components",
 	component: GalleryMediaCount,
+	content: GalleryMediaCountContent,
 	editor: {
 		label: "Gallery Media Count",
 		category: "content"
 	},
-	schema: { template: {
-		type: "string",
-		default: "{current} / {total}",
-		label: "Template"
-	} },
-	guideline: "Displays the current media position and total count (e.g. \"2 / 10\"). Use {current} and {total} placeholders in template. Place anywhere inside GalleryRoot — typically in GalleryFullscreen or above GalleryMainMedia.",
+	schema: {},
+	guideline: "Displays the current media position and total count (e.g. \"2 / 10\"). The text is the $content field template, an ICU message with current and total arguments. Place anywhere inside GalleryRoot — typically in GalleryFullscreen or above GalleryMainMedia.",
 	docPath: GALLERY_DOC
 });
 function GalleryRoot({ media = [], defaultIndex = 0, selectOnHover = false, thumbnailOpensFullscreen = false, children, ...props }) {
@@ -623,19 +706,18 @@ function GalleryThumbnail({ objectFit = "contain", aspectRatio, style, ...props
 		})
 	});
 }
-function GalleryOverflowCount({ template = "+{count}", ariaLabel = "View all {total} images", ...props }) {
+function GalleryOverflowCount({ $locale, $content, ...props }) {
 	const { media, openFullscreen } = useGallery();
 	const { isOverflow, overflowCount } = useGalleryItem();
+	const messages = useMessageFormatter(GalleryOverflowCountContent, $content);
 	if (!isOverflow) return null;
-	const label = template.replace("{count}", String(overflowCount));
-	const resolvedAriaLabel = ariaLabel.replace("{total}", String(media.length));
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		onClick: openFullscreen,
-		"aria-label": resolvedAriaLabel,
+		"aria-label": messages.format("ariaLabel", { total: media.length }),
 		"data-fs-gallery-overflow-count": "",
 		...props,
-		children: label
+		children: messages.format("template", { count: overflowCount })
 	});
 }
 function GalleryMedia({ objectFit = "contain", aspectRatio, videoAutoPlay = false, videoControls = true, clickOpensFullscreen = false, style, ...props }) {
@@ -782,8 +864,9 @@ function GalleryZoomResult({ style, ...props }) {
 		"data-fs-gallery-zoom-result": ""
 	});
 }
-function GalleryFullscreen({ children, ...props }) {
+function GalleryFullscreen({ $locale, $content, children, ...props }) {
 	const { fullscreenOpen, closeFullscreen } = useGallery();
+	const messages = useMessageFormatter(GalleryFullscreenContent, $content);
 	const [hasExplicitTitle, setHasExplicitTitle] = useState(false);
 	const register = useCallback(() => setHasExplicitTitle(true), []);
 	const registry = useMemo(() => ({ register }), [register]);
@@ -805,22 +888,23 @@ function GalleryFullscreen({ children, ...props }) {
 					children: [!hasExplicitTitle && /* @__PURE__ */ jsx(DialogTitle, {
 						className: "sr-only",
 						"data-fs-gallery-fullscreen-title": "",
-						children: "Gallery"
+						children: messages.format("title")
 					}), children]
 				})
 			})
 		})] })
 	});
 }
-function GalleryFullscreenTitle({ children = "Gallery", ...props }) {
+function GalleryFullscreenTitle({ $locale, $content, children, ...props }) {
 	const registry = useContext(FullscreenTitleRegistryContext);
+	const messages = useMessageFormatter(GalleryFullscreenTitleContent, $content);
 	useLayoutEffect(() => {
 		registry?.register();
 	}, [registry]);
 	return /* @__PURE__ */ jsx(DialogTitle, {
 		"data-fs-gallery-fullscreen-title": "",
 		...props,
-		children
+		children: children ?? messages.format("label")
 	});
 }
 function GalleryFullscreenClose({ children, ...props }) {
@@ -886,13 +970,16 @@ function GalleryThumbnailsNext({ step = 1, children, ...props }) {
 		children
 	});
 }
-function GalleryMediaCount({ template = "{current} / {total}", ...props }) {
+function GalleryMediaCount({ $locale, $content, ...props }) {
 	const { selectedIndex, media } = useGallery();
-	const label = template.replace("{current}", String(selectedIndex + 1)).replace("{total}", String(media.length));
+	const messages = useMessageFormatter(GalleryMediaCountContent, $content);
 	return /* @__PURE__ */ jsx("span", {
 		"data-fs-gallery-media-count": "",
 		...props,
-		children: label
+		children: messages.format("template", {
+			current: selectedIndex + 1,
+			total: media.length
+		})
 	});
 }
 const Gallery = {
@@ -915,6 +1002,6 @@ const Gallery = {
 	MediaCount: GalleryMediaCount
 };
 //#endregion
-export { Gallery, GalleryFullscreen, GalleryFullscreenClose, GalleryFullscreenCloseDefinition, GalleryFullscreenDefinition, GalleryFullscreenTitle, GalleryFullscreenTitleDefinition, GalleryItemContext, GalleryMainMedia, GalleryMainMediaDefinition, GalleryMedia, GalleryMediaCount, GalleryMediaCountDefinition, GalleryMediaDefinition, GalleryNext, GalleryNextDefinition, GalleryOverflowCount, GalleryOverflowCountDefinition, GalleryPrevious, GalleryPreviousDefinition, GalleryRoot, GalleryRootDefinition, GalleryThumbnail, GalleryThumbnailDefinition, GalleryThumbnails, GalleryThumbnailsDefinition, GalleryThumbnailsNext, GalleryThumbnailsNextDefinition, GalleryThumbnailsPrevious, GalleryThumbnailsPreviousDefinition, GalleryZoom, GalleryZoomDefinition, GalleryZoomLens, GalleryZoomLensDefinition, GalleryZoomResult, GalleryZoomResultDefinition, useGallery, useGalleryItem };
+export { Gallery, GalleryFullscreen, GalleryFullscreenClose, GalleryFullscreenCloseDefinition, GalleryFullscreenContent, GalleryFullscreenDefinition, GalleryFullscreenTitle, GalleryFullscreenTitleContent, GalleryFullscreenTitleDefinition, GalleryItemContext, GalleryMainMedia, GalleryMainMediaDefinition, GalleryMedia, GalleryMediaCount, GalleryMediaCountContent, GalleryMediaCountDefinition, GalleryMediaDefinition, GalleryNext, GalleryNextDefinition, GalleryOverflowCount, GalleryOverflowCountContent, GalleryOverflowCountDefinition, GalleryPrevious, GalleryPreviousDefinition, GalleryRoot, GalleryRootDefinition, GalleryThumbnail, GalleryThumbnailDefinition, GalleryThumbnails, GalleryThumbnailsDefinition, GalleryThumbnailsNext, GalleryThumbnailsNextDefinition, GalleryThumbnailsPrevious, GalleryThumbnailsPreviousDefinition, GalleryZoom, GalleryZoomDefinition, GalleryZoomLens, GalleryZoomLensDefinition, GalleryZoomResult, GalleryZoomResultDefinition, useGallery, useGalleryItem };
 
 //# sourceMappingURL=gallery.js.map