@ankhorage/zora 22.1.4 → 23.1.0

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

@@ -16,6 +16,8 @@ export { AppBar } from './features/app-bar/public';
 export type {
   AuthFormBaseProps,
   AuthIdentifierKind,
+  AuthScreenMode,
+  AuthScreenProps,
   ForgotPasswordFormProps,
   ForgotPasswordFormValues,
   OAuthProviderButtonProps,
@@ -32,6 +34,7 @@ export type {
   SignUpFormValues,
 } from './features/auth/public';
 export {
+  AuthScreen,
   DEFAULT_OAUTH_PROVIDER_ICONS,
   ForgotPasswordForm,
   OAuthProviderButton,
@@ -368,6 +371,7 @@ export {
 export type {
   SelectableItemProps,
   SelectableItemState,
+  SelectionIntent,
   SelectionMode,
   SelectionProviderProps,
   SelectionTrigger,

package/src/showcaseCoverage.test.ts

@@ -63,6 +63,7 @@ const REQUIRED_SHOWCASE_COVERAGE = {
   features: ['Uploader', 'BottomSheet', 'FlatList', 'SectionList'],
   layouts: ['AppShell', 'Screen', 'ScreenSection', 'ScrollView'],
   patterns: [
+    'AuthScreen',
     'ForgotPasswordForm',
     'OtpForm',
     'SignInForm',

package/src/types/auth.ts

@@ -7,6 +7,27 @@ import type { FormFieldConfig, FormValues } from './form';
 
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';
 
+export type AuthScreenMode = 'signIn' | 'signUp';
+
+export interface AuthScreenProps extends ZoraBaseProps {
+  authMode: AuthScreenMode;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  info?: React.ReactNode;
+  error?: React.ReactNode;
+  loading?: boolean;
+  disabled?: boolean;
+  identifiers?: readonly AuthIdentifierKind[];
+  identifierLabel?: React.ReactNode;
+  signUpFields?: readonly SignUpFormField[];
+  oauthProviders?: readonly OAuthProviderItem[];
+  oauthSeparatorLabel?: React.ReactNode;
+  onModeChange?: (mode: AuthScreenMode) => void | Promise<void>;
+  onOAuthProviderPress?: (providerId: string) => void | Promise<void>;
+  onSignInSubmit?: (values: SignInFormValues) => void | Promise<void>;
+  onSignUpSubmit?: (values: SignUpFormValues) => void | Promise<void>;
+}
+
 export interface AuthFormBaseProps extends ZoraBaseProps {
   loading?: boolean;
   disabled?: boolean;

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-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-555gnfmw.js → Accordion-2ak69ntj.js}

@@ -4,22 +4,22 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   Button2
-} from "./Accordion-nc5gnvnb.js";
+} from "./Accordion-yms7x22j.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 import {
   Card2
-} from "./Accordion-b3qy1trj.js";
+} from "./Accordion-z1trs7s1.js";
 import {
-  Text2
-} from "./Accordion-ycmg06sq.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 import {
   Badge2
-} from "./Accordion-s1jhv8gk.js";
+} from "./Accordion-cqgbx1pw.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";
@@ -82,7 +82,7 @@ function CameraPermissionViewInner({
     children: /* @__PURE__ */ jsxs(View2, {
       gap: "m",
       children: [
-        /* @__PURE__ */ jsxs(Text2, {
+        /* @__PURE__ */ jsxs(Text3, {
           emphasis: "muted",
           variant: "bodySmall",
           children: [
@@ -167,13 +167,13 @@ function ScanOverlayInner({
         /* @__PURE__ */ jsxs2(View2, {
           gap: "xs",
           children: [
-            /* @__PURE__ */ jsx2(Text2, {
+            /* @__PURE__ */ jsx2(Text3, {
               align: "center",
               variant: "label",
               weight: "semiBold",
               children: title
             }),
-            /* @__PURE__ */ jsx2(Text2, {
+            /* @__PURE__ */ jsx2(Text3, {
               align: "center",
               emphasis: "muted",
               variant: "bodySmall",
@@ -304,7 +304,7 @@ function BarcodeScannerViewInner({
         children ? /* @__PURE__ */ jsx3(View2, {
           children
         }) : null,
-        /* @__PURE__ */ jsx3(Text2, {
+        /* @__PURE__ */ jsx3(Text3, {
           emphasis: "muted",
           variant: "caption",
           children: "Native scanning belongs to an app adapter such as expo-camera. ZORA owns this visible scanner surface."

package/web-dist/chunks/{Accordion-ycmg06sq.js → Accordion-46vwm9xv.js}

@@ -8,7 +8,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   useZoraThemeRecipe,
   ZORA_COLORS,
@@ -577,7 +577,7 @@ var textThemeRecipeMeta = {
 
 // src/features/typography/adapters/inbound/Text.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var Text2 = withZoraThemeScope(TextInner);
+var Text3 = withZoraThemeScope(TextInner);
 var textLayoutStyle = {
   flexShrink: 1,
   maxWidth: "100%",
@@ -656,4 +656,4 @@ function TextInner({
     children: content
   });
 }
-export { Heading2, Text2 };
+export { Heading2, Text3 };

package/web-dist/chunks/{Accordion-nn38n7q4.js → Accordion-4r9a9qny.js}

@@ -18,14 +18,14 @@ import {
 } from "./Accordion-13b6y37e.js";
 import {
   withZoraThemeScope
-} from "./Accordion-k3bc4kad.js";
+} from "./Accordion-13y3zx87.js";
 import {
   View2
-} from "./Accordion-j2aw3d5b.js";
+} from "./Accordion-01e56hb5.js";
 import {
   Heading2,
-  Text2
-} from "./Accordion-ycmg06sq.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 import {
   resolveOverlayAnimation
 } from "./Accordion-2d8xn32m.js";
@@ -158,7 +158,7 @@ function DialogInner({
                 level: 3,
                 children: title
               }) : null,
-              description !== undefined ? /* @__PURE__ */ jsx2(Text2, {
+              description !== undefined ? /* @__PURE__ */ jsx2(Text3, {
                 emphasis: "muted",
                 variant: "bodySmall",
                 children: description

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-v1dtv6v0.js → Accordion-5pskbqss.js}

@@ -1,16 +1,16 @@
 'use client';
 import {
   Field3
-} from "./Accordion-zx0jc0kg.js";
+} from "./Accordion-qb8ppq9t.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";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 
 // src/features/form/field/adapters/inbound/Field.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -30,12 +30,12 @@ function FieldInner({
     label: /* @__PURE__ */ jsxs(View2, {
       gap: "xs",
       children: [
-        /* @__PURE__ */ jsx(Text2, {
+        /* @__PURE__ */ jsx(Text3, {
           variant: "label",
           weight: "semiBold",
           children: label
         }),
-        description ? /* @__PURE__ */ jsx(Text2, {
+        description ? /* @__PURE__ */ jsx(Text3, {
           emphasis: "muted",
           variant: "bodySmall",
           children: description