@ankhorage/zora 25.7.0 → 25.8.1

package/web-dist/components/grid-interactions/GridInteractions.js

@@ -0,0 +1,379 @@
+'use client';
+import {
+  viewportToWorld,
+  hitTestWorldRects,
+  moveWorldRects,
+  resizeWorldRect,
+  resolveWorldSnapCandidate,
+  selectWorldRects,
+  panViewport
+} from "../../chunks/Accordion-zypyr9xw.js";
+import {
+  require_cjs
+} from "../../chunks/Accordion-xgpzh4wq.js";
+import {
+  __toESM
+} from "../../chunks/Accordion-nh0cs9hq.js";
+
+// src/features/grid-interactions/adapters/inbound/GridInteractions.tsx
+var import_react_native = __toESM(require_cjs(), 1);
+import React from "react";
+
+// src/features/grid-interactions/application/createGridInteractionsController.ts
+function createGridInteractionsController(props) {
+  let currentProps = props;
+  let state = { kind: "idle" };
+  let previousIntent;
+  const point = (pointer, viewport = currentProps.viewport) => Number.isFinite(pointer.x) && Number.isFinite(pointer.y) ? viewportToWorld(pointer, viewport) : undefined;
+  const emit = (intent) => {
+    if (JSON.stringify(previousIntent) === JSON.stringify(intent))
+      return;
+    previousIntent = intent;
+    currentProps.onIntent(intent);
+  };
+  return {
+    begin: (pointer, handle) => {
+      if (!canEdit(currentProps))
+        return;
+      const start = point(pointer);
+      if (start === undefined)
+        return;
+      if (pointer.spaceKey === true || pointer.altKey === true) {
+        state = { kind: "pan", start, viewport: currentProps.viewport };
+        return;
+      }
+      const target = hitTestWorldRects(currentProps.items, start);
+      if (target === undefined || isProtected(target)) {
+        state = { kind: "marquee", start, viewport: currentProps.viewport };
+        return;
+      }
+      if (handle !== undefined && target.resizable !== false) {
+        state = { kind: "resize", start, viewport: currentProps.viewport, item: target, handle };
+        return;
+      }
+      const itemIds = currentProps.selectedIds?.includes(target.id) === true ? currentProps.selectedIds : [target.id];
+      state = {
+        kind: "move",
+        start,
+        viewport: currentProps.viewport,
+        itemIds,
+        items: currentProps.items.filter((item) => itemIds.includes(item.id))
+      };
+    },
+    move: (pointer) => {
+      if (!canEdit(currentProps))
+        return;
+      const current = point(pointer, viewportForState(state, currentProps.viewport));
+      if (current !== undefined)
+        emitPreview(state, current, currentProps, emit);
+    },
+    end: (pointer) => {
+      if (!canEdit(currentProps)) {
+        state = { kind: "idle" };
+        return;
+      }
+      const current = point(pointer, viewportForState(state, currentProps.viewport));
+      if (current !== undefined)
+        emitPreview(state, current, currentProps, emit);
+      state = { kind: "idle" };
+    },
+    cancel: () => {
+      state = { kind: "idle" };
+    },
+    keyDown: (key, pointer = { x: 0, y: 0 }) => {
+      if (!canEdit(currentProps))
+        return false;
+      const focusedId = currentProps.selectedIds?.at(-1);
+      const focused = currentProps.items.find((item) => item.id === focusedId);
+      if (!focused || isProtected(focused))
+        return false;
+      const increment = pointer.shiftKey === true ? 10 : 1;
+      const delta = keyToDelta(key, increment);
+      if (delta === undefined)
+        return false;
+      if (pointer.altKey === true) {
+        emit({
+          type: "resize",
+          itemIds: [focused.id],
+          rects: [resizeWorldRect(focused, resizeHandleForDelta(delta), delta)]
+        });
+        return true;
+      }
+      emit({ type: "move", itemIds: [focused.id], rects: moveWorldRects([focused], delta) });
+      return true;
+    },
+    update: (nextProps) => {
+      currentProps = nextProps;
+    }
+  };
+}
+function canEdit(props) {
+  return props.interactionPolicy !== "passive";
+}
+function emitPreview(state, current, props, emit) {
+  if (state.kind === "idle")
+    return;
+  if (state.kind === "pan") {
+    emit({
+      type: "pan",
+      itemIds: [],
+      viewport: panViewport(state.viewport, {
+        x: state.start.x - current.x,
+        y: state.start.y - current.y
+      })
+    });
+    return;
+  }
+  if (state.kind === "marquee") {
+    const marquee = normalizeRect(state.start, current);
+    const itemIds = selectWorldRects(props.items, marquee, {
+      mode: props.marqueeMode ?? "intersect"
+    }).filter((id) => {
+      const item = props.items.find((candidate) => candidate.id === id);
+      return item !== undefined && !isProtected(item);
+    });
+    emit({ type: "marquee", itemIds, marquee });
+    return;
+  }
+  const delta = resolveSnapDelta(state, current, props);
+  if (state.kind === "move") {
+    emit({ type: "move", itemIds: state.itemIds, rects: moveWorldRects(state.items, delta) });
+    return;
+  }
+  emit({
+    type: "resize",
+    itemIds: [state.item.id],
+    rects: [resizeWorldRect(state.item, state.handle, delta)]
+  });
+}
+function resolveSnapDelta(state, current, props) {
+  if (state.kind === "idle" || state.kind === "marquee" || state.kind === "pan") {
+    return { x: 0, y: 0 };
+  }
+  const raw = { x: current.x - state.start.x, y: current.y - state.start.y };
+  if (props.snap?.enabled !== true)
+    return raw;
+  const anchor = state.kind === "resize" ? state.item : state.items.at(0);
+  if (anchor === undefined)
+    return raw;
+  const options = {
+    enabled: true,
+    tolerancePixels: props.snap.tolerancePixels,
+    priorities: props.snap.priorities
+  };
+  return {
+    x: resolveWorldSnapCandidate(anchor.x + raw.x, props.snap.x ?? [], {
+      ...options,
+      pixelsPerUnit: props.viewport.pixelsPerUnitX
+    }) - anchor.x,
+    y: resolveWorldSnapCandidate(anchor.y + raw.y, props.snap.y ?? [], {
+      ...options,
+      pixelsPerUnit: props.viewport.pixelsPerUnitY
+    }) - anchor.y
+  };
+}
+function viewportForState(state, fallback) {
+  return state.kind === "idle" ? fallback : state.viewport;
+}
+function isProtected(item) {
+  return item.disabled === true || item.locked === true || item.readOnly === true || item.passive === true;
+}
+function normalizeRect(start, end) {
+  return {
+    x: Math.min(start.x, end.x),
+    y: Math.min(start.y, end.y),
+    width: Math.abs(end.x - start.x),
+    height: Math.abs(end.y - start.y)
+  };
+}
+function keyToDelta(key, increment) {
+  if (key === "ArrowUp")
+    return { x: 0, y: -increment };
+  if (key === "ArrowRight")
+    return { x: increment, y: 0 };
+  if (key === "ArrowDown")
+    return { x: 0, y: increment };
+  if (key === "ArrowLeft")
+    return { x: -increment, y: 0 };
+  return;
+}
+function resizeHandleForDelta(delta) {
+  if (delta.x < 0)
+    return delta.y < 0 ? "top-left" : delta.y > 0 ? "bottom-left" : "left";
+  return delta.y < 0 ? "top-right" : delta.y > 0 ? "bottom-right" : "right";
+}
+
+// src/features/grid-interactions/adapters/inbound/createGridInteractionsPointerQueue.ts
+function createGridInteractionsPointerQueue() {
+  let active = true;
+  let generation = 0;
+  let measuring = false;
+  let measurementId = 0;
+  let activeMeasurementId;
+  let pending = [];
+  const processNext = () => {
+    if (measuring)
+      return;
+    const pointerWork = pending.at(0);
+    if (pointerWork === undefined)
+      return;
+    pending = pending.slice(1);
+    measuring = true;
+    const currentMeasurementId = ++measurementId;
+    activeMeasurementId = currentMeasurementId;
+    let settled = false;
+    measureSurfaceOrigin(pointerWork.surface, (origin) => {
+      if (settled)
+        return;
+      settled = true;
+      if (activeMeasurementId !== currentMeasurementId)
+        return;
+      try {
+        if (active && pointerWork.generation === generation) {
+          pointerWork.handleOrigin(origin);
+        }
+      } finally {
+        activeMeasurementId = undefined;
+        measuring = false;
+        processNext();
+      }
+    });
+  };
+  return {
+    activate: () => {
+      active = true;
+    },
+    enqueue: (surface, handleOrigin) => {
+      if (!active)
+        return;
+      pending = [...pending, { generation, handleOrigin, surface }];
+      processNext();
+    },
+    cancel: () => {
+      generation += 1;
+      pending = [];
+      activeMeasurementId = undefined;
+      measuring = false;
+    },
+    dispose: () => {
+      active = false;
+      generation += 1;
+      pending = [];
+      activeMeasurementId = undefined;
+      measuring = false;
+    }
+  };
+}
+function measureSurfaceOrigin(surface, onOrigin) {
+  const rect = surface.getBoundingClientRect?.();
+  if (rect) {
+    onOrigin({ x: rect.left, y: rect.top });
+    return;
+  }
+  if (surface.measureInWindow !== undefined) {
+    surface.measureInWindow((x, y) => onOrigin({ x, y }));
+    return;
+  }
+  onOrigin({ x: 0, y: 0 });
+}
+
+// src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx
+import { jsx } from "react/jsx-runtime";
+function GridInteractionsKeyboardProxy({
+  children,
+  enabled,
+  onKeyDown
+}) {
+  return /* @__PURE__ */ jsx("div", {
+    "aria-label": "Grid interaction keyboard controls",
+    onKeyDown: (event) => {
+      if (!enabled)
+        return;
+      if (onKeyDown(event.key, {
+        altKey: event.altKey,
+        ctrlKey: event.ctrlKey,
+        metaKey: event.metaKey,
+        shiftKey: event.shiftKey,
+        x: 0,
+        y: 0
+      })) {
+        event.preventDefault();
+      }
+    },
+    style: { display: "contents" },
+    tabIndex: enabled ? 0 : -1,
+    children
+  });
+}
+
+// src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts
+function resolveGridInteractionPointer(event, surfaceOrigin) {
+  const { nativeEvent } = event;
+  const { pageX, pageY } = nativeEvent;
+  const x = typeof pageX === "number" && Number.isFinite(pageX) ? pageX - surfaceOrigin.x : nativeEvent.locationX;
+  const y = typeof pageY === "number" && Number.isFinite(pageY) ? pageY - surfaceOrigin.y : nativeEvent.locationY;
+  return {
+    altKey: nativeEvent.altKey,
+    ctrlKey: nativeEvent.ctrlKey,
+    metaKey: nativeEvent.metaKey,
+    shiftKey: nativeEvent.shiftKey,
+    x,
+    y
+  };
+}
+
+// src/features/grid-interactions/adapters/inbound/GridInteractions.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function GridInteractions({
+  children,
+  interactionPolicy,
+  resizeHandle,
+  testID,
+  ...props
+}) {
+  const controllerProps = React.useMemo(() => ({ ...props, interactionPolicy }), [interactionPolicy, props]);
+  const [controller] = React.useState(() => createGridInteractionsController(controllerProps));
+  const surfaceRef = React.useRef(null);
+  const [pointerQueue] = React.useState(() => createGridInteractionsPointerQueue());
+  React.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);
+  React.useLayoutEffect(() => {
+    pointerQueue.activate();
+    return () => {
+      pointerQueue.dispose();
+      controller.cancel();
+    };
+  }, [controller, pointerQueue]);
+  const withPointer = (event, handlePointer) => {
+    const surface = surfaceRef.current;
+    if (!surface)
+      return;
+    const eventSnapshot = { nativeEvent: { ...event.nativeEvent } };
+    pointerQueue.enqueue(surface, (origin) => handlePointer(resolveGridInteractionPointer(eventSnapshot, origin)));
+  };
+  const enabled = interactionPolicy !== "passive";
+  return /* @__PURE__ */ jsx2(import_react_native.View, {
+    accessible: true,
+    accessibilityLabel: "Grid interaction surface",
+    accessibilityRole: "adjustable",
+    ref: surfaceRef,
+    testID,
+    onResponderGrant: (event) => withPointer(event, (pointer) => controller.begin(pointer, resizeHandle)),
+    onResponderMove: (event) => withPointer(event, controller.move),
+    onResponderRelease: (event) => withPointer(event, controller.end),
+    onResponderTerminate: () => {
+      pointerQueue.cancel();
+      controller.cancel();
+    },
+    onStartShouldSetResponder: () => enabled,
+    children: /* @__PURE__ */ jsx2(GridInteractionsKeyboardProxy, {
+      enabled,
+      onKeyDown: (key, keyPointer) => {
+        return controller.keyDown(key, keyPointer);
+      },
+      children
+    })
+  });
+}
+export {
+  GridInteractions
+};

package/web-dist/components/grid-interactions/index.d.ts

@@ -0,0 +1 @@
+export * from './GridInteractions';

package/web-dist/components/grid-interactions/index.js

@@ -0,0 +1,2 @@
+'use client';
+export * from './GridInteractions.js';

package/web-dist/components/grid-line-overlay/GridLineOverlay.js

@@ -1,10 +1,10 @@
 'use client';
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import {
   GridLineOverlay2,
   GridRuler2
-} from "../../chunks/Accordion-jh72azm2.js";
+} from "../../chunks/Accordion-vg337250.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {

package/web-dist/components/grid-ruler/GridRuler.js

@@ -1,10 +1,10 @@
 'use client';
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import {
   GridLineOverlay2,
   GridRuler2
-} from "../../chunks/Accordion-jh72azm2.js";
+} from "../../chunks/Accordion-vg337250.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {

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

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

package/web-dist/components/heading/Heading.js

@@ -1,12 +1,12 @@
 'use client';
 import"../../chunks/Accordion-09qs8gt1.js";
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import {
   Heading2,
   Text3
-} from "../../chunks/Accordion-9w8wg9mf.js";
+} from "../../chunks/Accordion-9rnsg9pk.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-xgpzh4wq.js";

package/web-dist/components/hero/Hero.js

@@ -8,26 +8,26 @@ import"../../chunks/Accordion-nnv76yff.js";
 import"../../chunks/Accordion-wyxmd0n0.js";
 import {
   Button2
-} from "../../chunks/Accordion-6rrqpb2h.js";
+} from "../../chunks/Accordion-h4ekm5cp.js";
 import {
   withZoraThemeScope
-} from "../../chunks/Accordion-42jfy1a1.js";
+} from "../../chunks/Accordion-vj1m2wck.js";
 import {
   View2,
   Grid2
-} from "../../chunks/Accordion-7tjz25jh.js";
+} from "../../chunks/Accordion-vbzjq3z8.js";
 import"../../chunks/Accordion-2nesr9cv.js";
 import {
   Card2
-} from "../../chunks/Accordion-fjxcn6g9.js";
+} from "../../chunks/Accordion-wcmrasqx.js";
 import {
   Heading2,
   Text3
-} from "../../chunks/Accordion-9w8wg9mf.js";
-import"../../chunks/Accordion-7kq500r1.js";
-import"../../chunks/Accordion-b96evb46.js";
-import"../../chunks/Accordion-61ntvh14.js";
-import"../../chunks/Accordion-a4cma5b6.js";
+} from "../../chunks/Accordion-9rnsg9pk.js";
+import"../../chunks/Accordion-xgxxg1hz.js";
+import"../../chunks/Accordion-1fsrnq73.js";
+import"../../chunks/Accordion-w59y0jdf.js";
+import"../../chunks/Accordion-y3083394.js";
 import"../../chunks/Accordion-eqvdv7tt.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";

package/web-dist/components/icon/Icon.js

@@ -2,10 +2,10 @@
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import {
   Icon2
-} from "../../chunks/Accordion-b96evb46.js";
+} from "../../chunks/Accordion-1fsrnq73.js";
 import"../../chunks/Accordion-fre84yaq.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {

package/web-dist/components/icon-button/IconButton.js

@@ -10,9 +10,9 @@ import {
   Button2,
   ButtonGroup2,
   IconButton2
-} from "../../chunks/Accordion-6rrqpb2h.js";
-import"../../chunks/Accordion-42jfy1a1.js";
-import"../../chunks/Accordion-7tjz25jh.js";
+} from "../../chunks/Accordion-h4ekm5cp.js";
+import"../../chunks/Accordion-vj1m2wck.js";
+import"../../chunks/Accordion-vbzjq3z8.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-bff0p3x4.js";

package/web-dist/components/image/Image.js

@@ -2,14 +2,14 @@
 import"../../chunks/Accordion-6wrr910w.js";
 import {
   Image2
-} from "../../chunks/Accordion-a4cma5b6.js";
+} from "../../chunks/Accordion-y3083394.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-8f0nekwe.js";
-import"../../chunks/Accordion-42jfy1a1.js";
-import"../../chunks/Accordion-b96evb46.js";
+import"../../chunks/Accordion-vj1m2wck.js";
+import"../../chunks/Accordion-1fsrnq73.js";
 import"../../chunks/Accordion-09qs8gt1.js";
 import"../../chunks/Accordion-z5a0tx18.js";
-import"../../chunks/Accordion-7tjz25jh.js";
+import"../../chunks/Accordion-vbzjq3z8.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";
 import"../../chunks/Accordion-fre84yaq.js";

package/web-dist/components/keyboard-avoiding-view/KeyboardAvoidingView.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   KeyboardAvoidingView2
-} from "../../chunks/Accordion-qn398m1x.js";
+} from "../../chunks/Accordion-r2g18vxa.js";
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {
   KeyboardAvoidingView2 as KeyboardAvoidingView

package/web-dist/components/list/List.js

@@ -1,21 +1,21 @@
 'use client';
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import"../../chunks/Accordion-09qs8gt1.js";
 import"../../chunks/Accordion-bfzeab9x.js";
-import"../../chunks/Accordion-9w8wg9mf.js";
+import"../../chunks/Accordion-9rnsg9pk.js";
 import"../../chunks/Accordion-z5a0tx18.js";
-import"../../chunks/Accordion-7tjz25jh.js";
+import"../../chunks/Accordion-vbzjq3z8.js";
 import {
   FlatList2,
   ListItem2,
   List2,
   ListSection2,
   SectionList2
-} from "../../chunks/Accordion-5g05kfmx.js";
+} from "../../chunks/Accordion-0q2wzjdd.js";
 import"../../chunks/Accordion-nnv76yff.js";
 import"../../chunks/Accordion-wyxmd0n0.js";
-import"../../chunks/Accordion-sy1cc5my.js";
+import"../../chunks/Accordion-ts788t7b.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-bff0p3x4.js";

package/web-dist/components/list-item/ListItem.js

@@ -1,21 +1,21 @@
 'use client';
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import"../../chunks/Accordion-09qs8gt1.js";
 import"../../chunks/Accordion-bfzeab9x.js";
-import"../../chunks/Accordion-9w8wg9mf.js";
+import"../../chunks/Accordion-9rnsg9pk.js";
 import"../../chunks/Accordion-z5a0tx18.js";
-import"../../chunks/Accordion-7tjz25jh.js";
+import"../../chunks/Accordion-vbzjq3z8.js";
 import {
   FlatList2,
   ListItem2,
   List2,
   ListSection2,
   SectionList2
-} from "../../chunks/Accordion-5g05kfmx.js";
+} from "../../chunks/Accordion-0q2wzjdd.js";
 import"../../chunks/Accordion-nnv76yff.js";
 import"../../chunks/Accordion-wyxmd0n0.js";
-import"../../chunks/Accordion-sy1cc5my.js";
+import"../../chunks/Accordion-ts788t7b.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-bff0p3x4.js";

package/web-dist/components/list-section/ListSection.js

@@ -1,21 +1,21 @@
 'use client';
 import"../../chunks/Accordion-6wrr910w.js";
-import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-vj1m2wck.js";
 import"../../chunks/Accordion-09qs8gt1.js";
 import"../../chunks/Accordion-bfzeab9x.js";
-import"../../chunks/Accordion-9w8wg9mf.js";
+import"../../chunks/Accordion-9rnsg9pk.js";
 import"../../chunks/Accordion-z5a0tx18.js";
-import"../../chunks/Accordion-7tjz25jh.js";
+import"../../chunks/Accordion-vbzjq3z8.js";
 import {
   FlatList2,
   ListItem2,
   List2,
   ListSection2,
   SectionList2
-} from "../../chunks/Accordion-5g05kfmx.js";
+} from "../../chunks/Accordion-0q2wzjdd.js";
 import"../../chunks/Accordion-nnv76yff.js";
 import"../../chunks/Accordion-wyxmd0n0.js";
-import"../../chunks/Accordion-sy1cc5my.js";
+import"../../chunks/Accordion-ts788t7b.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-bff0p3x4.js";