@ankhorage/zora 22.1.4 → 23.0.0

package/src/features/tree-view/adapters/inbound/TreeItem.tsx

@@ -1,4 +1,7 @@
+import { Pressable } from '@ankhorage/surface';
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import React from 'react';
+import { Platform } from 'react-native';
 
 import type { ZoraBaseProps } from '../../../../types/base';
 import type { TreeItemNode, TreeItemRenderProps } from '../../../../types/tree-view';
@@ -6,15 +9,16 @@ import { IconButton } from '../../../button/public';
 import { Icon } from '../../../icon/public';
 import { View } from '../../../layout/public';
 import { ListItem } from '../../../list/public';
+import { resolveSelectionEventIntent } from '../../../selection/public';
 import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
 
 interface TreeItemProps<TId extends string = string> extends ZoraBaseProps {
   node: TreeItemNode<TId>;
   depth: number;
   expansionIndicator: 'chevron' | 'folder';
-  selectedId?: TId;
+  selectedIds: readonly TId[];
   expandedIds: readonly TId[];
-  onSelect?: (id: TId) => void;
+  onSelect?: (id: TId, intent: SelectionIntent) => void;
   onToggleExpand: (id: TId) => void;
   renderItem?: (props: TreeItemRenderProps<TId>) => React.ReactNode;
 }
@@ -26,7 +30,7 @@ function TreeItemInner<TId extends string = string>({
   node,
   depth,
   expansionIndicator,
-  selectedId,
+  selectedIds,
   expandedIds,
   onSelect,
   onToggleExpand,
@@ -36,7 +40,7 @@ function TreeItemInner<TId extends string = string>({
 }: TreeItemProps<TId>) {
   const hasChildren = node.children !== undefined && node.children.length > 0;
   const isExpanded = expandedIds.includes(node.id);
-  const isSelected = selectedId === node.id;
+  const isSelected = selectedIds.includes(node.id);
 
   /*** Compose custom content or the selectable row independently of the expansion control. */
   const renderContent = () => {
@@ -62,10 +66,22 @@ function TreeItemInner<TId extends string = string>({
       trailing: node.actions,
     };
 
-    return onSelect === undefined ? (
-      <ListItem {...listItemProps} />
-    ) : (
-      <ListItem {...listItemProps} onPress={() => onSelect(node.id)} />
+    if (onSelect === undefined) return <ListItem {...listItemProps} />;
+    return (
+      <Pressable
+        accessibilityRole="button"
+        accessibilityState={{ disabled: node.disabled, selected: isSelected }}
+        disabled={node.disabled}
+        interactionPolicy={interactionPolicy}
+        onPress={(event) =>
+          onSelect(
+            node.id,
+            resolveSelectionEventIntent(event, Platform.OS === 'web' ? 'pointer' : 'touch'),
+          )
+        }
+      >
+        <ListItem {...listItemProps} />
+      </Pressable>
     );
   };
 
@@ -111,7 +127,7 @@ function TreeItemInner<TId extends string = string>({
               onSelect={onSelect}
               onToggleExpand={onToggleExpand}
               renderItem={renderItem}
-              selectedId={selectedId}
+              selectedIds={selectedIds}
             />
           ))}
         </View>

package/src/features/tree-view/adapters/inbound/TreeView.tsx

@@ -6,12 +6,12 @@ import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThem
 import { toggleExpandedIds } from '../../utils/toggleExpandedIds';
 import { TreeItem } from './TreeItem';
 
-/*** Render the themed TreeView while supporting controlled or internal expansion state. */
+/*** Render the themed TreeView while supporting controlled selection and expansion state. */
 function TreeViewInner<TId extends string = string>({
   themeId: _themeId,
   mode: _mode,
   nodes,
-  selectedId,
+  selectedIds = [],
   expandedIds: controlledExpandedIds,
   defaultExpandedIds,
   onSelect,
@@ -32,9 +32,7 @@ function TreeViewInner<TId extends string = string>({
     if (interactionPolicy === 'passive') return;
     const nextExpandedIds = toggleExpandedIds(expandedIds, id);
 
-    if (!isControlled) {
-      setInternalExpandedIds(nextExpandedIds);
-    }
+    if (!isControlled) setInternalExpandedIds(nextExpandedIds);
     onExpandedChange?.(nextExpandedIds);
   };
 
@@ -50,7 +48,7 @@ function TreeViewInner<TId extends string = string>({
           onSelect={onSelect}
           onToggleExpand={handleToggleExpand}
           renderItem={renderItem}
-          selectedId={selectedId}
+          selectedIds={selectedIds}
           interactionPolicy={interactionPolicy}
         />
       ))}

package/src/features/tree-view/adapters/inbound/web-artifact/TreeItemRow.tsx

@@ -1,5 +1,7 @@
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import React from 'react';
 
+import { resolveSelectionEventIntent } from '../../../../selection/application/resolveSelectionEventIntent';
 import { TreeExpansionIndicator } from './TreeExpansionIndicator';
 import type { TreeItemNode, TreeItemRenderProps } from './TreeView';
 
@@ -8,7 +10,7 @@ export function TreeItemRow<TId extends string>(props: TreeItemRowProps<TId>) {
   const { node } = props;
   const hasChildren = node.children !== undefined && node.children.length > 0;
   const expanded = props.expandedIds.includes(node.id);
-  const selected = props.selectedId === node.id;
+  const selected = props.selectedIds.includes(node.id);
   const content = props.renderItem?.({
     node,
     depth: props.depth,
@@ -23,7 +25,8 @@ export function TreeItemRow<TId extends string>(props: TreeItemRowProps<TId>) {
         aria-disabled={node.disabled === true ? true : undefined}
         aria-expanded={hasChildren ? expanded : undefined}
         aria-selected={selected}
-        onClick={() => selectNode(props)}
+        onPointerUp={(event) => selectNode(event, props)}
+        onClick={(event) => selectNodeFromSyntheticClick(event, props)}
         onKeyDown={(event) => selectNodeFromKeyboard(event, props)}
         role="treeitem"
         tabIndex={node.disabled || props.onSelect === undefined ? undefined : 0}
@@ -49,9 +52,9 @@ interface TreeItemRowProps<TId extends string> {
   readonly node: TreeItemNode<TId>;
   readonly depth: number;
   readonly expansionIndicator: 'chevron' | 'folder';
-  readonly selectedId?: TId;
+  readonly selectedIds: readonly TId[];
   readonly expandedIds: readonly TId[];
-  readonly onSelect?: (id: TId) => void;
+  readonly onSelect?: (id: TId, intent: SelectionIntent) => void;
   readonly onToggleExpand: (id: TId) => void;
   readonly renderItem?: (props: TreeItemRenderProps<TId>) => React.ReactNode;
 }
@@ -77,12 +80,13 @@ function TreeItemDefaultContent<TId extends string>({
   );
 }
 
-/*** Isolate optional row actions so their pointer events do not select the tree item. */
+/*** Isolate optional row actions so their pointer and keyboard events do not select the tree item. */
 function TreeItemActions({ actions }: { readonly actions?: React.ReactNode }) {
   if (actions === undefined) return null;
   return (
     <span
       onClick={(event) => event.stopPropagation()}
+      onPointerUp={(event) => event.stopPropagation()}
       onKeyDown={(event) => event.stopPropagation()}
       style={INLINE_STYLE}
     >
@@ -118,6 +122,7 @@ function TreeItemExpander<TId extends string>(props: {
       aria-label={props.expanded ? 'Collapse' : 'Expand'}
       disabled={props.disabled}
       onKeyDown={(event) => event.stopPropagation()}
+      onPointerUp={(event) => event.stopPropagation()}
       onClick={(event) => {
         event.stopPropagation();
         props.onToggleExpand(props.nodeId);
@@ -142,8 +147,21 @@ function TreeItemChildren<TId extends string>(props: TreeItemRowProps<TId>) {
 }
 
 /*** Select a row from pointer activation when it is interactive. */
-function selectNode<TId extends string>(props: TreeItemRowProps<TId>) {
-  if (!props.node.disabled) props.onSelect?.(props.node.id);
+function selectNode<TId extends string>(
+  event: React.PointerEvent<HTMLDivElement>,
+  props: TreeItemRowProps<TId>,
+) {
+  if (props.node.disabled) return;
+  props.onSelect?.(props.node.id, resolveSelectionEventIntent(event, 'pointer'));
+}
+
+/*** Select a row from assistive or synthetic click activation without duplicating pointer clicks. */
+function selectNodeFromSyntheticClick<TId extends string>(
+  event: React.MouseEvent<HTMLDivElement>,
+  props: TreeItemRowProps<TId>,
+) {
+  if (event.detail !== 0 || props.node.disabled) return;
+  props.onSelect?.(props.node.id, resolveSelectionEventIntent(event, 'keyboard'));
 }
 
 /*** Select a row from keyboard activation while preserving native navigation keys. */
@@ -153,7 +171,7 @@ function selectNodeFromKeyboard<TId extends string>(
 ) {
   if (props.node.disabled || (event.key !== 'Enter' && event.key !== ' ')) return;
   event.preventDefault();
-  props.onSelect?.(props.node.id);
+  props.onSelect?.(props.node.id, resolveSelectionEventIntent(event, 'keyboard'));
 }
 
 /*** Resolve browser row presentation from the interaction state. */

package/src/features/tree-view/adapters/inbound/web-artifact/TreeView.test.tsx

@@ -21,7 +21,7 @@ test('expands from the leading control without selecting the row, including keyb
   });
   const host = document.createElement('div');
   document.body.appendChild(host);
-  const selected: string[] = [];
+  const selected: (readonly [string, string])[] = [];
   const expanded: (readonly string[])[] = [];
   const root = createRoot(host);
   const interactAsync = (action: () => void) => act(() => Promise.resolve().then(action));
@@ -30,7 +30,7 @@ test('expands from the leading control without selecting the row, including keyb
       root.render(
         <TreeView
           nodes={[{ id: 'src', label: 'source', children: [{ id: 'leaf', label: 'leaf' }] }]}
-          onSelect={(id) => selected.push(id)}
+          onSelect={(id, intent) => selected.push([id, intent])}
           onExpandedChange={(ids) => expanded.push(ids)}
         />,
       ),
@@ -49,9 +49,11 @@ test('expands from the leading control without selecting the row, including keyb
     expect(expanded).toEqual([['src']]);
     expect(host.querySelector('[role="group"]')?.textContent).toContain('leaf');
     await interactAsync(() => {
-      row.dispatchEvent(new browserWindow.MouseEvent('click', { bubbles: true }));
+      row.dispatchEvent(
+        new browserWindow.PointerEvent('pointerup', { bubbles: true, pointerType: 'mouse' }),
+      );
     });
-    expect(selected).toEqual(['src']);
+    expect(selected).toEqual([['src', 'replace']]);
     expect(expanded).toEqual([['src']]);
     await interactAsync(() => button.click());
     expect(expanded).toEqual([['src'], []]);
@@ -66,6 +68,74 @@ test('expands from the leading control without selecting the row, including keyb
   }
 });
 
+test('reports toggle intent for desktop modifiers and touch pointer activation', async () => {
+  const browserWindow = new Window();
+  const keys = ['window', 'document', 'Node', 'navigator', 'IS_REACT_ACT_ENVIRONMENT'] as const;
+  const previous = keys.map(
+    (key) => [key, Object.getOwnPropertyDescriptor(globalThis, key)] as const,
+  );
+  Object.assign(globalThis, {
+    IS_REACT_ACT_ENVIRONMENT: true,
+    window: browserWindow,
+    document: browserWindow.document,
+    Node: browserWindow.Node,
+    navigator: browserWindow.navigator,
+  });
+  const host = document.createElement('div');
+  document.body.appendChild(host);
+  const selected: string[] = [];
+  const root = createRoot(host);
+  const interactAsync = (action: () => void) => act(() => Promise.resolve().then(action));
+  try {
+    await interactAsync(() =>
+      root.render(
+        <TreeView
+          nodes={[{ id: 'a', label: 'A' }]}
+          onSelect={(_id, intent) => selected.push(intent)}
+        />,
+      ),
+    );
+    const row = host.querySelector('[role="treeitem"]');
+    if (!row) throw new Error('Missing tree row');
+
+    await interactAsync(() =>
+      row.dispatchEvent(
+        new browserWindow.PointerEvent('pointerup', {
+          bubbles: true,
+          pointerType: 'mouse',
+          metaKey: true,
+        }),
+      ),
+    );
+    await interactAsync(() =>
+      row.dispatchEvent(
+        new browserWindow.PointerEvent('pointerup', {
+          bubbles: true,
+          pointerType: 'mouse',
+          ctrlKey: true,
+        }),
+      ),
+    );
+    await interactAsync(() =>
+      row.dispatchEvent(
+        new browserWindow.PointerEvent('pointerup', {
+          bubbles: true,
+          pointerType: 'touch',
+        }),
+      ),
+    );
+
+    expect(selected).toEqual(['toggle', 'toggle', 'toggle']);
+  } finally {
+    await interactAsync(() => root.unmount());
+    browserWindow.close();
+    for (const [key, descriptor] of previous) {
+      if (descriptor) Object.defineProperty(globalThis, key, descriptor);
+      else Reflect.deleteProperty(globalThis, key);
+    }
+  }
+});
+
 test('reveals a controlled selection when expansion makes the row renderable', async () => {
   const browserWindow = new Window();
   const keys = ['window', 'document', 'Node', 'navigator', 'IS_REACT_ACT_ENVIRONMENT'] as const;
@@ -88,12 +158,12 @@ test('reveals a controlled selection when expansion makes the row renderable', a
   const nodes = [{ id: 'src', label: 'source', children: [{ id: 'leaf', label: 'leaf' }] }];
   try {
     await interactAsync(() =>
-      root.render(<TreeView expandedIds={[]} nodes={nodes} selectedId="leaf" />),
+      root.render(<TreeView expandedIds={[]} nodes={nodes} selectedIds={['leaf']} />),
     );
     expect(reveals).toEqual([]);
 
     await interactAsync(() =>
-      root.render(<TreeView expandedIds={['src']} nodes={nodes} selectedId="leaf" />),
+      root.render(<TreeView expandedIds={['src']} nodes={nodes} selectedIds={['leaf']} />),
     );
     expect(reveals).toEqual([{ block: 'nearest', inline: 'nearest' }]);
   } finally {
@@ -119,7 +189,7 @@ test('renders a standalone web tree without a ZORA or React Native provider', ()
           children: [{ id: 'index', label: 'index.ts' }],
         },
       ]}
-      selectedId="index"
+      selectedIds={['index']}
     />,
   );
 

package/src/features/tree-view/adapters/inbound/web-artifact/TreeView.tsx

@@ -1,3 +1,4 @@
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import React from 'react';
 
 import { toggleExpandedIds } from '../../../utils/toggleExpandedIds';
@@ -23,10 +24,10 @@ export interface TreeItemRenderProps<TId extends string = string> {
 
 export interface TreeViewProps<TId extends string = string> {
   readonly nodes: readonly TreeItemNode<TId>[];
-  readonly selectedId?: TId;
+  readonly selectedIds?: readonly TId[];
   readonly expandedIds?: readonly TId[];
   readonly defaultExpandedIds?: readonly TId[];
-  readonly onSelect?: (id: TId) => void;
+  readonly onSelect?: (id: TId, intent: SelectionIntent) => void;
   readonly onExpandedChange?: (ids: readonly TId[]) => void;
   readonly renderItem?: (props: TreeItemRenderProps<TId>) => React.ReactNode;
   readonly expansionIndicator?: 'chevron' | 'folder';
@@ -42,7 +43,7 @@ export interface TreeViewProps<TId extends string = string> {
  */
 export function TreeView<TId extends string = string>({
   nodes,
-  selectedId,
+  selectedIds = [],
   expandedIds: controlledExpandedIds,
   defaultExpandedIds,
   onSelect,
@@ -67,12 +68,13 @@ export function TreeView<TId extends string = string>({
     },
     [expandedIds, isControlled, onExpandedChange],
   );
-  useSelectedTreeItemReveal(rootRef, selectedId, expandedIds);
+  useSelectedTreeItemReveal(rootRef, selectedIds, expandedIds);
 
   return (
     <div
       ref={rootRef}
       aria-label={ariaLabel}
+      aria-multiselectable="true"
       className={className}
       role="tree"
       style={{ ...TREE_STYLE, ...style }}
@@ -87,26 +89,26 @@ export function TreeView<TId extends string = string>({
           onSelect={onSelect}
           onToggleExpand={handleToggleExpand}
           renderItem={renderItem}
-          selectedId={selectedId}
+          selectedIds={selectedIds}
         />
       ))}
     </div>
   );
 }
 
-/*** Reveal a controlled selection after it is rendered without changing expansion ownership. */
+/*** Reveal the first controlled selection after it is rendered without changing expansion ownership. */
 function useSelectedTreeItemReveal<TId extends string>(
   rootRef: React.RefObject<HTMLDivElement | null>,
-  selectedId: TId | undefined,
+  selectedIds: readonly TId[],
   expandedIds: readonly TId[],
 ) {
   React.useEffect(() => {
-    if (selectedId === undefined) return;
+    if (selectedIds.length === 0) return;
     const root = rootRef.current as unknown as TreeViewQueryableElement | null;
     root
       ?.querySelector('[role="treeitem"][aria-selected="true"]')
       ?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-  }, [expandedIds, rootRef, selectedId]);
+  }, [expandedIds, rootRef, selectedIds]);
 }
 
 const TREE_STYLE = {

package/src/index.ts

@@ -368,6 +368,7 @@ export {
 export type {
   SelectableItemProps,
   SelectableItemState,
+  SelectionIntent,
   SelectionMode,
   SelectionProviderProps,
   SelectionTrigger,

package/src/types/graph-view.ts

@@ -1,3 +1,4 @@
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import type React from 'react';
 
 export type GraphViewLayoutName = 'breadthfirst' | 'circle' | 'concentric' | 'elk' | 'grid';
@@ -79,6 +80,7 @@ export interface GraphViewFitOptions {
 export interface GraphViewElementEvent {
   readonly id: string;
   readonly type: GraphViewElementEventType;
+  readonly selectionIntent?: SelectionIntent;
 }
 
 export interface GraphViewController {

package/src/types/selection.ts

@@ -1,4 +1,5 @@
 import type { InteractionPolicy } from '@ankhorage/surface';
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import type React from 'react';
 
 export type SelectionMode = 'single' | 'multi';
@@ -22,6 +23,7 @@ export interface UseSelectionResult {
   selectedCount: number;
   hasSelection: boolean;
   isSelected: (id: string) => boolean;
+  activate: (id: string, intent: SelectionIntent) => void;
   select: (id: string) => void;
   toggle: (id: string) => void;
   clear: () => void;
@@ -32,6 +34,7 @@ export interface SelectableItemState {
   selected: boolean;
   disabled: boolean;
   mode: SelectionMode;
+  activate: (intent: SelectionIntent) => void;
   select: () => void;
   toggle: () => void;
   clear: () => void;

package/src/types/tree-view.ts

@@ -1,4 +1,5 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import type { ReactNode } from 'react';
 
 import type { ZoraBaseProps } from './base';
@@ -23,10 +24,10 @@ export interface TreeItemRenderProps<TId extends string = string> {
 
 export interface TreeViewProps<TId extends string = string> extends ZoraBaseProps {
   nodes: readonly TreeItemNode<TId>[];
-  selectedId?: TId;
+  selectedIds?: readonly TId[];
   expandedIds?: readonly TId[];
   defaultExpandedIds?: readonly TId[];
-  onSelect?: (id: TId) => void;
+  onSelect?: (id: TId, intent: SelectionIntent) => void;
   onExpandedChange?: (ids: readonly TId[]) => void;
   renderItem?: (props: TreeItemRenderProps<TId>) => ReactNode;
   expansionIndicator?: 'chevron' | 'folder';

package/web-dist/chunks/{Accordion-j2aw3d5b.js → Accordion-01e56hb5.js}

@@ -13,7 +13,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   resolveSpacing,
   resolveViewStyles

package/web-dist/chunks/{Accordion-emczc5rg.js → Accordion-09se459d.js}

@@ -17,16 +17,16 @@ import {
 } from "./Accordion-bsy1jrak.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 import {
   Text2
-} from "./Accordion-ycmg06sq.js";
+} from "./Accordion-rx2gzadh.js";
 import {
   Icon2
-} from "./Accordion-1cgz6f8t.js";
+} from "./Accordion-x4rjd7yn.js";
 import {
   useZoraThemeRecipe,
   ZORA_COLORS

package/web-dist/chunks/{Accordion-784f23tq.js → Accordion-14p7zanv.js}

@@ -4,7 +4,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/{Accordion-cecn51ry.js → Accordion-17pht8jd.js}

@@ -5,13 +5,13 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   Icon2
-} from "./Accordion-1cgz6f8t.js";
+} from "./Accordion-x4rjd7yn.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/Accordion-5df6cgyf.js

@@ -0,0 +1,55 @@
+'use client';
+import {
+  isRecord
+} from "./Accordion-59pa0677.js";
+// node_modules/@ankhorage/utility/dist/interaction/resolveSelectionIntent.js
+function resolveSelectionIntent(input) {
+  if (input.kind === "touch")
+    return "toggle";
+  return input.modifiers?.metaKey === true || input.modifiers?.ctrlKey === true ? "toggle" : "replace";
+}
+// src/features/selection/application/resolveSelectionEventIntent.ts
+function resolveSelectionEventIntent(event, fallbackKind) {
+  const source = readEventSource(event);
+  const kind = isTouchActivation(source) ? "touch" : fallbackKind;
+  const sourceModifiers = readInteractionModifiers(source);
+  const wrapperModifiers = readInteractionModifiers(event);
+  const input = {
+    kind,
+    modifiers: {
+      altKey: sourceModifiers.altKey === true || wrapperModifiers.altKey === true,
+      ctrlKey: sourceModifiers.ctrlKey === true || wrapperModifiers.ctrlKey === true,
+      metaKey: sourceModifiers.metaKey === true || wrapperModifiers.metaKey === true,
+      shiftKey: sourceModifiers.shiftKey === true || wrapperModifiers.shiftKey === true
+    }
+  };
+  return resolveSelectionIntent(input);
+}
+function readEventSource(event) {
+  if (!isRecord(event))
+    return {};
+  if (isRecord(event.originalEvent))
+    return event.originalEvent;
+  if (isRecord(event.nativeEvent))
+    return event.nativeEvent;
+  return event;
+}
+function isTouchActivation(source) {
+  if (source.pointerType === "touch")
+    return true;
+  if (typeof source.type === "string" && source.type.startsWith("touch"))
+    return true;
+  return "touches" in source || "changedTouches" in source;
+}
+function readInteractionModifiers(value) {
+  if (!isRecord(value))
+    return {};
+  return {
+    altKey: value.altKey === true,
+    ctrlKey: value.ctrlKey === true,
+    metaKey: value.metaKey === true,
+    shiftKey: value.shiftKey === true
+  };
+}
+
+export { resolveSelectionEventIntent };

package/web-dist/chunks/{Accordion-sr353w95.js → Accordion-78mj69zp.js}

@@ -7,10 +7,10 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/{Accordion-mpnb4qqw.js → Accordion-83hfn3y4.js}

@@ -4,19 +4,19 @@ import {
 } from "./Accordion-cdppbyad.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 import {
   Text2
-} from "./Accordion-ycmg06sq.js";
+} from "./Accordion-rx2gzadh.js";
 import {
   Avatar2
-} from "./Accordion-jj3bg8c1.js";
+} from "./Accordion-k7wwyx5x.js";
 import {
   Badge2
-} from "./Accordion-s1jhv8gk.js";
+} from "./Accordion-x13vca75.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";

package/web-dist/chunks/{Accordion-07rdw2vh.js → Accordion-89q14src.js}

@@ -8,10 +8,10 @@ import {
 } from "./Accordion-vq462y0x.js";
 import {
   IconButton2
-} from "./Accordion-nc5gnvnb.js";
+} from "./Accordion-dp638q63.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";

package/web-dist/chunks/{Accordion-ajydqhjp.js → Accordion-8xk2zmr5.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 
 // src/features/gradient/adapters/inbound/GradientRendererContext.tsx
 import { createContext, use } from "react";