@ankhorage/zora 24.0.3 → 24.1.1

package/web-dist/chunks/Accordion-2gvs3frs.js

@@ -0,0 +1,197 @@
+'use client';
+import {
+  TileGrid2
+} from "./Accordion-8m8p9wpw.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 React 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/adapters/inbound/Explorer.tsx
+import { jsx, 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,
+  errorText,
+  emptyText = "No items",
+  disabled = false,
+  readOnly = false,
+  interactionPolicy,
+  testID
+}) {
+  const { theme } = useZoraTheme2();
+  const [internalSelectedIds, setInternalSelectedIds] = React.useState(defaultSelectedIds);
+  const anchorId = React.useRef(null);
+  const effectiveSelectedIds = selectedIds ?? internalSelectedIds;
+  const itemLookup = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+  const ids = items.filter((item) => !item.disabled).map((item) => item.id);
+  const selected = new Set(effectiveSelectedIds);
+  const passive = interactionPolicy === "passive" || disabled || readOnly;
+  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 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__ */ jsxs(import_react_native.Pressable, {
+      accessibilityLabel: item.name,
+      accessibilityRole: "button",
+      accessibilityState: { selected: isSelected, disabled: !canInteract },
+      disabled: !canInteract,
+      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
+      },
+      testID: `explorer-item-${item.id}`,
+      children: [
+        /* @__PURE__ */ jsx(import_react_native.View, {
+          style: { flex: 1, alignItems: "center", justifyContent: "center" },
+          children: item.thumbnailUri ? /* @__PURE__ */ jsx(Image2, {
+            accessibilityLabel: item.name,
+            aspectRatio: 1,
+            source: item.thumbnailUri,
+            width: "100%"
+          }) : /* @__PURE__ */ jsx(Icon2, {
+            name: item.kind === "folder" ? "folder-outline" : "document-outline",
+            size: 32
+          })
+        }),
+        /* @__PURE__ */ jsx(Text3, {
+          numberOfLines: 1,
+          variant: "caption",
+          children: item.name
+        })
+      ]
+    });
+  };
+  if (errorText)
+    return /* @__PURE__ */ jsx(Text3, {
+      testID,
+      children: errorText
+    });
+  if (loading)
+    return /* @__PURE__ */ jsx(Text3, {
+      testID,
+      children: "Loading…"
+    });
+  if (items.length === 0)
+    return /* @__PURE__ */ jsx(Text3, {
+      testID,
+      children: emptyText
+    });
+  return /* @__PURE__ */ jsx(TileGrid2, {
+    height,
+    interactionPolicy,
+    items,
+    renderItem: renderTile,
+    testID,
+    tileSize,
+    width,
+    zoom
+  });
+}
+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 jsx2 } from "react/jsx-runtime";
+function FileExplorer2(props) {
+  return /* @__PURE__ */ jsx2(Explorer2, {
+    ...props
+  });
+}
+
+// src/features/explorer/adapters/inbound/MediaExplorer.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function MediaExplorer2(props) {
+  return /* @__PURE__ */ jsx3(Explorer2, {
+    ...props,
+    items: props.items.filter((item) => item.kind === "image" || item.kind === "video" || item.kind === "audio")
+  });
+}
+export { Explorer2, FileExplorer2, MediaExplorer2 };

package/web-dist/chunks/{Accordion-rkt7qdmj.js → Accordion-2nesr9cv.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   View3
-} from "./Accordion-sxzax4x4.js";
+} from "./Accordion-z5a0tx18.js";
 import {
   useTheme
-} from "./Accordion-sek2q4r1.js";
+} from "./Accordion-6wrr910w.js";
 
 // node_modules/@ankhorage/surface/src/features/surface/adapters/inbound/Surface.tsx
 import { jsx } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-egq42kdy.js → Accordion-2rgexkze.js}

@@ -1,15 +1,17 @@
 'use client';
 import {
-  require_cjs,
   parseHexColor,
   getReadableForeground
-} from "./Accordion-sek2q4r1.js";
+} from "./Accordion-6wrr910w.js";
 import {
   withZoraThemeScope
-} from "./Accordion-74rt38d4.js";
+} from "./Accordion-42jfy1a1.js";
 import {
   useZoraTheme2
-} from "./Accordion-1dah5bqg.js";
+} from "./Accordion-srjya6dz.js";
+import {
+  require_cjs
+} from "./Accordion-xgpzh4wq.js";
 import {
   __toESM
 } from "./Accordion-nh0cs9hq.js";

package/web-dist/chunks/{Accordion-7q1qf7c0.js → Accordion-3m3572sa.js}

@@ -1,23 +1,25 @@
 'use client';
 import {
   View3
-} from "./Accordion-sxzax4x4.js";
+} from "./Accordion-z5a0tx18.js";
 import {
-  require_cjs,
   useTheme
-} from "./Accordion-sek2q4r1.js";
+} from "./Accordion-6wrr910w.js";
 import {
   Text2
-} from "./Accordion-kpxyryke.js";
+} from "./Accordion-wyxmd0n0.js";
 import {
   withZoraThemeScope
-} from "./Accordion-74rt38d4.js";
+} from "./Accordion-42jfy1a1.js";
 import {
   useFocusManager
 } from "./Accordion-6zb9d92y.js";
 import {
   useControllableState
 } from "./Accordion-mnac2z83.js";
+import {
+  require_cjs
+} from "./Accordion-xgpzh4wq.js";
 import {
   __toESM
 } from "./Accordion-nh0cs9hq.js";

package/web-dist/chunks/{Accordion-74rt38d4.js → Accordion-42jfy1a1.js}

@@ -6,7 +6,7 @@ import {
   useTheme,
   ZoraThemeRuntimeContext,
   useZoraThemeRuntime
-} from "./Accordion-sek2q4r1.js";
+} from "./Accordion-6wrr910w.js";
 import {
   deepMerge
 } from "./Accordion-59pa0677.js";

package/web-dist/chunks/{Accordion-jkhq422b.js → Accordion-45nc4bte.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   View3
-} from "./Accordion-sxzax4x4.js";
+} from "./Accordion-z5a0tx18.js";
 import {
   Text2
-} from "./Accordion-kpxyryke.js";
+} from "./Accordion-wyxmd0n0.js";
 import {
   resolveFieldPresentation,
   resolveFieldState

package/web-dist/chunks/{Accordion-jtrpmvzs.js → Accordion-5ga4549x.js}

@@ -1,25 +1,25 @@
 'use client';
 import {
   Pressable
-} from "./Accordion-fvkwq99h.js";
+} from "./Accordion-nnv76yff.js";
 import {
   withZoraThemeScope
-} from "./Accordion-74rt38d4.js";
+} from "./Accordion-42jfy1a1.js";
 import {
   Icon2
-} from "./Accordion-ae7m1dkn.js";
+} from "./Accordion-bb8y34wh.js";
 import {
   View2
-} from "./Accordion-vewrj1kr.js";
+} from "./Accordion-f0jsd9f9.js";
 import {
   Text3
-} from "./Accordion-t3hm5tcv.js";
+} from "./Accordion-afmybp67.js";
 import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
 import {
   useZoraTheme2
-} from "./Accordion-1dah5bqg.js";
+} from "./Accordion-srjya6dz.js";
 
 // src/features/chip/utils/resolveChipColors.ts
 function resolveChipColors({