@ankhorage/zora 1.1.0 → 1.3.0

package/dist/internal/resolveZoraNavigationItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveZoraNavigationItems.js","sourceRoot":"","sources":["../../src/internal/resolveZoraNavigationItems.ts"],"names":[],"mappings":"AAyDA,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,IAAI,GAML;IACC,IAAI,QAAQ,EAAE,KAAK,KAAK,SAAS,EAAE,CAAC;QAClC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IACvD,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,EAAE,OAAO,CAAC;IACpC,MAAM,QAAQ,GACZ,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,KAAK,CAAC;QAC1C,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,KAAK,CAAC,CAAC;IAE/C,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,GAML;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAChC,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE7C,OAAO;YACL,KAAK;YACL,QAAQ;YACR,KAAK;YACL,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;YAC3D,QAAQ;SACT,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,UAAU,GAIX;IACC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,GAAG,EAAE;QACV,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;YAC/B,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;YACtB,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,IAAI,MAAM,EAAE,gBAAgB,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,UAAU,GAIX;IACC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,GAAG,EAAE;QACV,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\n\nimport type {\n  ZoraNavigationRouteMetadata,\n  ZoraNavigationRouteState,\n} from '../components/navigation-item';\nimport type { ZoraNavigationRouteMap } from '../components/navigation-list';\n\nexport interface ZoraNavigationDescriptorOptions {\n  title?: string;\n  tabBarLabel?: string | React.ReactNode;\n  drawerLabel?: string | React.ReactNode;\n}\n\nexport interface ZoraNavigationDescriptor {\n  options?: ZoraNavigationDescriptorOptions;\n}\n\nexport type ZoraNavigationDescriptors = Readonly<\n  Record<string, ZoraNavigationDescriptor | undefined>\n>;\n\nexport interface ZoraNavigationState {\n  index: number;\n  routes: readonly ZoraNavigationRouteState[];\n}\n\nexport interface ZoraTabPressEvent {\n  type: 'tabPress';\n  target: string;\n  canPreventDefault: true;\n}\n\nexport interface ZoraTabPressEventResult {\n  defaultPrevented: boolean;\n}\n\nexport interface ZoraTabBarNavigation {\n  emit?: (event: ZoraTabPressEvent) => ZoraTabPressEventResult;\n  navigate: (name: string) => void;\n}\n\nexport interface ZoraDrawerNavigation {\n  navigate: (name: string) => void;\n  closeDrawer?: () => void;\n}\n\nexport interface ZoraResolvedNavigationItem {\n  route: ZoraNavigationRouteState;\n  metadata?: ZoraNavigationRouteMetadata;\n  label: React.ReactNode;\n  active: boolean;\n  disabled: boolean;\n}\n\nexport type ZoraRouteLabelSource = 'routeMap' | 'descriptor' | 'name';\n\nexport function resolveRouteLabel({\n  route,\n  metadata,\n  descriptor,\n  kind,\n}: {\n  route: ZoraNavigationRouteState;\n  metadata: ZoraNavigationRouteMetadata | undefined;\n  descriptor: ZoraNavigationDescriptor | undefined;\n  kind: 'tab' | 'drawer';\n}): { label: React.ReactNode; source: ZoraRouteLabelSource } {\n  if (metadata?.label !== undefined) {\n    return { label: metadata.label, source: 'routeMap' };\n  }\n\n  const options = descriptor?.options;\n  const fallback =\n    kind === 'tab'\n      ? (options?.tabBarLabel ?? options?.title)\n      : (options?.drawerLabel ?? options?.title);\n\n  if (fallback !== undefined) {\n    return { label: fallback, source: 'descriptor' };\n  }\n\n  return { label: route.name, source: 'name' };\n}\n\nexport function resolveNavigationItems({\n  state,\n  descriptors,\n  routeMap,\n  kind,\n}: {\n  state: ZoraNavigationState;\n  descriptors?: ZoraNavigationDescriptors | undefined;\n  routeMap?: ZoraNavigationRouteMap | undefined;\n  kind: 'tab' | 'drawer';\n}): readonly ZoraResolvedNavigationItem[] {\n  const activeRoute = state.routes[state.index];\n\n  return state.routes.map((route) => {\n    const metadata = routeMap?.[route.name];\n    const descriptor = descriptors?.[route.key];\n    const { label } = resolveRouteLabel({ route, metadata, descriptor, kind });\n    const disabled = Boolean(metadata?.disabled);\n\n    return {\n      route,\n      metadata,\n      label,\n      active: activeRoute ? activeRoute.key === route.key : false,\n      disabled,\n    };\n  });\n}\n\nexport function createTabBarItemPressHandler({\n  item,\n  navigation,\n}: {\n  item: ZoraResolvedNavigationItem;\n  navigation: ZoraTabBarNavigation;\n}): (() => void) | undefined {\n  if (item.disabled || item.active) {\n    return undefined;\n  }\n\n  return () => {\n    const result = navigation.emit?.({\n      type: 'tabPress',\n      target: item.route.key,\n      canPreventDefault: true,\n    });\n\n    if (result?.defaultPrevented) {\n      return;\n    }\n\n    navigation.navigate(item.route.name);\n  };\n}\n\nexport function createDrawerItemPressHandler({\n  item,\n  navigation,\n}: {\n  item: ZoraResolvedNavigationItem;\n  navigation: ZoraDrawerNavigation;\n}): (() => void) | undefined {\n  if (item.disabled) {\n    return undefined;\n  }\n\n  return () => {\n    navigation.navigate(item.route.name);\n    navigation.closeDrawer?.();\n  };\n}\n"]}
+{"version":3,"file":"resolveZoraNavigationItems.js","sourceRoot":"","sources":["../../src/internal/resolveZoraNavigationItems.ts"],"names":[],"mappings":"AAyDA,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,IAAI,GAML;IACC,IAAI,QAAQ,EAAE,KAAK,KAAK,SAAS,EAAE,CAAC;QAClC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IACvD,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,EAAE,OAAO,CAAC;IACpC,MAAM,QAAQ,GACZ,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,KAAK,CAAC;QAC1C,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,KAAK,CAAC,CAAC;IAE/C,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,GAML;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAChC,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE7C,OAAO;YACL,KAAK;YACL,QAAQ;YACR,KAAK;YACL,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;YAC3D,QAAQ;SACT,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,UAAU,GAIX;IACC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,GAAG,EAAE;QACV,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;YAC/B,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;YACtB,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,IAAI,MAAM,EAAE,gBAAgB,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,UAAU,GAIX;IACC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,GAAG,EAAE;QACV,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\n\nimport type {\n  ZoraNavigationRouteMetadata,\n  ZoraNavigationRouteState,\n} from '../components/navigation-item';\nimport type { ZoraNavigationRouteMap } from '../components/navigation-list';\n\ninterface ZoraNavigationDescriptorOptions {\n  title?: string;\n  tabBarLabel?: string | React.ReactNode;\n  drawerLabel?: string | React.ReactNode;\n}\n\nexport interface ZoraNavigationDescriptor {\n  options?: ZoraNavigationDescriptorOptions;\n}\n\nexport type ZoraNavigationDescriptors = Readonly<\n  Record<string, ZoraNavigationDescriptor | undefined>\n>;\n\nexport interface ZoraNavigationState {\n  index: number;\n  routes: readonly ZoraNavigationRouteState[];\n}\n\ninterface ZoraTabPressEvent {\n  type: 'tabPress';\n  target: string;\n  canPreventDefault: true;\n}\n\ninterface ZoraTabPressEventResult {\n  defaultPrevented: boolean;\n}\n\nexport interface ZoraTabBarNavigation {\n  emit?: (event: ZoraTabPressEvent) => ZoraTabPressEventResult;\n  navigate: (name: string) => void;\n}\n\nexport interface ZoraDrawerNavigation {\n  navigate: (name: string) => void;\n  closeDrawer?: () => void;\n}\n\nexport interface ZoraResolvedNavigationItem {\n  route: ZoraNavigationRouteState;\n  metadata?: ZoraNavigationRouteMetadata;\n  label: React.ReactNode;\n  active: boolean;\n  disabled: boolean;\n}\n\nexport type ZoraRouteLabelSource = 'routeMap' | 'descriptor' | 'name';\n\nexport function resolveRouteLabel({\n  route,\n  metadata,\n  descriptor,\n  kind,\n}: {\n  route: ZoraNavigationRouteState;\n  metadata: ZoraNavigationRouteMetadata | undefined;\n  descriptor: ZoraNavigationDescriptor | undefined;\n  kind: 'tab' | 'drawer';\n}): { label: React.ReactNode; source: ZoraRouteLabelSource } {\n  if (metadata?.label !== undefined) {\n    return { label: metadata.label, source: 'routeMap' };\n  }\n\n  const options = descriptor?.options;\n  const fallback =\n    kind === 'tab'\n      ? (options?.tabBarLabel ?? options?.title)\n      : (options?.drawerLabel ?? options?.title);\n\n  if (fallback !== undefined) {\n    return { label: fallback, source: 'descriptor' };\n  }\n\n  return { label: route.name, source: 'name' };\n}\n\nexport function resolveNavigationItems({\n  state,\n  descriptors,\n  routeMap,\n  kind,\n}: {\n  state: ZoraNavigationState;\n  descriptors?: ZoraNavigationDescriptors | undefined;\n  routeMap?: ZoraNavigationRouteMap | undefined;\n  kind: 'tab' | 'drawer';\n}): readonly ZoraResolvedNavigationItem[] {\n  const activeRoute = state.routes[state.index];\n\n  return state.routes.map((route) => {\n    const metadata = routeMap?.[route.name];\n    const descriptor = descriptors?.[route.key];\n    const { label } = resolveRouteLabel({ route, metadata, descriptor, kind });\n    const disabled = Boolean(metadata?.disabled);\n\n    return {\n      route,\n      metadata,\n      label,\n      active: activeRoute ? activeRoute.key === route.key : false,\n      disabled,\n    };\n  });\n}\n\nexport function createTabBarItemPressHandler({\n  item,\n  navigation,\n}: {\n  item: ZoraResolvedNavigationItem;\n  navigation: ZoraTabBarNavigation;\n}): (() => void) | undefined {\n  if (item.disabled || item.active) {\n    return undefined;\n  }\n\n  return () => {\n    const result = navigation.emit?.({\n      type: 'tabPress',\n      target: item.route.key,\n      canPreventDefault: true,\n    });\n\n    if (result?.defaultPrevented) {\n      return;\n    }\n\n    navigation.navigate(item.route.name);\n  };\n}\n\nexport function createDrawerItemPressHandler({\n  item,\n  navigation,\n}: {\n  item: ZoraResolvedNavigationItem;\n  navigation: ZoraDrawerNavigation;\n}): (() => void) | undefined {\n  if (item.disabled) {\n    return undefined;\n  }\n\n  return () => {\n    navigation.navigate(item.route.name);\n    navigation.closeDrawer?.();\n  };\n}\n"]}

package/dist/patterns/list/types.d.ts

@@ -34,7 +34,7 @@ export interface ListChildrenProps extends ZoraBaseProps {
     children: React.ReactNode;
 }
 export type ListProps = ListItemsProps | ListChildrenProps;
-export interface ListSectionItemsProps extends ZoraBaseProps {
+interface ListSectionItemsProps extends ZoraBaseProps {
     title?: React.ReactNode;
     description?: React.ReactNode;
     eyebrow?: React.ReactNode;
@@ -43,7 +43,7 @@ export interface ListSectionItemsProps extends ZoraBaseProps {
     rowVariant?: ListRowVariant;
     compact?: boolean;
 }
-export interface ListSectionChildrenProps extends ZoraBaseProps {
+interface ListSectionChildrenProps extends ZoraBaseProps {
     title?: React.ReactNode;
     description?: React.ReactNode;
     eyebrow?: React.ReactNode;

package/dist/patterns/list/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,qBAAqB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAE3D,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,wBAAwB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,qBAAqB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAE3D,UAAU,qBAAsB,SAAQ,aAAa;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,wBAAyB,SAAQ,aAAa;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,wBAAwB,CAAC"}

package/dist/patterns/list/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/list/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type ListRowVariant = 'divider' | 'card';\n\ninterface ListRowBaseProps extends ZoraBaseProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  meta?: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n  compact?: boolean;\n  variant?: ListRowVariant;\n}\n\ninterface ListRowPressableProps {\n  onPress: () => void;\n  action?: never;\n}\n\ninterface ListRowActionProps {\n  action: React.ReactNode;\n  onPress?: never;\n}\n\ninterface ListRowStaticProps {\n  action?: never;\n  onPress?: never;\n}\n\nexport type ListRowProps = ListRowBaseProps &\n  (ListRowPressableProps | ListRowActionProps | ListRowStaticProps);\n\nexport interface ListItemsProps extends ZoraBaseProps {\n  items: readonly ListRowProps[];\n  rowVariant?: ListRowVariant;\n  compact?: boolean;\n}\n\nexport interface ListChildrenProps extends ZoraBaseProps {\n  children: React.ReactNode;\n}\n\nexport type ListProps = ListItemsProps | ListChildrenProps;\n\nexport interface ListSectionItemsProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  items: readonly ListRowProps[];\n  rowVariant?: ListRowVariant;\n  compact?: boolean;\n}\n\nexport interface ListSectionChildrenProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport type ListSectionProps = ListSectionItemsProps | ListSectionChildrenProps;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/list/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type ListRowVariant = 'divider' | 'card';\n\ninterface ListRowBaseProps extends ZoraBaseProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  meta?: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n  compact?: boolean;\n  variant?: ListRowVariant;\n}\n\ninterface ListRowPressableProps {\n  onPress: () => void;\n  action?: never;\n}\n\ninterface ListRowActionProps {\n  action: React.ReactNode;\n  onPress?: never;\n}\n\ninterface ListRowStaticProps {\n  action?: never;\n  onPress?: never;\n}\n\nexport type ListRowProps = ListRowBaseProps &\n  (ListRowPressableProps | ListRowActionProps | ListRowStaticProps);\n\nexport interface ListItemsProps extends ZoraBaseProps {\n  items: readonly ListRowProps[];\n  rowVariant?: ListRowVariant;\n  compact?: boolean;\n}\n\nexport interface ListChildrenProps extends ZoraBaseProps {\n  children: React.ReactNode;\n}\n\nexport type ListProps = ListItemsProps | ListChildrenProps;\n\ninterface ListSectionItemsProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  items: readonly ListRowProps[];\n  rowVariant?: ListRowVariant;\n  compact?: boolean;\n}\n\ninterface ListSectionChildrenProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport type ListSectionProps = ListSectionItemsProps | ListSectionChildrenProps;\n"]}

package/dist/patterns/responsive-panel/types.d.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 export type ResponsivePanelSide = 'left' | 'right';
 export type ResponsivePanelDesktopMode = 'inline' | 'floating';
 export type ResponsivePanelMobileMode = 'drawer' | 'modal';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 export interface ResponsivePanelProps extends ZoraBaseProps {
     title?: React.ReactNode;
     description?: React.ReactNode;

package/dist/patterns/responsive-panel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/responsive-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC/D,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,WAAW,CAAC,EAAE,0BAA0B,CAAC;IACzC,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/responsive-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC/D,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,WAAW,CAAC,EAAE,0BAA0B,CAAC;IACzC,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/patterns/responsive-panel/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/responsive-panel/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport type ResponsivePanelSide = 'left' | 'right';\nexport type ResponsivePanelDesktopMode = 'inline' | 'floating';\nexport type ResponsivePanelMobileMode = 'drawer' | 'modal';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ResponsivePanelProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  side?: ResponsivePanelSide;\n  desktopMode?: ResponsivePanelDesktopMode;\n  mobileMode?: ResponsivePanelMobileMode;\n  compact?: boolean;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/responsive-panel/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type ResponsivePanelSide = 'left' | 'right';\nexport type ResponsivePanelDesktopMode = 'inline' | 'floating';\nexport type ResponsivePanelMobileMode = 'drawer' | 'modal';\n\nexport interface ResponsivePanelProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  side?: ResponsivePanelSide;\n  desktopMode?: ResponsivePanelDesktopMode;\n  mobileMode?: ResponsivePanelMobileMode;\n  compact?: boolean;\n}\n"]}

package/dist/patterns/selection/SelectableItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SelectableItemProps } from './types';
+export declare function SelectableItem({ id, trigger, disabled, children }: SelectableItemProps): React.JSX.Element;
+//# sourceMappingURL=SelectableItem.d.ts.map

package/dist/patterns/selection/SelectableItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableItem.d.ts","sourceRoot":"","sources":["../../../src/patterns/selection/SelectableItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAyC,MAAM,SAAS,CAAC;AAY1F,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,mBAAmB,qBA2E9F"}

package/dist/patterns/selection/SelectableItem.js

@@ -0,0 +1,72 @@
+import { ButtonBase } from '@ankhorage/surface';
+import React from 'react';
+import { useSelection } from './SelectionProvider';
+function resolveTrigger(trigger) {
+    return trigger ?? 'manual';
+}
+function isRenderProp(children) {
+    return typeof children === 'function';
+}
+export function SelectableItem({ id, trigger, disabled = false, children }) {
+    const selection = useSelection();
+    const resolvedTrigger = resolveTrigger(trigger);
+    const resolvedDisabled = selection.disabled || disabled;
+    const selected = selection.isSelected(id);
+    const select = React.useCallback(() => {
+        if (resolvedDisabled)
+            return;
+        selection.select(id);
+    }, [id, resolvedDisabled, selection]);
+    const toggle = React.useCallback(() => {
+        if (resolvedDisabled)
+            return;
+        selection.toggle(id);
+    }, [id, resolvedDisabled, selection]);
+    const clear = React.useCallback(() => {
+        if (selection.disabled)
+            return;
+        selection.clear();
+    }, [selection]);
+    const itemState = React.useMemo(() => {
+        return {
+            id,
+            selected,
+            disabled: resolvedDisabled,
+            mode: selection.mode,
+            select,
+            toggle,
+            clear,
+        };
+    }, [clear, id, resolvedDisabled, select, selected, selection.mode, toggle]);
+    // IMPORTANT:
+    // Do not pass `children` directly into ButtonBase. ButtonBase also supports function children,
+    // but its function signature receives interaction state, not SelectableItemState.
+    const content = isRenderProp(children) ? children(itemState) : children;
+    if (resolvedTrigger === 'manual') {
+        return <>{content}</>;
+    }
+    const handlePress = (event) => {
+        event.stopPropagation();
+        if (resolvedDisabled)
+            return;
+        if (selection.mode === 'single') {
+            selection.select(id);
+            return;
+        }
+        selection.toggle(id);
+    };
+    const handleLongPress = (event) => {
+        event.stopPropagation();
+        if (resolvedDisabled)
+            return;
+        if (selection.mode === 'single') {
+            selection.select(id);
+            return;
+        }
+        selection.toggle(id);
+    };
+    return (<ButtonBase accessibilityRole="button" accessibilityState={{ disabled: resolvedDisabled, selected }} disabled={resolvedDisabled} onLongPress={resolvedTrigger === 'longPress' ? handleLongPress : undefined} onPress={resolvedTrigger === 'press' ? handlePress : undefined}>
+      {content}
+    </ButtonBase>);
+}
+//# sourceMappingURL=SelectableItem.js.map

package/dist/patterns/selection/SelectableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableItem.js","sourceRoot":"","sources":["../../../src/patterns/selection/SelectableItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ButtonBase } from '@ankhorage/surface';\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { useSelection } from './SelectionProvider';\nimport type { SelectableItemProps, SelectableItemState, SelectionTrigger } from './types';\n\nfunction resolveTrigger(trigger: SelectionTrigger | undefined): SelectionTrigger {\n  return trigger ?? 'manual';\n}\n\nfunction isRenderProp(\n  children: SelectableItemProps['children'],\n): children is (state: SelectableItemState) => React.ReactNode {\n  return typeof children === 'function';\n}\n\nexport function SelectableItem({ id, trigger, disabled = false, children }: SelectableItemProps) {\n  const selection = useSelection();\n  const resolvedTrigger = resolveTrigger(trigger);\n  const resolvedDisabled = selection.disabled || disabled;\n  const selected = selection.isSelected(id);\n\n  const select = React.useCallback(() => {\n    if (resolvedDisabled) return;\n    selection.select(id);\n  }, [id, resolvedDisabled, selection]);\n\n  const toggle = React.useCallback(() => {\n    if (resolvedDisabled) return;\n    selection.toggle(id);\n  }, [id, resolvedDisabled, selection]);\n\n  const clear = React.useCallback(() => {\n    if (selection.disabled) return;\n    selection.clear();\n  }, [selection]);\n\n  const itemState = React.useMemo<SelectableItemState>(() => {\n    return {\n      id,\n      selected,\n      disabled: resolvedDisabled,\n      mode: selection.mode,\n      select,\n      toggle,\n      clear,\n    };\n  }, [clear, id, resolvedDisabled, select, selected, selection.mode, toggle]);\n\n  // IMPORTANT:\n  // Do not pass `children` directly into ButtonBase. ButtonBase also supports function children,\n  // but its function signature receives interaction state, not SelectableItemState.\n  const content = isRenderProp(children) ? children(itemState) : children;\n\n  if (resolvedTrigger === 'manual') {\n    return <>{content}</>;\n  }\n\n  const handlePress = (event: GestureResponderEvent) => {\n    event.stopPropagation();\n    if (resolvedDisabled) return;\n    if (selection.mode === 'single') {\n      selection.select(id);\n      return;\n    }\n\n    selection.toggle(id);\n  };\n\n  const handleLongPress = (event: GestureResponderEvent) => {\n    event.stopPropagation();\n    if (resolvedDisabled) return;\n    if (selection.mode === 'single') {\n      selection.select(id);\n      return;\n    }\n\n    selection.toggle(id);\n  };\n\n  return (\n    <ButtonBase\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled: resolvedDisabled, selected }}\n      disabled={resolvedDisabled}\n      onLongPress={resolvedTrigger === 'longPress' ? handleLongPress : undefined}\n      onPress={resolvedTrigger === 'press' ? handlePress : undefined}\n    >\n      {content}\n    </ButtonBase>\n  );\n}\n"]}

package/dist/patterns/selection/SelectionProvider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SelectionProviderProps, UseSelectionResult } from './types';
+export declare function useSelection(): UseSelectionResult;
+export declare function SelectionProvider({ children, selectedIds, defaultSelectedIds, mode, disabled, onSelectionChange, }: SelectionProviderProps): React.JSX.Element;
+//# sourceMappingURL=SelectionProvider.d.ts.map

package/dist/patterns/selection/SelectionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionProvider.d.ts","sourceRoot":"","sources":["../../../src/patterns/selection/SelectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAiB,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiBzF,wBAAgB,YAAY,IAAI,kBAAkB,CAOjD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAClB,EAAE,sBAAsB,qBAiExB"}

package/dist/patterns/selection/SelectionProvider.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { areIdsEqual, clearIds, normalizeIds, selectId, toggleId } from './resolveSelectionNextIds';
+const MISSING_CONTEXT_MESSAGE = 'ZORA selection context is missing. Wrap this tree in <SelectionProvider>.';
+const SelectionContext = React.createContext(null);
+function resolveMode(mode) {
+    return mode ?? 'single';
+}
+function resolveDisabled(disabled) {
+    return disabled ?? false;
+}
+export function useSelection() {
+    const value = React.useContext(SelectionContext);
+    if (!value) {
+        throw new Error(MISSING_CONTEXT_MESSAGE);
+    }
+    return value;
+}
+export function SelectionProvider({ children, selectedIds, defaultSelectedIds, mode, disabled, onSelectionChange, }) {
+    const resolvedMode = resolveMode(mode);
+    const resolvedDisabled = resolveDisabled(disabled);
+    const isControlled = selectedIds !== undefined;
+    const [uncontrolledIds, setUncontrolledIds] = React.useState(defaultSelectedIds ?? []);
+    const rawIds = isControlled ? selectedIds : uncontrolledIds;
+    const currentNormalizedIds = normalizeIds(rawIds, resolvedMode);
+    const selectedIdSet = React.useMemo(() => new Set(currentNormalizedIds), [currentNormalizedIds]);
+    const commitSelectionChange = React.useCallback((nextNormalizedIds) => {
+        if (resolvedDisabled)
+            return;
+        if (areIdsEqual(nextNormalizedIds, currentNormalizedIds))
+            return;
+        onSelectionChange?.(nextNormalizedIds);
+        if (!isControlled) {
+            setUncontrolledIds(nextNormalizedIds);
+        }
+    }, [currentNormalizedIds, isControlled, onSelectionChange, resolvedDisabled]);
+    const clear = React.useCallback(() => {
+        commitSelectionChange(normalizeIds(clearIds(), resolvedMode));
+    }, [commitSelectionChange, resolvedMode]);
+    const select = React.useCallback((id) => {
+        const nextIds = selectId({ mode: resolvedMode, ids: currentNormalizedIds, id });
+        const nextNormalizedIds = normalizeIds(nextIds, resolvedMode);
+        commitSelectionChange(nextNormalizedIds);
+    }, [commitSelectionChange, currentNormalizedIds, resolvedMode]);
+    const toggle = React.useCallback((id) => {
+        const nextIds = toggleId({ mode: resolvedMode, ids: currentNormalizedIds, id });
+        const nextNormalizedIds = normalizeIds(nextIds, resolvedMode);
+        commitSelectionChange(nextNormalizedIds);
+    }, [commitSelectionChange, currentNormalizedIds, resolvedMode]);
+    const value = React.useMemo(() => {
+        return {
+            mode: resolvedMode,
+            disabled: resolvedDisabled,
+            selectedIds: currentNormalizedIds,
+            selectedCount: currentNormalizedIds.length,
+            hasSelection: currentNormalizedIds.length > 0,
+            isSelected: (id) => selectedIdSet.has(id),
+            select,
+            toggle,
+            clear,
+        };
+    }, [clear, currentNormalizedIds, resolvedDisabled, resolvedMode, select, selectedIdSet, toggle]);
+    return <SelectionContext.Provider value={value}>{children}</SelectionContext.Provider>;
+}
+//# sourceMappingURL=SelectionProvider.js.map

package/dist/patterns/selection/SelectionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionProvider.js","sourceRoot":"","sources":["../../../src/patterns/selection/SelectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGpG,MAAM,uBAAuB,GAC3B,2EAA2E,CAAC;AAI9E,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAC;AAEjF,SAAS,WAAW,CAAC,IAA+B;IAClD,OAAO,IAAI,IAAI,QAAQ,CAAC;AAC1B,CAAC;AAED,SAAS,eAAe,CAAC,QAA6B;IACpD,OAAO,QAAQ,IAAI,KAAK,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,iBAAiB,GACM;IACvB,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,WAAW,KAAK,SAAS,CAAC;IAE/C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC1D,kBAAkB,IAAI,EAAE,CACzB,CAAC;IAEF,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC;IAC5D,MAAM,oBAAoB,GAAG,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAEhE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,oBAAoB,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAEjG,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,CAAC,iBAAoC,EAAE,EAAE;QACvC,IAAI,gBAAgB;YAAE,OAAO;QAC7B,IAAI,WAAW,CAAC,iBAAiB,EAAE,oBAAoB,CAAC;YAAE,OAAO;QAEjE,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,CAAC;QAEvC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EACD,CAAC,oBAAoB,EAAE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAC1E,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,qBAAqB,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1C,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,EAAU,EAAE,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAAC;QAChF,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAC9D,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,qBAAqB,EAAE,oBAAoB,EAAE,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,EAAU,EAAE,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAAC;QAChF,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAC9D,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,qBAAqB,EAAE,oBAAoB,EAAE,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAqB,GAAG,EAAE;QACnD,OAAO;YACL,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,gBAAgB;YAC1B,WAAW,EAAE,oBAAoB;YACjC,aAAa,EAAE,oBAAoB,CAAC,MAAM;YAC1C,YAAY,EAAE,oBAAoB,CAAC,MAAM,GAAG,CAAC;YAC7C,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;YACjD,MAAM;YACN,MAAM;YACN,KAAK;SACN,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AACzF,CAAC","sourcesContent":["import React from 'react';\n\nimport { areIdsEqual, clearIds, normalizeIds, selectId, toggleId } from './resolveSelectionNextIds';\nimport type { SelectionMode, SelectionProviderProps, UseSelectionResult } from './types';\n\nconst MISSING_CONTEXT_MESSAGE =\n  'ZORA selection context is missing. Wrap this tree in <SelectionProvider>.';\n\ntype SelectionContextValue = UseSelectionResult;\n\nconst SelectionContext = React.createContext<SelectionContextValue | null>(null);\n\nfunction resolveMode(mode: SelectionMode | undefined): SelectionMode {\n  return mode ?? 'single';\n}\n\nfunction resolveDisabled(disabled: boolean | undefined): boolean {\n  return disabled ?? false;\n}\n\nexport function useSelection(): UseSelectionResult {\n  const value = React.useContext(SelectionContext);\n  if (!value) {\n    throw new Error(MISSING_CONTEXT_MESSAGE);\n  }\n\n  return value;\n}\n\nexport function SelectionProvider({\n  children,\n  selectedIds,\n  defaultSelectedIds,\n  mode,\n  disabled,\n  onSelectionChange,\n}: SelectionProviderProps) {\n  const resolvedMode = resolveMode(mode);\n  const resolvedDisabled = resolveDisabled(disabled);\n  const isControlled = selectedIds !== undefined;\n\n  const [uncontrolledIds, setUncontrolledIds] = React.useState<readonly string[]>(\n    defaultSelectedIds ?? [],\n  );\n\n  const rawIds = isControlled ? selectedIds : uncontrolledIds;\n  const currentNormalizedIds = normalizeIds(rawIds, resolvedMode);\n\n  const selectedIdSet = React.useMemo(() => new Set(currentNormalizedIds), [currentNormalizedIds]);\n\n  const commitSelectionChange = React.useCallback(\n    (nextNormalizedIds: readonly string[]) => {\n      if (resolvedDisabled) return;\n      if (areIdsEqual(nextNormalizedIds, currentNormalizedIds)) return;\n\n      onSelectionChange?.(nextNormalizedIds);\n\n      if (!isControlled) {\n        setUncontrolledIds(nextNormalizedIds);\n      }\n    },\n    [currentNormalizedIds, isControlled, onSelectionChange, resolvedDisabled],\n  );\n\n  const clear = React.useCallback(() => {\n    commitSelectionChange(normalizeIds(clearIds(), resolvedMode));\n  }, [commitSelectionChange, resolvedMode]);\n\n  const select = React.useCallback(\n    (id: string) => {\n      const nextIds = selectId({ mode: resolvedMode, ids: currentNormalizedIds, id });\n      const nextNormalizedIds = normalizeIds(nextIds, resolvedMode);\n      commitSelectionChange(nextNormalizedIds);\n    },\n    [commitSelectionChange, currentNormalizedIds, resolvedMode],\n  );\n\n  const toggle = React.useCallback(\n    (id: string) => {\n      const nextIds = toggleId({ mode: resolvedMode, ids: currentNormalizedIds, id });\n      const nextNormalizedIds = normalizeIds(nextIds, resolvedMode);\n      commitSelectionChange(nextNormalizedIds);\n    },\n    [commitSelectionChange, currentNormalizedIds, resolvedMode],\n  );\n\n  const value = React.useMemo<UseSelectionResult>(() => {\n    return {\n      mode: resolvedMode,\n      disabled: resolvedDisabled,\n      selectedIds: currentNormalizedIds,\n      selectedCount: currentNormalizedIds.length,\n      hasSelection: currentNormalizedIds.length > 0,\n      isSelected: (id: string) => selectedIdSet.has(id),\n      select,\n      toggle,\n      clear,\n    };\n  }, [clear, currentNormalizedIds, resolvedDisabled, resolvedMode, select, selectedIdSet, toggle]);\n\n  return <SelectionContext.Provider value={value}>{children}</SelectionContext.Provider>;\n}\n"]}

package/dist/patterns/selection/index.d.ts

@@ -0,0 +1,4 @@
+export { SelectableItem } from './SelectableItem';
+export { SelectionProvider, useSelection } from './SelectionProvider';
+export type { SelectableItemProps, SelectableItemState, SelectionMode, SelectionProviderProps, SelectionTrigger, UseSelectionResult, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/selection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/selection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/patterns/selection/index.js

@@ -0,0 +1,3 @@
+export { SelectableItem } from './SelectableItem';
+export { SelectionProvider, useSelection } from './SelectionProvider';
+//# sourceMappingURL=index.js.map

package/dist/patterns/selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/selection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { SelectableItem } from './SelectableItem';\nexport { SelectionProvider, useSelection } from './SelectionProvider';\nexport type {\n  SelectableItemProps,\n  SelectableItemState,\n  SelectionMode,\n  SelectionProviderProps,\n  SelectionTrigger,\n  UseSelectionResult,\n} from './types';\n"]}

package/dist/patterns/selection/resolveSelectionNextIds.d.ts

@@ -0,0 +1,15 @@
+import type { SelectionMode } from './types';
+export declare function normalizeIds(ids: readonly string[] | undefined, mode: SelectionMode): readonly string[];
+export declare function areIdsEqual(a: readonly string[], b: readonly string[]): boolean;
+export declare function clearIds(): readonly string[];
+export declare function selectId({ mode, ids, id, }: {
+    mode: SelectionMode;
+    ids: readonly string[];
+    id: string;
+}): readonly string[];
+export declare function toggleId({ mode, ids, id, }: {
+    mode: SelectionMode;
+    ids: readonly string[];
+    id: string;
+}): readonly string[];
+//# sourceMappingURL=resolveSelectionNextIds.d.ts.map

package/dist/patterns/selection/resolveSelectionNextIds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveSelectionNextIds.d.ts","sourceRoot":"","sources":["../../../src/patterns/selection/resolveSelectionNextIds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,YAAY,CAC1B,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAClC,IAAI,EAAE,aAAa,GAClB,SAAS,MAAM,EAAE,CAYnB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,EAAE,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAO/E;AAED,wBAAgB,QAAQ,IAAI,SAAS,MAAM,EAAE,CAE5C;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,GAAG,EACH,EAAE,GACH,EAAE;IACD,IAAI,EAAE,aAAa,CAAC;IACpB,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,SAAS,MAAM,EAAE,CAUpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,GAAG,EACH,EAAE,GACH,EAAE;IACD,IAAI,EAAE,aAAa,CAAC;IACpB,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,SAAS,MAAM,EAAE,CAUpB"}

package/dist/patterns/selection/resolveSelectionNextIds.js

@@ -0,0 +1,44 @@
+export function normalizeIds(ids, mode) {
+    const uniqueIds = [];
+    const seen = new Set();
+    for (const id of ids ?? []) {
+        if (seen.has(id))
+            continue;
+        seen.add(id);
+        uniqueIds.push(id);
+        if (mode === 'single')
+            break;
+    }
+    return uniqueIds;
+}
+export function areIdsEqual(a, b) {
+    if (a.length !== b.length)
+        return false;
+    for (let index = 0; index < a.length; index += 1) {
+        if (a[index] !== b[index])
+            return false;
+    }
+    return true;
+}
+export function clearIds() {
+    return [];
+}
+export function selectId({ mode, ids, id, }) {
+    if (mode === 'single') {
+        return [id];
+    }
+    if (ids.includes(id)) {
+        return ids;
+    }
+    return [...ids, id];
+}
+export function toggleId({ mode, ids, id, }) {
+    if (ids.includes(id)) {
+        return ids.filter((existingId) => existingId !== id);
+    }
+    if (mode === 'single') {
+        return [id];
+    }
+    return [...ids, id];
+}
+//# sourceMappingURL=resolveSelectionNextIds.js.map

package/dist/patterns/selection/resolveSelectionNextIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveSelectionNextIds.js","sourceRoot":"","sources":["../../../src/patterns/selection/resolveSelectionNextIds.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAC1B,GAAkC,EAClC,IAAmB;IAEnB,MAAM,SAAS,GAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAE/B,KAAK,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC;QAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,SAAS;QAC3B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACb,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,IAAI,IAAI,KAAK,QAAQ;YAAE,MAAM;IAC/B,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,CAAoB,EAAE,CAAoB;IACpE,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IACxC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACjD,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;IAC1C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,GAAG,EACH,EAAE,GAKH;IACC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC;IAED,IAAI,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,GAAG,EACH,EAAE,GAKH;IACC,IAAI,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC;IAED,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;AACtB,CAAC","sourcesContent":["import type { SelectionMode } from './types';\n\nexport function normalizeIds(\n  ids: readonly string[] | undefined,\n  mode: SelectionMode,\n): readonly string[] {\n  const uniqueIds: string[] = [];\n  const seen = new Set<string>();\n\n  for (const id of ids ?? []) {\n    if (seen.has(id)) continue;\n    seen.add(id);\n    uniqueIds.push(id);\n    if (mode === 'single') break;\n  }\n\n  return uniqueIds;\n}\n\nexport function areIdsEqual(a: readonly string[], b: readonly string[]): boolean {\n  if (a.length !== b.length) return false;\n  for (let index = 0; index < a.length; index += 1) {\n    if (a[index] !== b[index]) return false;\n  }\n\n  return true;\n}\n\nexport function clearIds(): readonly string[] {\n  return [];\n}\n\nexport function selectId({\n  mode,\n  ids,\n  id,\n}: {\n  mode: SelectionMode;\n  ids: readonly string[];\n  id: string;\n}): readonly string[] {\n  if (mode === 'single') {\n    return [id];\n  }\n\n  if (ids.includes(id)) {\n    return ids;\n  }\n\n  return [...ids, id];\n}\n\nexport function toggleId({\n  mode,\n  ids,\n  id,\n}: {\n  mode: SelectionMode;\n  ids: readonly string[];\n  id: string;\n}): readonly string[] {\n  if (ids.includes(id)) {\n    return ids.filter((existingId) => existingId !== id);\n  }\n\n  if (mode === 'single') {\n    return [id];\n  }\n\n  return [...ids, id];\n}\n"]}

package/dist/patterns/selection/types.d.ts

@@ -0,0 +1,38 @@
+import type React from 'react';
+export type SelectionMode = 'single' | 'multi';
+export type SelectionTrigger = 'press' | 'longPress' | 'manual';
+export interface SelectionProviderProps {
+    children: React.ReactNode;
+    selectedIds?: readonly string[];
+    defaultSelectedIds?: readonly string[];
+    mode?: SelectionMode;
+    disabled?: boolean;
+    onSelectionChange?: (ids: readonly string[]) => void;
+}
+export interface UseSelectionResult {
+    mode: SelectionMode;
+    disabled: boolean;
+    selectedIds: readonly string[];
+    selectedCount: number;
+    hasSelection: boolean;
+    isSelected: (id: string) => boolean;
+    select: (id: string) => void;
+    toggle: (id: string) => void;
+    clear: () => void;
+}
+export interface SelectableItemState {
+    id: string;
+    selected: boolean;
+    disabled: boolean;
+    mode: SelectionMode;
+    select: () => void;
+    toggle: () => void;
+    clear: () => void;
+}
+export interface SelectableItemProps {
+    id: string;
+    trigger?: SelectionTrigger;
+    disabled?: boolean;
+    children: React.ReactNode | ((state: SelectableItemState) => React.ReactNode);
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/patterns/selection/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/selection/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC/E"}

package/dist/patterns/selection/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/patterns/selection/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/selection/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport type SelectionMode = 'single' | 'multi';\n\nexport type SelectionTrigger = 'press' | 'longPress' | 'manual';\n\nexport interface SelectionProviderProps {\n  children: React.ReactNode;\n  selectedIds?: readonly string[];\n  defaultSelectedIds?: readonly string[];\n  mode?: SelectionMode;\n  disabled?: boolean;\n  onSelectionChange?: (ids: readonly string[]) => void;\n}\n\nexport interface UseSelectionResult {\n  mode: SelectionMode;\n  disabled: boolean;\n  selectedIds: readonly string[];\n  selectedCount: number;\n  hasSelection: boolean;\n  isSelected: (id: string) => boolean;\n  select: (id: string) => void;\n  toggle: (id: string) => void;\n  clear: () => void;\n}\n\nexport interface SelectableItemState {\n  id: string;\n  selected: boolean;\n  disabled: boolean;\n  mode: SelectionMode;\n  select: () => void;\n  toggle: () => void;\n  clear: () => void;\n}\n\nexport interface SelectableItemProps {\n  id: string;\n  trigger?: SelectionTrigger;\n  disabled?: boolean;\n  children: React.ReactNode | ((state: SelectableItemState) => React.ReactNode);\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -45,7 +45,7 @@
   "dependencies": {
     "@ankhorage/color-theory": "^0.0.4",
     "@ankhorage/contracts": "^1.2.0",
-    "@ankhorage/surface": "^1.2.0"
+    "@ankhorage/surface": "^1.3.0"
   },
   "files": [
     "dist",
@@ -72,25 +72,24 @@
     "build": "rm -rf dist tsconfig.tsbuildinfo && bun x tsc -p tsconfig.json",
     "changeset": "changeset",
     "changeset:status": "changeset status --since=origin/main",
-    "knip": "knip",
-    "lint": "eslint . --max-warnings=0",
-    "lint:fix": "eslint . --fix --max-warnings=0",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
+    "knip": "ankhorage-knip",
+    "lint": "ankhorage-eslint . --max-warnings=0",
+    "lint:fix": "ankhorage-eslint . --fix --max-warnings=0",
+    "format": "ankhorage-prettier --write .",
+    "format:check": "ankhorage-prettier --check .",
     "prepack": "bun run build",
     "test": "bun test src",
     "typecheck": "bun x tsc --noEmit -p tsconfig.json",
     "version-packages": "changeset version"
   },
   "devDependencies": {
-    "@ankhorage/devtools": "^1.0.1",
+    "@ankhorage/devtools": "^1.0.5",
     "@changesets/cli": "^2.31.0",
     "@expo/vector-icons": "^15.1.1",
     "@react-native-picker/picker": "^2.11.4",
     "@types/bun": "^1.3.13",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
-    "knip": "^5.88.1",
     "react": "19.1.0",
     "react-native": "0.81.5",
     "typescript": "^5.9.3"

package/src/components/app-bar/AppBar.tsx

@@ -0,0 +1,133 @@
+import { AppBar as SurfaceAppBar } from '@ankhorage/surface';
+import React from 'react';
+
+import { Box, Inline, Stack } from '../../foundation';
+import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Heading } from '../heading';
+import { IconButton } from '../icon-button';
+import { Text } from '../text';
+import type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';
+
+const DEFAULT_CANCEL_ICON = { name: 'close-outline' };
+const DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' };
+
+function resolveMode(mode: AppBarMode | undefined): AppBarMode {
+  return mode ?? { type: 'default' };
+}
+
+function resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {
+  if (count === undefined) {
+    return label;
+  }
+
+  return `${label} (${count})`;
+}
+
+function resolveOverflowLabel(overflow: AppBarOverflowAction): string {
+  return overflow.label ?? 'More options';
+}
+
+function resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {
+  return mode.cancelLabel ?? 'Cancel selection';
+}
+
+function AppBarInner({
+  themeId: _themeId,
+  mode: _mode,
+  title,
+  subtitle,
+  leading,
+  actions,
+  overflow,
+  appMode,
+  children,
+  safeAreaTop = true,
+  divider = true,
+  testID,
+}: AppBarProps) {
+  const { theme } = useZoraTheme();
+  const resolvedMode = resolveMode(appMode);
+  const isSelectionMode = resolvedMode.type === 'selection';
+
+  const resolvedLeading =
+    leading ??
+    (isSelectionMode ? (
+      <IconButton
+        icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON}
+        label={resolveCancelLabel(resolvedMode)}
+        emphasis="ghost"
+        size="m"
+        tone="neutral"
+        onPress={resolvedMode.onCancel}
+      />
+    ) : undefined);
+
+  const overflowButton = overflow?.onPress ? (
+    <IconButton
+      disabled={overflow.disabled}
+      icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}
+      label={resolveOverflowLabel(overflow)}
+      emphasis="ghost"
+      size="m"
+      tone="neutral"
+      onPress={overflow.onPress}
+    />
+  ) : null;
+
+  const resolvedTrailing =
+    actions || overflowButton ? (
+      <Inline align="center" gap="s" wrap="nowrap">
+        {actions}
+        {overflowButton}
+      </Inline>
+    ) : undefined;
+
+  const resolvedCenter = (() => {
+    if (children !== undefined) {
+      return children;
+    }
+
+    if (isSelectionMode) {
+      return (
+        <Text numberOfLines={1} tone="default" variant="label" weight="semiBold">
+          {resolveSelectionLabel(resolvedMode)}
+        </Text>
+      );
+    }
+
+    if (title == null && subtitle == null) {
+      return null;
+    }
+
+    return (
+      <Stack gap="xs">
+        {title != null ? (
+          <Heading ellipsizeMode="tail" level={3} numberOfLines={1} size="h5">
+            {title}
+          </Heading>
+        ) : null}
+        {subtitle != null ? (
+          <Text ellipsizeMode="tail" numberOfLines={1} tone="muted" variant="bodySmall">
+            {subtitle}
+          </Text>
+        ) : null}
+      </Stack>
+    );
+  })();
+
+  return (
+    <SurfaceAppBar
+      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}
+      divider={divider}
+      leading={resolvedLeading}
+      safeAreaTop={safeAreaTop}
+      testID={testID}
+      trailing={resolvedTrailing}
+    >
+      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
+    </SurfaceAppBar>
+  );
+}
+
+export const AppBar = withZoraThemeScope(AppBarInner);

package/src/components/app-bar/index.ts

@@ -0,0 +1,2 @@
+export * from './AppBar';
+export * from './types';