@multiplatform.one/components 7.3.0 → 7.4.1

package/dist/jsx/views/ImageGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","useResolvedKnobs","wasKeyboardFocus","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","ImageGridSkeleton","columns","cellPadding","loadingLabel","flexWrap","margin","children","Array","from","length","map","_","i","width","padding","variant","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radius","radiusClassName","onPress","hovered","setHovered","role","position","borderRadius","className","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","isRTL","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","gapToken","gap","gutter","scrollToIndex","index","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","row","start","rowItems","slice","item","col","Boolean","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","ImageGridSkeleton","columns","cellPadding","aspect","loadingLabel","flexWrap","margin","children","Array","from","length","map","_","i","width","padding","variant","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radius","radiusClassName","onPress","hovered","setHovered","role","position","borderRadius","className","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","isRTL","gapToken","gap","gutter","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","row","start","rowItems","slice","item","col","Boolean","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/views/ImageGrid.native.js

@@ -52,12 +52,14 @@ function ImageGridSkeleton(param) {
   var {
     columns,
     cellPadding,
+    aspect,
     loadingLabel
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     flexWrap: "wrap",
     margin: -cellPadding,
     "data-async-skeleton": "image-grid",
+    "data-media-aspect": aspect,
     "aria-busy": true,
     "aria-label": loadingLabel,
     children: Array.from({
@@ -69,7 +71,7 @@ function ImageGridSkeleton(param) {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
           variant: "rounded",
           width: "100%",
-          aspectRatio: 1
+          aspectRatio: aspect
         })
       }, i);
     })
@@ -156,6 +158,8 @@ function ImageGrid(param) {
     error = null,
     onRetry,
     columns: columnsProp,
+    tileSize,
+    mediaAspect,
     estimateSize: _estimateSize,
     overscan: _overscan,
     height: heightProp,
@@ -172,6 +176,9 @@ function ImageGrid(param) {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var isRTL = (0, import_useDirection.useDirection)() === "rtl";
+  var gapToken = knobProps.gap.gap;
+  var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
+  var cellPadding = gutter / 2;
   var {
     width: windowWidth
   } = (0, import_tamagui.useWindowDimensions)();
@@ -182,7 +189,7 @@ function ImageGrid(param) {
     large: 5,
     xl: 5
   };
-  var columns = columnsProp !== null && columnsProp !== void 0 ? columnsProp : columnsBySizeClass[(0, import_theme.getLayoutSizeClass)(windowWidth)];
+  var columns = columnsProp !== null && columnsProp !== void 0 ? columnsProp : tileSize ? (0, import_theme.tileColumnsForWidth)(windowWidth, import_theme.tileSizeLadder[tileSize], gutter) : columnsBySizeClass[(0, import_theme.getLayoutSizeClass)(windowWidth)];
   var height = heightProp;
   var gridId = (0, import_react.useId)();
   var containerRef = (0, import_react.useRef)(null);
@@ -195,9 +202,6 @@ function ImageGrid(param) {
       return prev < 0 ? 0 : prev;
     });
   }, []);
-  var gapToken = knobProps.gap.gap;
-  var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
-  var cellPadding = gutter / 2;
   var scrollToIndex = (0, import_react.useCallback)(function (index) {
     if (index >= 0 && index < items.length) {
       var _document_getElementById;
@@ -354,6 +358,7 @@ function ImageGrid(param) {
     loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridSkeleton, {
       columns,
       cellPadding,
+      aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),
       loadingLabel: t("Loading")
     }) : false,
     empty: !hasError && items.length === 0,

package/dist/jsx/views/ImageGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ImageGrid_exports","ImageGrid","module","exports","import_jsx_runtime","require","import_AsyncBoundary","import_Skeleton","import_useDirection","import_forms","import_theme","import_react_hotkeys","import_react","import_i18n","import_tamagui","ImageGridSkeleton","param","columns","cellPadding","loadingLabel","jsx","XStack","flexWrap","margin","children","Array","length","map","_","i","View","width","padding","Skeleton","variant","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radius","radiusClassName","onPress","hovered","setHovered","useState","role","jsxs","position","borderRadius","className","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","_getTokenValue","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","knobProps","useResolvedKnobs","isRTL","useDirection","windowWidth","useWindowDimensions","columnsBySizeClass","compact","medium","expanded","large","xl","getLayoutSizeClass","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","useCallback","wasKeyboardFocus","prev","gapToken","gap","gutter","getTokenValue","scrollToIndex","index","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","useHotkey","right","left","down","up","activateFocused","select","first","last","useEffect","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","resolveAsyncStatus","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","YStack","row","start","rowItems","slice","item","col"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ImageGrid_exports","ImageGrid","module","exports","import_jsx_runtime","require","import_AsyncBoundary","import_Skeleton","import_useDirection","import_forms","import_theme","import_react_hotkeys","import_react","import_i18n","import_tamagui","ImageGridSkeleton","param","columns","cellPadding","aspect","loadingLabel","jsx","XStack","flexWrap","margin","children","Array","length","map","_","i","View","width","padding","Skeleton","variant","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radius","radiusClassName","onPress","hovered","setHovered","useState","role","jsxs","position","borderRadius","className","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","_getTokenValue","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","knobProps","useResolvedKnobs","isRTL","useDirection","gapToken","gap","gutter","getTokenValue","windowWidth","useWindowDimensions","columnsBySizeClass","compact","medium","expanded","large","xl","tileColumnsForWidth","tileSizeLadder","getLayoutSizeClass","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","useCallback","wasKeyboardFocus","prev","scrollToIndex","index","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","useHotkey","right","left","down","up","activateFocused","select","first","last","useEffect","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","resolveAsyncStatus","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","YStack","row","start","rowItems","slice","item","col","Boolean"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "7.3.0",
+  "version": "7.4.1",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -74,11 +74,11 @@
     "link": "^2.1.2",
     "shiki": "^4.0.2",
     "tamagui": "2.7.6",
-    "@multiplatform.one/forms": "7.3.0",
-    "@multiplatform.one/i18n": "7.3.0",
-    "@multiplatform.one/platform": "7.3.0",
-    "@multiplatform.one/router": "7.3.0",
-    "@multiplatform.one/theme": "7.3.0"
+    "@multiplatform.one/forms": "7.4.1",
+    "@multiplatform.one/i18n": "7.4.1",
+    "@multiplatform.one/platform": "7.4.1",
+    "@multiplatform.one/router": "7.4.1",
+    "@multiplatform.one/theme": "7.4.1"
   },
   "devDependencies": {
     "@tamagui/build": "2.7.6",
@@ -96,9 +96,9 @@
     "react-native-svg": "15.15.4",
     "react-native-web": "^0.21.2",
     "vitest": "^4.1.5",
-    "@multiplatform.one/config": "7.3.0",
-    "@multiplatform.one/storybook": "7.3.0",
-    "@multiplatform.one/test-utils": "7.3.0"
+    "@multiplatform.one/config": "7.4.1",
+    "@multiplatform.one/storybook": "7.4.1",
+    "@multiplatform.one/test-utils": "7.4.1"
   },
   "peerDependencies": {
     "@mdx-js/mdx": "^3.1.1",

package/src/views/ImageGrid.tsx

@@ -6,7 +6,12 @@ import {
   getLayoutSizeClass,
   keyboardFocusRingProps,
   type LayoutSizeClass,
+  type MediaAspect,
+  type TileSizeRung,
   ensureKeyboardModalityTracking,
+  resolveMediaAspect,
+  tileColumnsForWidth,
+  tileSizeLadder,
   useResolvedKnobs,
   wasKeyboardFocus,
 } from "@multiplatform.one/theme";
@@ -73,6 +78,21 @@ export interface ImageGridProps<T> extends Omit<YStackProps, "children"> {
   onRetry?: () => void;
   /** Number of columns in the grid (default: responsive to window width, 2-5) */
   columns?: number;
+  /**
+   * Named tile-size rung from the theme's generated ladder (MPO-31). Column
+   * count derives from the rung's minWidth and the live gutter, so a
+   * user-facing S/M/L/XL control maps straight onto this prop. WHICH rung is
+   * the app's choice; the rung VALUES are the design system's. An explicit
+   * `columns` wins over `tileSize`.
+   */
+  tileSize?: TileSizeRung;
+  /**
+   * Media aspect ratio (width/height) of the tiles — a named aspect
+   * (`"square" | "photo" | "screen" | "video" | "portrait"`) or a number
+   * (MPO-31 H2). The loading skeleton twin renders at this aspect so
+   * non-square media does not jump on load. Default: `"square"`.
+   */
+  mediaAspect?: MediaAspect;
   /** Estimated height of each row in pixels (default: 240) */
   estimateSize?: number;
   /** Number of rows to render outside visible area (default: 3) */
@@ -97,10 +117,13 @@ export interface ImageGridProps<T> extends Omit<YStackProps, "children"> {
 function ImageGridSkeleton({
   columns,
   cellPadding,
+  aspect,
   loadingLabel,
 }: {
   columns: number;
   cellPadding: number;
+  /** Resolved width/height ratio — the twin must be the media's shape (MPO-31 H2). */
+  aspect: number;
   loadingLabel: string;
 }) {
   return (
@@ -108,12 +131,13 @@ function ImageGridSkeleton({
       flexWrap="wrap"
       margin={-cellPadding}
       data-async-skeleton="image-grid"
+      data-media-aspect={aspect}
       aria-busy
       aria-label={loadingLabel}
     >
       {Array.from({ length: columns * 2 }).map((_, i) => (
         <View key={i} width={`${100 / columns}%` as any} padding={cellPadding}>
-          <Skeleton variant="rounded" width="100%" aspectRatio={1} />
+          <Skeleton variant="rounded" width="100%" aspectRatio={aspect} />
         </View>
       ))}
     </XStack>
@@ -229,6 +253,8 @@ export function ImageGrid<T>({
   error = null,
   onRetry,
   columns: columnsProp,
+  tileSize,
+  mediaAspect,
   estimateSize: _estimateSize,
   overscan: _overscan,
   height: heightProp,
@@ -240,10 +266,23 @@ export function ImageGrid<T>({
   const emptyMessage = emptyMessageProp ?? t("No items found");
   const { knobProps } = useResolvedKnobs();
   const isRTL = useDirection() === "rtl";
+  // Flex `gap` on a single-child cell wrapper is a no-op, so gutters come
+  // from half-gutter padding on every cell (works on web and native — no
+  // CSS calc). The negative margin on the wrap container pulls the outer
+  // cells flush with the surrounding content.
+  const gapToken = knobProps.gap.gap;
+  const gutter =
+    typeof gapToken === "number"
+      ? gapToken
+      : ((getTokenValue(gapToken as Parameters<typeof getTokenValue>[0], "space") as number) ?? 16);
+  const cellPadding = gutter / 2;
+
   // Responsive default: a fixed count that looks right on desktop renders
-  // skinny slivers on a phone. Explicit `columns` always wins. Column count
-  // is a structural layout decision, so it consumes the canonical layout
-  // size classes (LC-28 / DG-LAY-01) instead of a raw pixel ladder.
+  // skinny slivers on a phone. Explicit `columns` always wins; a `tileSize`
+  // rung derives the count from the theme's generated ladder (MPO-31) at the
+  // live gutter. Otherwise column count is a structural layout decision, so
+  // it consumes the canonical layout size classes (LC-28 / DG-LAY-01)
+  // instead of a raw pixel ladder.
   const { width: windowWidth } = useWindowDimensions();
   const columnsBySizeClass: Record<LayoutSizeClass, number> = {
     compact: 2,
@@ -252,7 +291,11 @@ export function ImageGrid<T>({
     large: 5,
     xl: 5,
   };
-  const columns = columnsProp ?? columnsBySizeClass[getLayoutSizeClass(windowWidth)];
+  const columns =
+    columnsProp ??
+    (tileSize
+      ? tileColumnsForWidth(windowWidth, tileSizeLadder[tileSize], gutter)
+      : columnsBySizeClass[getLayoutSizeClass(windowWidth)]);
   const height = heightProp;
   const gridId = useId();
   const containerRef = useRef<HTMLDivElement>(null);
@@ -264,17 +307,6 @@ export function ImageGrid<T>({
     setFocusedIndex((prev) => (prev < 0 ? 0 : prev));
   }, []);
 
-  // Flex `gap` on a single-child cell wrapper is a no-op, so gutters come
-  // from half-gutter padding on every cell (works on web and native — no
-  // CSS calc). The negative margin on the wrap container pulls the outer
-  // cells flush with the surrounding content.
-  const gapToken = knobProps.gap.gap;
-  const gutter =
-    typeof gapToken === "number"
-      ? gapToken
-      : ((getTokenValue(gapToken as Parameters<typeof getTokenValue>[0], "space") as number) ?? 16);
-  const cellPadding = gutter / 2;
-
   // Scroll to focused item using DOM scrollIntoView
   const scrollToIndex = useCallback(
     (index: number) => {
@@ -462,6 +494,7 @@ export function ImageGrid<T>({
           <ImageGridSkeleton
             columns={columns}
             cellPadding={cellPadding}
+            aspect={resolveMediaAspect(mediaAspect)}
             loadingLabel={t("Loading")}
           />
         ) : (

package/types/views/ImageGrid.d.ts

@@ -1,3 +1,4 @@
+import { type MediaAspect, type TileSizeRung } from "@multiplatform.one/theme";
 import type { RegisterableHotkey } from "@tanstack/react-hotkeys";
 import React from "react";
 import { type YStackProps } from "tamagui";
@@ -47,6 +48,21 @@ export interface ImageGridProps<T> extends Omit<YStackProps, "children"> {
     onRetry?: () => void;
     /** Number of columns in the grid (default: responsive to window width, 2-5) */
     columns?: number;
+    /**
+     * Named tile-size rung from the theme's generated ladder (MPO-31). Column
+     * count derives from the rung's minWidth and the live gutter, so a
+     * user-facing S/M/L/XL control maps straight onto this prop. WHICH rung is
+     * the app's choice; the rung VALUES are the design system's. An explicit
+     * `columns` wins over `tileSize`.
+     */
+    tileSize?: TileSizeRung;
+    /**
+     * Media aspect ratio (width/height) of the tiles — a named aspect
+     * (`"square" | "photo" | "screen" | "video" | "portrait"`) or a number
+     * (MPO-31 H2). The loading skeleton twin renders at this aspect so
+     * non-square media does not jump on load. Default: `"square"`.
+     */
+    mediaAspect?: MediaAspect;
     /** Estimated height of each row in pixels (default: 240) */
     estimateSize?: number;
     /** Number of rows to render outside visible area (default: 3) */
@@ -82,5 +98,5 @@ export interface ImageGridProps<T> extends Omit<YStackProps, "children"> {
  * />
  * ```
  */
-export declare function ImageGrid<T>({ items, renderItem, onItemClick, onLoadMore, hasMore, isLoading, error, onRetry, columns: columnsProp, estimateSize: _estimateSize, overscan: _overscan, height: heightProp, emptyMessage: emptyMessageProp, hotkeys: hotkeyOverrides, ...stackProps }: ImageGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ImageGrid<T>({ items, renderItem, onItemClick, onLoadMore, hasMore, isLoading, error, onRetry, columns: columnsProp, tileSize, mediaAspect, estimateSize: _estimateSize, overscan: _overscan, height: heightProp, emptyMessage: emptyMessageProp, hotkeys: hotkeyOverrides, ...stackProps }: ImageGridProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ImageGrid.d.ts.map

package/types/views/ImageGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGrid.d.ts","sourceRoot":"","sources":["../../src/views/ImageGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAA0D,MAAM,OAAO,CAAC;AAK/E,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,EAAE,CAAC,EAAE,kBAAkB,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,wDAAwD;IACxD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,+BAA+B;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,yCAAyC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,qCAAqC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oGAAoG;IACpG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAgHD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAe,EACf,SAAiB,EACjB,KAAY,EACZ,OAAO,EACP,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,eAAe,EACxB,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,CAAC,2CA+OnB"}
+{"version":3,"file":"ImageGrid.d.ts","sourceRoot":"","sources":["../../src/views/ImageGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,YAAY,EAOlB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAA0D,MAAM,OAAO,CAAC;AAK/E,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,EAAE,CAAC,EAAE,kBAAkB,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,wDAAwD;IACxD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,+BAA+B;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,yCAAyC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,qCAAqC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oGAAoG;IACpG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAoHD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAe,EACf,SAAiB,EACjB,KAAY,EACZ,OAAO,EACP,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,WAAW,EACX,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,eAAe,EACxB,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,CAAC,2CAsPnB"}