@ankhorage/zora 25.0.1 → 25.2.0

package/web-dist/chunks/{Accordion-b20zfsfz.js → Accordion-54k0ncs3.js}

@@ -36,6 +36,42 @@ function getVisibleGridItems(items, viewport, overscanPixels = 0) {
   const bounds = getVisibleWorldBounds(viewport, overscanPixels);
   return items.filter((item) => item.x <= bounds.x + bounds.width && item.x + item.width >= bounds.x && item.y <= bounds.y + bounds.height && item.y + item.height >= bounds.y);
 }
+// node_modules/@ankhorage/grid-view/dist/features/viewport/revealWorldRect.js
+function revealWorldRect(viewport, rect, paddingPixels = 0) {
+  validateRevealInput(viewport, rect, paddingPixels);
+  return {
+    ...viewport,
+    offsetX: revealAxis(viewport.offsetX, viewport.width, viewport.pixelsPerUnitX, rect.x, rect.width, paddingPixels),
+    offsetY: revealAxis(viewport.offsetY, viewport.height, viewport.pixelsPerUnitY, rect.y, rect.height, paddingPixels)
+  };
+}
+function revealAxis(offset, viewportPixels, pixelsPerUnit, rectStart, rectSize, paddingPixels) {
+  const visibleStart = offset + paddingPixels / pixelsPerUnit;
+  const visibleEnd = offset + (viewportPixels - paddingPixels) / pixelsPerUnit;
+  const rectEnd = rectStart + rectSize;
+  if (rectSize > visibleEnd - visibleStart || rectStart < visibleStart) {
+    return rectStart - paddingPixels / pixelsPerUnit;
+  }
+  if (rectEnd > visibleEnd) {
+    return rectEnd - (viewportPixels - paddingPixels) / pixelsPerUnit;
+  }
+  return offset;
+}
+function validateRevealInput(viewport, rect, paddingPixels) {
+  if (![
+    viewport.width,
+    viewport.height,
+    viewport.offsetX,
+    viewport.offsetY,
+    viewport.pixelsPerUnitX,
+    viewport.pixelsPerUnitY
+  ].every(Number.isFinite) || viewport.width <= 0 || viewport.height <= 0 || viewport.pixelsPerUnitX <= 0 || viewport.pixelsPerUnitY <= 0 || !Number.isFinite(paddingPixels) || paddingPixels < 0 || paddingPixels * 2 >= viewport.width || paddingPixels * 2 >= viewport.height) {
+    throw new RangeError("Viewport geometry must be finite and padding must leave visible space.");
+  }
+  if (![rect.x, rect.y, rect.width, rect.height].every(Number.isFinite) || rect.width < 0 || rect.height < 0) {
+    throw new RangeError("World rectangles must have finite nonnegative dimensions.");
+  }
+}
 // node_modules/@ankhorage/grid-view/dist/features/viewport/worldToViewport.js
 function worldToViewport(point, viewport) {
   return {
@@ -55,13 +91,18 @@ function GridView2({
   height,
   zoom = 1,
   overscanPixels = 160,
+  focusedItemId,
+  revealPaddingPixels = 8,
   interactionPolicy,
   onViewportChange,
+  onVisibleItemIdsChange,
   renderItem,
   testID
 }) {
   const [scrollX, setScrollX] = React.useState(0);
   const [scrollY, setScrollY] = React.useState(0);
+  const horizontalScrollRef = React.useRef(null);
+  const verticalScrollRef = React.useRef(null);
   const scale = Math.max(0.01, zoom);
   const viewport = React.useMemo(() => ({
     width,
@@ -72,10 +113,40 @@ function GridView2({
     pixelsPerUnitY: scale
   }), [height, scale, scrollX, scrollY, width]);
   const visibleItems = React.useMemo(() => getVisibleGridItems(items, viewport, overscanPixels), [items, overscanPixels, viewport]);
+  const viewportVisibleIds = React.useMemo(() => getVisibleGridItems(visibleItems, viewport).map((item) => item.id), [viewport, visibleItems]);
+  const previousVisibleIdsRef = React.useRef([]);
+  React.useEffect(() => {
+    if (!onVisibleItemIdsChange)
+      return;
+    const previous = previousVisibleIdsRef.current;
+    if (previous.length === viewportVisibleIds.length && previous.every((id, index) => id === viewportVisibleIds.at(index))) {
+      return;
+    }
+    previousVisibleIdsRef.current = viewportVisibleIds;
+    onVisibleItemIdsChange(viewportVisibleIds);
+  }, [onVisibleItemIdsChange, viewportVisibleIds]);
   React.useEffect(() => {
     onViewportChange?.(viewport);
   }, [onViewportChange, viewport]);
+  const viewportRef = React.useRef(viewport);
+  React.useEffect(() => {
+    viewportRef.current = viewport;
+  }, [viewport]);
+  React.useEffect(() => {
+    const currentViewport = viewportRef.current;
+    const focusedItem = items.find((item) => item.id === focusedItemId);
+    if (!focusedItem)
+      return;
+    const revealed = revealWorldRect(currentViewport, focusedItem, revealPaddingPixels);
+    if (revealed.offsetX !== currentViewport.offsetX) {
+      horizontalScrollRef.current?.scrollTo({ x: revealed.offsetX * scale, animated: true });
+    }
+    if (revealed.offsetY !== currentViewport.offsetY) {
+      verticalScrollRef.current?.scrollTo({ y: revealed.offsetY * scale, animated: true });
+    }
+  }, [focusedItemId, height, items, revealPaddingPixels, scale, width]);
   return /* @__PURE__ */ jsx(import_react_native.ScrollView, {
+    ref: horizontalScrollRef,
     horizontal: true,
     scrollEnabled: interactionPolicy !== "passive",
     scrollEventThrottle: 32,
@@ -84,6 +155,7 @@ function GridView2({
     testID,
     onScroll: (event) => setScrollX(event.nativeEvent.contentOffset.x),
     children: /* @__PURE__ */ jsx(import_react_native.ScrollView, {
+      ref: verticalScrollRef,
       scrollEnabled: interactionPolicy !== "passive",
       scrollEventThrottle: 32,
       showsVerticalScrollIndicator: true,
@@ -148,6 +220,10 @@ function TileGrid2({
   gap = 12,
   zoom = 1,
   overscanPixels,
+  focusedItemId,
+  revealPaddingPixels,
+  onColumnsChange,
+  onVisibleItemIdsChange,
   renderItem,
   interactionPolicy,
   testID
@@ -156,6 +232,10 @@ function TileGrid2({
   const resolvedWidth = width ?? measuredWidth;
   const layout = React2.useMemo(() => layoutTileGrid(items, resolvedWidth, tileSize, gap, zoom), [items, resolvedWidth, tileSize, gap, zoom]);
   const itemLookup = React2.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+  React2.useEffect(() => {
+    if (resolvedWidth > 0)
+      onColumnsChange?.(layout.columns);
+  }, [layout.columns, onColumnsChange, resolvedWidth]);
   return /* @__PURE__ */ jsx2(import_react_native2.View, {
     onLayout: (event) => setMeasuredWidth(event.nativeEvent.layout.width),
     style: { width, height, overflow: "hidden" },
@@ -164,13 +244,16 @@ function TileGrid2({
       contentHeight: layout.height,
       contentWidth: Math.max(resolvedWidth / zoom, layout.width),
       height,
+      focusedItemId,
       interactionPolicy,
       items: layout.items,
+      onVisibleItemIdsChange,
       overscanPixels,
       renderItem: (item) => {
         const source = itemLookup.get(item.id);
         return source ? renderItem(source) : null;
       },
+      revealPaddingPixels,
       width: resolvedWidth,
       zoom
     }) : null

package/web-dist/chunks/Accordion-kkr7xfh2.js

@@ -0,0 +1,397 @@
+'use client';
+import {
+  TileGrid2
+} from "./Accordion-54k0ncs3.js";
+import {
+  withZoraThemeScope
+} from "./Accordion-42jfy1a1.js";
+import {
+  Icon2
+} from "./Accordion-bb8y34wh.js";
+import {
+  Image2
+} from "./Accordion-mej71qnw.js";
+import {
+  Text3
+} from "./Accordion-afmybp67.js";
+import {
+  applySelectionIntent
+} from "./Accordion-n4et7etk.js";
+import {
+  useZoraTheme2
+} from "./Accordion-srjya6dz.js";
+import {
+  require_cjs
+} from "./Accordion-xgpzh4wq.js";
+import {
+  __toESM
+} from "./Accordion-nh0cs9hq.js";
+
+// src/features/explorer/adapters/inbound/Explorer.tsx
+var import_react_native = __toESM(require_cjs(), 1);
+import React2 from "react";
+
+// src/features/explorer/application/resolveExplorerSelection.ts
+function resolveExplorerSelection(orderedIds, currentIds, targetId, anchorId, intent, mode) {
+  const targetIndex = orderedIds.indexOf(targetId);
+  if (targetIndex < 0)
+    return currentIds;
+  if (mode === "single" || intent === "replace")
+    return applySelectionIntent(currentIds, targetId, "replace");
+  if (intent === "toggle") {
+    return applySelectionIntent(currentIds, targetId, "toggle");
+  }
+  const anchorIndex = anchorId === null ? -1 : orderedIds.indexOf(anchorId);
+  if (anchorIndex < 0)
+    return [targetId];
+  const start = Math.min(anchorIndex, targetIndex);
+  const end = Math.max(anchorIndex, targetIndex);
+  return orderedIds.slice(start, end + 1);
+}
+
+// src/features/explorer/application/shouldDispatchExplorerPageRequest.ts
+function shouldDispatchExplorerPageRequest(previous, next) {
+  if (previous === null)
+    return true;
+  return previous.collectionId !== next.collectionId || previous.loadedItemCount !== next.loadedItemCount || previous.retryToken !== next.retryToken;
+}
+
+// src/features/explorer/application/shouldRequestExplorerPage.ts
+function shouldRequestExplorerPage(itemIds, visibleIds, hasMore, loadingMore, loading, errorText, permissionStatus, threshold = 12) {
+  if (!hasMore || loadingMore || loading || errorText !== undefined || permissionStatus !== "granted" && permissionStatus !== "limited" || visibleIds.length === 0) {
+    return false;
+  }
+  const firstPagingIndex = Math.max(0, itemIds.length - threshold);
+  return visibleIds.some((id) => itemIds.indexOf(id) >= firstPagingIndex);
+}
+
+// src/features/explorer/adapters/inbound/ExplorerKeyboardProxy.web.tsx
+import { jsx } from "react/jsx-runtime";
+function ExplorerKeyboardProxy({ children, onKeyDown }) {
+  return /* @__PURE__ */ jsx("div", {
+    onKeyDown: (event) => {
+      if (onKeyDown(event.key, event.shiftKey))
+        event.preventDefault();
+    },
+    style: { display: "flex", flex: 1 },
+    children
+  });
+}
+
+// src/features/explorer/adapters/inbound/useExplorerKeyboardFocus.ts
+import React from "react";
+
+// src/features/explorer/application/getExplorerNextFocusId.ts
+function getExplorerNextFocusId(ids, currentId, key, columns, disabledIds = new Set) {
+  const delta = resolveFocusDelta(key, columns);
+  if (delta === null || ids.length === 0)
+    return null;
+  const firstIndex = ids.findIndex((id) => !disabledIds.has(id));
+  if (firstIndex < 0)
+    return null;
+  const currentIndex = Math.max(firstIndex, ids.indexOf(currentId ?? ""));
+  const candidateIndex = delta === Number.NEGATIVE_INFINITY ? 0 : delta === Number.POSITIVE_INFINITY ? ids.length - 1 : Math.max(0, Math.min(ids.length - 1, currentIndex + delta));
+  const direction = delta === Number.NEGATIVE_INFINITY ? 1 : delta === Number.POSITIVE_INFINITY ? -1 : Math.sign(delta);
+  for (let index = candidateIndex;index >= 0 && index < ids.length; index += direction) {
+    const candidate = ids.at(index);
+    if (candidate !== undefined && !disabledIds.has(candidate))
+      return candidate;
+  }
+  const current = ids.at(currentIndex);
+  return current !== undefined && !disabledIds.has(current) ? current : ids.at(firstIndex) ?? null;
+}
+function resolveFocusDelta(key, columns) {
+  const rowSize = Math.max(1, Math.floor(columns));
+  switch (key) {
+    case "ArrowLeft":
+      return -1;
+    case "ArrowRight":
+      return 1;
+    case "ArrowUp":
+      return -rowSize;
+    case "ArrowDown":
+      return rowSize;
+    case "Home":
+      return Number.NEGATIVE_INFINITY;
+    case "End":
+      return Number.POSITIVE_INFINITY;
+    default:
+      return null;
+  }
+}
+
+// src/features/explorer/adapters/inbound/useExplorerKeyboardFocus.ts
+function useExplorerKeyboardFocus(items, columns, disabled, visibleIds, onNavigate) {
+  const [focusedId, setFocusedId] = React.useState(null);
+  const focusedRef = React.useRef(null);
+  const pendingFocusRef = React.useRef(null);
+  const tileRefs = React.useRef(new Map);
+  const ids = React.useMemo(() => items.map(({ id }) => id), [items]);
+  const idSet = React.useMemo(() => new Set(ids), [ids]);
+  const disabledIds = React.useMemo(() => new Set(items.filter((item) => item.disabled).map(({ id }) => id)), [items]);
+  const visibleEligibleIds = visibleIds.filter((id) => idSet.has(id) && !disabledIds.has(id));
+  const tabStopId = focusedId !== null && visibleEligibleIds.includes(focusedId) ? focusedId : visibleEligibleIds[0] ?? ids.find((id) => !disabledIds.has(id));
+  const onFocus = React.useCallback((id) => {
+    pendingFocusRef.current = null;
+    focusedRef.current = id;
+    setFocusedId(id);
+  }, []);
+  const registerTile = React.useCallback((id, node) => {
+    if (node === null) {
+      tileRefs.current.delete(id);
+      return;
+    }
+    tileRefs.current.set(id, node);
+    if (pendingFocusRef.current === id) {
+      pendingFocusRef.current = null;
+      node.focus();
+    }
+  }, []);
+  const onKeyDown = React.useCallback((id, key, shiftKey) => {
+    if (disabled)
+      return false;
+    if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(key))
+      return false;
+    const originId = focusedRef.current ?? id;
+    const nextId = getExplorerNextFocusId(ids, originId, key, columns, disabledIds);
+    if (nextId === null || nextId === originId)
+      return true;
+    focusedRef.current = nextId;
+    pendingFocusRef.current = nextId;
+    setFocusedId(nextId);
+    onNavigate(nextId, originId, shiftKey);
+    const mounted = tileRefs.current.get(nextId);
+    if (mounted) {
+      pendingFocusRef.current = null;
+      mounted.focus();
+    }
+    return true;
+  }, [columns, disabled, disabledIds, ids, onNavigate]);
+  return { focusedId, tabStopId, onFocus, onKeyDown, registerTile };
+}
+
+// src/features/explorer/adapters/inbound/Explorer.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Explorer2 = withZoraThemeScope(ExplorerInner);
+function ExplorerInner({
+  items,
+  selectedIds,
+  defaultSelectedIds = [],
+  selectionMode = "single",
+  onSelectionChange,
+  onActivate,
+  width,
+  height,
+  tileSize = 120,
+  zoom = 1,
+  loading = false,
+  hasMore = false,
+  loadingMore = false,
+  pagingCollectionId,
+  pagingRetryToken,
+  onLoadMore,
+  permissionStatus = "granted",
+  permissionText,
+  onRequestPermission,
+  errorText,
+  emptyText = "No items",
+  disabled = false,
+  readOnly = false,
+  interactionPolicy,
+  testID
+}) {
+  const { theme } = useZoraTheme2();
+  const [internalSelectedIds, setInternalSelectedIds] = React2.useState(defaultSelectedIds);
+  const anchorId = React2.useRef(null);
+  const [columns, setColumns] = React2.useState(1);
+  const [visibleIds, setVisibleIds] = React2.useState([]);
+  const lastPageRequestRef = React2.useRef(null);
+  const effectiveSelectedIds = selectedIds ?? internalSelectedIds;
+  const itemLookup = React2.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+  const ids = React2.useMemo(() => items.filter((item) => !item.disabled).map((item) => item.id), [items]);
+  const selected = new Set(effectiveSelectedIds);
+  const passive = interactionPolicy === "passive" || disabled || readOnly;
+  React2.useEffect(() => {
+    const request = {
+      collectionId: pagingCollectionId,
+      loadedItemCount: items.length,
+      retryToken: pagingRetryToken
+    };
+    if (!onLoadMore || !shouldDispatchExplorerPageRequest(lastPageRequestRef.current, request) || !shouldRequestExplorerPage(ids, visibleIds, hasMore, loadingMore, loading, errorText, permissionStatus)) {
+      return;
+    }
+    lastPageRequestRef.current = request;
+    onLoadMore({ loadedItemCount: items.length });
+  }, [
+    errorText,
+    hasMore,
+    ids,
+    items.length,
+    loading,
+    loadingMore,
+    onLoadMore,
+    pagingCollectionId,
+    pagingRetryToken,
+    permissionStatus,
+    visibleIds
+  ]);
+  const select = (item, intent) => {
+    if (passive || item.disabled)
+      return;
+    const next = resolveExplorerSelection(ids, effectiveSelectedIds, item.id, anchorId.current, intent, selectionMode);
+    if (intent !== "range")
+      anchorId.current = item.id;
+    if (selectedIds === undefined)
+      setInternalSelectedIds(next);
+    onSelectionChange?.({ selectedIds: next });
+  };
+  const keyboard = useExplorerKeyboardFocus(items, columns, passive, visibleIds, (targetId, originId, shiftKey) => {
+    if (!shiftKey)
+      return;
+    anchorId.current ??= originId;
+    const nextItem = itemLookup.get(targetId);
+    if (nextItem)
+      select(nextItem, "range");
+  });
+  const renderTile = (tile) => {
+    const item = itemLookup.get(tile.id);
+    if (!item)
+      return null;
+    const isSelected = selected.has(item.id);
+    const canInteract = !passive && !item.disabled;
+    return /* @__PURE__ */ jsx2(ExplorerKeyboardProxy, {
+      onKeyDown: (key, shiftKey) => keyboard.onKeyDown(item.id, key, shiftKey),
+      children: /* @__PURE__ */ jsxs(import_react_native.Pressable, {
+        accessibilityLabel: item.name,
+        accessibilityRole: "button",
+        accessibilityState: { selected: isSelected, disabled: !canInteract },
+        disabled: !canInteract,
+        focusable: canInteract && (import_react_native.Platform.OS !== "web" || item.id === keyboard.tabStopId),
+        onFocus: () => keyboard.onFocus(item.id),
+        onLongPress: () => select(item, "toggle"),
+        onPress: (event) => {
+          const intent = resolveExplorerPressIntent(event.nativeEvent);
+          select(item, intent);
+          if (selectionMode === "single" && intent === "replace") {
+            onActivate?.({ id: item.id });
+          }
+        },
+        style: {
+          flex: 1,
+          overflow: "hidden",
+          borderRadius: 8,
+          borderWidth: isSelected ? 2 : 1,
+          borderColor: isSelected ? theme.colors.primary : theme.semantics.neutral.divider,
+          backgroundColor: theme.semantics.neutral.surface,
+          padding: 8,
+          gap: 4
+        },
+        ref: (node) => keyboard.registerTile(item.id, node),
+        testID: `explorer-item-${item.id}`,
+        children: [
+          /* @__PURE__ */ jsx2(import_react_native.View, {
+            style: { flex: 1, alignItems: "center", justifyContent: "center" },
+            children: item.thumbnailUri ? /* @__PURE__ */ jsx2(Image2, {
+              accessibilityLabel: item.name,
+              aspectRatio: 1,
+              source: item.thumbnailUri,
+              width: "100%"
+            }) : /* @__PURE__ */ jsx2(Icon2, {
+              name: item.kind === "folder" ? "folder-outline" : "document-outline",
+              size: 32
+            })
+          }),
+          /* @__PURE__ */ jsx2(Text3, {
+            numberOfLines: 1,
+            variant: "caption",
+            children: item.name
+          })
+        ]
+      })
+    });
+  };
+  if (permissionStatus === "denied" || permissionStatus === "unavailable") {
+    return /* @__PURE__ */ jsxs(import_react_native.View, {
+      testID,
+      children: [
+        /* @__PURE__ */ jsx2(Text3, {
+          children: permissionText ?? "This collection is unavailable without permission."
+        }),
+        permissionStatus === "denied" && onRequestPermission ? /* @__PURE__ */ jsx2(import_react_native.Pressable, {
+          accessibilityRole: "button",
+          onPress: onRequestPermission,
+          children: /* @__PURE__ */ jsx2(Text3, {
+            children: "Grant access"
+          })
+        }) : null
+      ]
+    });
+  }
+  if (errorText)
+    return /* @__PURE__ */ jsx2(Text3, {
+      testID,
+      children: errorText
+    });
+  if (loading)
+    return /* @__PURE__ */ jsx2(Text3, {
+      testID,
+      children: "Loading…"
+    });
+  if (items.length === 0)
+    return /* @__PURE__ */ jsx2(Text3, {
+      testID,
+      children: emptyText
+    });
+  return /* @__PURE__ */ jsxs(import_react_native.View, {
+    children: [
+      permissionStatus === "limited" ? /* @__PURE__ */ jsx2(Text3, {
+        children: permissionText ?? "Showing the media you have allowed."
+      }) : null,
+      /* @__PURE__ */ jsx2(TileGrid2, {
+        focusedItemId: keyboard.focusedId ?? undefined,
+        height,
+        interactionPolicy,
+        onColumnsChange: setColumns,
+        onVisibleItemIdsChange: setVisibleIds,
+        items,
+        renderItem: renderTile,
+        testID,
+        tileSize,
+        width,
+        zoom
+      }),
+      loadingMore ? /* @__PURE__ */ jsx2(Text3, {
+        children: "Loading more…"
+      }) : null
+    ]
+  });
+}
+function resolveExplorerPressIntent(event) {
+  if (typeof event !== "object" || event === null)
+    return "replace";
+  if ("shiftKey" in event && event.shiftKey === true)
+    return "range";
+  if ("ctrlKey" in event && event.ctrlKey === true)
+    return "toggle";
+  if ("metaKey" in event && event.metaKey === true)
+    return "toggle";
+  return "replace";
+}
+
+// src/features/explorer/adapters/inbound/FileExplorer.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function FileExplorer2(props) {
+  return /* @__PURE__ */ jsx3(Explorer2, {
+    ...props
+  });
+}
+
+// src/features/explorer/adapters/inbound/MediaExplorer.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function MediaExplorer2(props) {
+  return /* @__PURE__ */ jsx4(Explorer2, {
+    ...props,
+    items: props.items.filter((item) => item.kind === "image" || item.kind === "video" || item.kind === "audio")
+  });
+}
+export { Explorer2, FileExplorer2, MediaExplorer2 };

package/web-dist/components/explorer/Explorer.js

@@ -1,5 +1,5 @@
 'use client';
-import"../../chunks/Accordion-b20zfsfz.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-0md8wbtx.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/file-explorer/FileExplorer.js

@@ -1,5 +1,5 @@
 'use client';
-import"../../chunks/Accordion-b20zfsfz.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-0md8wbtx.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/grid-view/GridView.js

@@ -2,7 +2,7 @@
 import {
   GridView2,
   TileGrid2
-} from "../../chunks/Accordion-b20zfsfz.js";
+} from "../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {
   GridView2 as GridView,

package/web-dist/components/media-explorer/MediaExplorer.js

@@ -1,5 +1,5 @@
 'use client';
-import"../../chunks/Accordion-b20zfsfz.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-0md8wbtx.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/tile-grid/TileGrid.js

@@ -2,7 +2,7 @@
 import {
   GridView2,
   TileGrid2
-} from "../../chunks/Accordion-b20zfsfz.js";
+} from "../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {
   GridView2 as GridView,

package/web-dist/components/uploader/Uploader.js

@@ -25,7 +25,7 @@ import {
 import {
   Text3
 } from "../../chunks/Accordion-afmybp67.js";
-import"../../chunks/Accordion-b20zfsfz.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import {
   Icon2
 } from "../../chunks/Accordion-bb8y34wh.js";
@@ -34,7 +34,7 @@ import {
 } from "../../chunks/Accordion-mej71qnw.js";
 import {
   Explorer2
-} from "../../chunks/Accordion-0md8wbtx.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-ndf3jqhb.js";
 import"../../chunks/Accordion-45nc4bte.js";
 import {