@ankhorage/zora 1.0.4 → 1.0.5

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export type { BadgeProps } from './components/badge';\nexport { Badge } from './components/badge';\nexport type { ButtonProps } from './components/button';\nexport { Button } from './components/button';\nexport type { CardProps } from './components/card';\nexport { Card } from './components/card';\nexport type { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps } from './components/checkbox';\nexport { Checkbox, CheckboxGroup } from './components/checkbox';\nexport type { DrawerProps } from './components/drawer';\nexport { Drawer } from './components/drawer';\nexport type {\n  FormActionsProps,\n  FormErrorProps,\n  FormErrors,\n  FormFieldConfig,\n  FormFieldControlProps,\n  FormFieldInputType,\n  FormFieldProps,\n  FormFieldValue,\n  FormFieldWrapperProps,\n  FormProps,\n  FormValidationErrors,\n  FormValidationResult,\n  FormValues,\n  UseFormControllerOptions,\n  UseFormControllerResult,\n  ValidationRule,\n} from './components/form';\nexport {\n  Form,\n  FormActions,\n  FormError,\n  FormField,\n  hasRequiredRule,\n  useFormController,\n  validateField,\n  validateFields,\n  validateValue,\n} from './components/form';\nexport type {\n  HeadingAlign,\n  HeadingLevel,\n  HeadingProps,\n  HeadingSize,\n  HeadingTone,\n  HeadingWeight,\n} from './components/heading';\nexport { Heading } from './components/heading';\nexport type { IconProps } from './components/icon';\nexport { Icon } from './components/icon';\nexport type { IconButtonProps } from './components/icon-button';\nexport { IconButton } from './components/icon-button';\nexport type { InputProps } from './components/input';\nexport { Input } from './components/input';\nexport type { ModalProps } from './components/modal';\nexport { Modal } from './components/modal';\nexport type { RadioGroupOption, RadioGroupProps, RadioProps } from './components/radio';\nexport { Radio, RadioGroup } from './components/radio';\nexport type { SelectOption, SelectProps } from './components/select';\nexport { Select } from './components/select';\nexport type { TabItem, TabsProps } from './components/tabs';\nexport { Tabs } from './components/tabs';\nexport type { TextAlign, TextProps, TextTone, TextVariant, TextWeight } from './components/text';\nexport { Text } from './components/text';\nexport type { TextareaProps } from './components/textarea';\nexport { Textarea } from './components/textarea';\nexport type { ToolbarActionProps, ToolbarProps } from './components/toolbar';\nexport { Toolbar, ToolbarAction } from './components/toolbar';\nexport type {\n  BoxProps,\n  CenterProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  InlineProps,\n  ShowProps,\n  SpacerProps,\n  StackProps,\n  SurfaceProps,\n  SurfaceVariant,\n} from './foundation';\nexport {\n  Box,\n  Center,\n  Container,\n  Divider,\n  Grid,\n  Inline,\n  Show,\n  Spacer,\n  Stack,\n  Surface,\n} from './foundation';\nexport type { AppShellProps } from './layout/app-shell';\nexport { AppShell } from './layout/app-shell';\nexport type { AuthLayoutProps } from './layout/auth-layout';\nexport { AuthLayout } from './layout/auth-layout';\nexport type { PageProps } from './layout/page';\nexport { Page } from './layout/page';\nexport type { PageHeaderProps } from './layout/page-header';\nexport { PageHeader } from './layout/page-header';\nexport type { PageSectionProps } from './layout/page-section';\nexport { PageSection } from './layout/page-section';\nexport type { SettingsLayoutProps } from './layout/settings-layout';\nexport { SettingsLayout } from './layout/settings-layout';\nexport type { SidebarLayoutProps } from './layout/sidebar-layout';\nexport { SidebarLayout } from './layout/sidebar-layout';\nexport type { TopbarLayoutProps } from './layout/topbar-layout';\nexport { TopbarLayout } from './layout/topbar-layout';\nexport type {\n  AuthFormBaseProps,\n  AuthIdentifierKind,\n  ForgotPasswordFormProps,\n  ForgotPasswordFormValues,\n  OtpFormProps,\n  OtpFormValues,\n  SignInFormProps,\n  SignInFormValues,\n  SignUpFormField,\n  SignUpFormProps,\n  SignUpFormValues,\n} from './patterns/auth';\nexport { ForgotPasswordForm, OtpForm, SignInForm, SignUpForm } from './patterns/auth';\nexport type {\n  CollectionEditorProps,\n  CollectionEditorRenderItemProps,\n} from './patterns/collection-editor';\nexport { CollectionEditor } from './patterns/collection-editor';\nexport type { ConfirmDialogProps } from './patterns/confirm-dialog';\nexport { ConfirmDialog } from './patterns/confirm-dialog';\nexport type { DisclosureSectionProps } from './patterns/disclosure-section';\nexport { DisclosureSection } from './patterns/disclosure-section';\nexport type { EmptyStateAction, EmptyStateProps } from './patterns/empty-state';\nexport { EmptyState } from './patterns/empty-state';\nexport type { InspectorFieldProps } from './patterns/inspector-field';\nexport { InspectorField } from './patterns/inspector-field';\nexport type { NoticeProps } from './patterns/notice';\nexport { Notice } from './patterns/notice';\nexport type { PanelProps } from './patterns/panel';\nexport { Panel } from './patterns/panel';\nexport type { ResponsivePanelProps } from './patterns/responsive-panel';\nexport { ResponsivePanel } from './patterns/responsive-panel';\nexport type { SectionHeaderProps } from './patterns/section-header';\nexport { SectionHeader } from './patterns/section-header';\nexport type { SettingsRowProps } from './patterns/settings-row';\nexport { SettingsRow } from './patterns/settings-row';\nexport type { SwitchFieldProps } from './patterns/switch-field';\nexport { SwitchField } from './patterns/switch-field';\nexport type { ThemeComposerProps } from './patterns/theme-composer';\nexport { ThemeComposer } from './patterns/theme-composer';\nexport type { PaletteItemProps, TileGridProps } from './patterns/tile-grid';\nexport { PaletteItem, TileGrid } from './patterns/tile-grid';\nexport type { TreeItemNode, TreeItemRenderProps, TreeViewProps } from './patterns/tree-view';\nexport { TreeItem, TreeView } from './patterns/tree-view';\nexport * from './theme';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export type { AvatarProps, AvatarShape, AvatarSize } from './components/avatar';\nexport { Avatar, resolveAvatarInitials } from './components/avatar';\nexport type { AvatarGroupItem, AvatarGroupProps } from './components/avatar-group';\nexport { AvatarGroup } from './components/avatar-group';\nexport type { BadgeProps } from './components/badge';\nexport { Badge } from './components/badge';\nexport type { ButtonProps } from './components/button';\nexport { Button } from './components/button';\nexport type { CardProps } from './components/card';\nexport { Card } from './components/card';\nexport type { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps } from './components/checkbox';\nexport { Checkbox, CheckboxGroup } from './components/checkbox';\nexport type { ChipProps } from './components/chip';\nexport { Chip } from './components/chip';\nexport type { ChipGroupItem, ChipGroupProps } from './components/chip-group';\nexport { ChipGroup } from './components/chip-group';\nexport type { DrawerProps } from './components/drawer';\nexport { Drawer } from './components/drawer';\nexport type {\n  FormActionsProps,\n  FormErrorProps,\n  FormErrors,\n  FormFieldConfig,\n  FormFieldControlProps,\n  FormFieldInputType,\n  FormFieldProps,\n  FormFieldValue,\n  FormFieldWrapperProps,\n  FormProps,\n  FormValidationErrors,\n  FormValidationResult,\n  FormValues,\n  UseFormControllerOptions,\n  UseFormControllerResult,\n  ValidationRule,\n} from './components/form';\nexport {\n  Form,\n  FormActions,\n  FormError,\n  FormField,\n  hasRequiredRule,\n  useFormController,\n  validateField,\n  validateFields,\n  validateValue,\n} from './components/form';\nexport type {\n  HeadingAlign,\n  HeadingLevel,\n  HeadingProps,\n  HeadingSize,\n  HeadingTone,\n  HeadingWeight,\n} from './components/heading';\nexport { Heading } from './components/heading';\nexport type { IconProps } from './components/icon';\nexport { Icon } from './components/icon';\nexport type { IconButtonProps } from './components/icon-button';\nexport { IconButton } from './components/icon-button';\nexport type { InputProps, InputTrailingAction } from './components/input';\nexport { Input } from './components/input';\nexport type { ModalProps } from './components/modal';\nexport { Modal } from './components/modal';\nexport type { RadioGroupOption, RadioGroupProps, RadioProps } from './components/radio';\nexport { Radio, RadioGroup } from './components/radio';\nexport type { SearchBarProps } from './components/search-bar';\nexport { SearchBar } from './components/search-bar';\nexport type { SelectOption, SelectProps } from './components/select';\nexport { Select } from './components/select';\nexport type { TabItem, TabsProps } from './components/tabs';\nexport { Tabs } from './components/tabs';\nexport type { TextAlign, TextProps, TextTone, TextVariant, TextWeight } from './components/text';\nexport { Text } from './components/text';\nexport type { TextareaProps } from './components/textarea';\nexport { Textarea } from './components/textarea';\nexport type { ToolbarActionProps, ToolbarProps } from './components/toolbar';\nexport { Toolbar, ToolbarAction } from './components/toolbar';\nexport type {\n  BoxProps,\n  CenterProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  InlineProps,\n  ShowProps,\n  SpacerProps,\n  StackProps,\n  SurfaceProps,\n  SurfaceVariant,\n} from './foundation';\nexport {\n  Box,\n  Center,\n  Container,\n  Divider,\n  Grid,\n  Inline,\n  Show,\n  Spacer,\n  Stack,\n  Surface,\n} from './foundation';\nexport type { AppShellProps } from './layout/app-shell';\nexport { AppShell } from './layout/app-shell';\nexport type { AuthLayoutProps } from './layout/auth-layout';\nexport { AuthLayout } from './layout/auth-layout';\nexport type { PageProps } from './layout/page';\nexport { Page } from './layout/page';\nexport type { PageHeaderProps } from './layout/page-header';\nexport { PageHeader } from './layout/page-header';\nexport type { PageSectionProps } from './layout/page-section';\nexport { PageSection } from './layout/page-section';\nexport type { SettingsLayoutProps } from './layout/settings-layout';\nexport { SettingsLayout } from './layout/settings-layout';\nexport type { SidebarLayoutProps } from './layout/sidebar-layout';\nexport { SidebarLayout } from './layout/sidebar-layout';\nexport type { TopbarLayoutProps } from './layout/topbar-layout';\nexport { TopbarLayout } from './layout/topbar-layout';\nexport type {\n  AuthFormBaseProps,\n  AuthIdentifierKind,\n  ForgotPasswordFormProps,\n  ForgotPasswordFormValues,\n  OtpFormProps,\n  OtpFormValues,\n  SignInFormProps,\n  SignInFormValues,\n  SignUpFormField,\n  SignUpFormProps,\n  SignUpFormValues,\n} from './patterns/auth';\nexport { ForgotPasswordForm, OtpForm, SignInForm, SignUpForm } from './patterns/auth';\nexport type {\n  CollectionEditorProps,\n  CollectionEditorRenderItemProps,\n} from './patterns/collection-editor';\nexport { CollectionEditor } from './patterns/collection-editor';\nexport type { ConfirmDialogProps } from './patterns/confirm-dialog';\nexport { ConfirmDialog } from './patterns/confirm-dialog';\nexport type { DisclosureSectionProps } from './patterns/disclosure-section';\nexport { DisclosureSection } from './patterns/disclosure-section';\nexport type { EmptyStateAction, EmptyStateProps } from './patterns/empty-state';\nexport { EmptyState } from './patterns/empty-state';\nexport type { FilterBarProps } from './patterns/filter-bar';\nexport { FilterBar } from './patterns/filter-bar';\nexport type { InspectorFieldProps } from './patterns/inspector-field';\nexport { InspectorField } from './patterns/inspector-field';\nexport type { NoticeProps } from './patterns/notice';\nexport { Notice } from './patterns/notice';\nexport type { PanelProps } from './patterns/panel';\nexport { Panel } from './patterns/panel';\nexport type { ResponsivePanelProps } from './patterns/responsive-panel';\nexport { ResponsivePanel } from './patterns/responsive-panel';\nexport type { SectionHeaderProps } from './patterns/section-header';\nexport { SectionHeader } from './patterns/section-header';\nexport type { SettingsRowProps } from './patterns/settings-row';\nexport { SettingsRow } from './patterns/settings-row';\nexport type { SwitchFieldProps } from './patterns/switch-field';\nexport { SwitchField } from './patterns/switch-field';\nexport type { ThemeComposerProps } from './patterns/theme-composer';\nexport { ThemeComposer } from './patterns/theme-composer';\nexport type { PaletteItemProps, TileGridProps } from './patterns/tile-grid';\nexport { PaletteItem, TileGrid } from './patterns/tile-grid';\nexport type { TreeItemNode, TreeItemRenderProps, TreeViewProps } from './patterns/tree-view';\nexport { TreeItem, TreeView } from './patterns/tree-view';\nexport * from './theme';\n"]}

package/dist/patterns/filter-bar/FilterBar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FilterBarProps } from './types';
+export declare const FilterBar: (props: FilterBarProps) => React.ReactElement | null;
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/patterns/filter-bar/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/patterns/filter-bar/FilterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAoB9C,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/patterns/filter-bar/FilterBar.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box, Inline } from '../../foundation';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function FilterBarInner({ themeId: _themeId, mode: _mode, testID, leading, trailing, children, wrap = true, }) {
+    return (<Inline align="center" gap="s" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>
+      {leading ? <Box>{leading}</Box> : null}
+      <Box flex={1}>{children}</Box>
+      {trailing ? <Box>{trailing}</Box> : null}
+    </Inline>);
+}
+export const FilterBar = withZoraThemeScope(FilterBarInner);
+//# sourceMappingURL=FilterBar.js.map

package/dist/patterns/filter-bar/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","sourceRoot":"","sources":["../../../src/patterns/filter-bar/FilterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,GACI;IACf,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC5E;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACtC;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAC7B;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box, Inline } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { FilterBarProps } from './types';\n\nfunction FilterBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  leading,\n  trailing,\n  children,\n  wrap = true,\n}: FilterBarProps) {\n  return (\n    <Inline align=\"center\" gap=\"s\" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>\n      {leading ? <Box>{leading}</Box> : null}\n      <Box flex={1}>{children}</Box>\n      {trailing ? <Box>{trailing}</Box> : null}\n    </Inline>\n  );\n}\n\nexport const FilterBar = withZoraThemeScope(FilterBarInner);\n"]}

package/dist/patterns/filter-bar/index.d.ts

@@ -0,0 +1,3 @@
+export { FilterBar } from './FilterBar';
+export type { FilterBarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/filter-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/filter-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/patterns/filter-bar/index.js

@@ -0,0 +1,2 @@
+export { FilterBar } from './FilterBar';
+//# sourceMappingURL=index.js.map

package/dist/patterns/filter-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/filter-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { FilterBar } from './FilterBar';\nexport type { FilterBarProps } from './types';\n"]}

package/dist/patterns/filter-bar/types.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface FilterBarProps extends ZoraBaseProps {
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    children: React.ReactNode;
+    wrap?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/patterns/filter-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/filter-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/dist/patterns/filter-bar/types.js

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

package/dist/patterns/filter-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/filter-bar/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface FilterBarProps extends ZoraBaseProps {\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  children: React.ReactNode;\n  wrap?: boolean;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/components/avatar/Avatar.tsx

@@ -0,0 +1,133 @@
+import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
+import React from 'react';
+import { Image } from 'react-native';
+
+import { Box } from '../../foundation';
+import type { ZoraTone } from '../../internal/recipes';
+import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Icon } from '../icon';
+import { Text, type TextTone, type TextVariant } from '../text';
+import { resolveAvatarInitials } from './resolveAvatarInitials';
+import type { AvatarProps, AvatarShape, AvatarSize } from './types';
+
+const AVATAR_SIZES: Record<AvatarSize, number> = {
+  xs: 24,
+  s: 32,
+  m: 40,
+  l: 48,
+  xl: 64,
+};
+
+function resolveRoleSemantics(theme: SurfaceTheme, tone: ZoraTone): RoleSemantics {
+  switch (tone) {
+    case 'primary':
+      return theme.semantics.action.primary;
+    case 'danger':
+      return theme.semantics.action.danger;
+    case 'success':
+      return theme.semantics.success;
+    case 'warning':
+      return theme.semantics.warning;
+    case 'neutral':
+    default:
+      return theme.semantics.action.neutral;
+  }
+}
+
+function resolveTextTone(tone: ZoraTone): TextTone {
+  return tone === 'neutral' ? 'default' : tone;
+}
+
+function resolveTextVariant(size: AvatarSize): TextVariant {
+  switch (size) {
+    case 'xs':
+    case 's':
+      return 'caption';
+    case 'l':
+      return 'bodySmall';
+    case 'xl':
+      return 'lead';
+    case 'm':
+    default:
+      return 'label';
+  }
+}
+
+function resolveRadius(shape: AvatarShape): 'full' | 'l' {
+  return shape === 'circle' ? 'full' : 'l';
+}
+
+function AvatarInner({
+  themeId: _themeId,
+  mode: _mode,
+  testID,
+  source,
+  name,
+  initials,
+  iconFallback,
+  label,
+  size = 'm',
+  shape = 'circle',
+  tone = 'neutral',
+}: AvatarProps) {
+  const { theme } = useZoraTheme();
+  const resolvedSize = AVATAR_SIZES[size];
+  const resolvedInitials = initials ?? resolveAvatarInitials(name);
+  const role = resolveRoleSemantics(theme, tone);
+  const backgroundColor = tone === 'neutral' ? theme.semantics.neutral.surface : role.softBg;
+  const contentColor = tone === 'neutral' ? theme.semantics.content.default : role.base;
+  const radius = resolveRadius(shape);
+
+  const renderFallback = () => {
+    if (resolvedInitials) {
+      return (
+        <Text tone={resolveTextTone(tone)} variant={resolveTextVariant(size)} weight="semiBold">
+          {resolvedInitials}
+        </Text>
+      );
+    }
+
+    if (iconFallback) {
+      const iconSize = Math.max(16, Math.round(resolvedSize * 0.48));
+      return (
+        <Icon
+          color={contentColor}
+          name={iconFallback.name}
+          provider={iconFallback.provider}
+          size={iconSize}
+        />
+      );
+    }
+
+    return null;
+  };
+
+  return (
+    <Box
+      accessibilityLabel={label}
+      bg={backgroundColor}
+      height={resolvedSize}
+      radius={radius}
+      testID={testID}
+      width={resolvedSize}
+      style={{
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+      }}
+    >
+      {source ? (
+        <Image
+          accessibilityLabel={label}
+          source={source}
+          style={{ height: '100%', width: '100%' }}
+        />
+      ) : (
+        renderFallback()
+      )}
+    </Box>
+  );
+}
+
+export const Avatar = withZoraThemeScope(AvatarInner);

package/src/components/avatar/index.ts

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export { resolveAvatarInitials } from './resolveAvatarInitials';
+export type { AvatarProps, AvatarShape, AvatarSize } from './types';

package/src/components/avatar/resolveAvatarInitials.test.ts

@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'bun:test';
+
+import { resolveAvatarInitials } from './resolveAvatarInitials';
+
+describe('resolveAvatarInitials', () => {
+  it('returns null for empty input', () => {
+    expect(resolveAvatarInitials(undefined)).toBeNull();
+    expect(resolveAvatarInitials('')).toBeNull();
+    expect(resolveAvatarInitials('   ')).toBeNull();
+  });
+
+  it('returns the first two characters for a single word', () => {
+    expect(resolveAvatarInitials('Zora')).toBe('ZO');
+    expect(resolveAvatarInitials('a')).toBe('A');
+  });
+
+  it('returns first+last initials for multiple words', () => {
+    expect(resolveAvatarInitials('Fabio Gartenmann')).toBe('FG');
+    expect(resolveAvatarInitials('Fabio   Gartenmann')).toBe('FG');
+    expect(resolveAvatarInitials('Fabio Gartenmann Example')).toBe('FE');
+  });
+
+  it('handles non-letter characters', () => {
+    expect(resolveAvatarInitials('🧠 Brain')).toBe('🧠B');
+    expect(resolveAvatarInitials('Brain 🧠')).toBe('B🧠');
+  });
+});

package/src/components/avatar/resolveAvatarInitials.ts

@@ -0,0 +1,46 @@
+function takeFirstCharacter(value: string): string | null {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+
+  const chars = Array.from(trimmed);
+  return chars[0] ? chars[0].toUpperCase() : null;
+}
+
+function takeFirstTwoCharacters(value: string): string | null {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+
+  const chars = Array.from(trimmed);
+  const [first, second] = chars;
+  if (!first) return null;
+
+  return `${first}${second ?? ''}`.toUpperCase();
+}
+
+export function resolveAvatarInitials(name: string | undefined): string | null {
+  if (!name) return null;
+
+  const parts = name
+    .trim()
+    .split(/\s+/)
+    .map((part) => part.trim())
+    .filter(Boolean);
+
+  if (parts.length === 0) return null;
+
+  if (parts.length === 1) {
+    const [part] = parts;
+    return part ? takeFirstTwoCharacters(part) : null;
+  }
+
+  const [firstPart] = parts;
+  const [lastPart] = parts.slice(-1);
+  const first = firstPart ? takeFirstCharacter(firstPart) : null;
+  const last = lastPart ? takeFirstCharacter(lastPart) : null;
+
+  if (!first && !last) return null;
+  if (!last) return first;
+  if (!first) return last;
+
+  return `${first}${last}`;
+}

package/src/components/avatar/types.ts

@@ -0,0 +1,20 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type { ImageSourcePropType } from 'react-native';
+
+import type { ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+
+export type AvatarSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+
+export type AvatarShape = 'circle' | 'rounded';
+
+export interface AvatarProps extends ZoraBaseProps {
+  source?: ImageSourcePropType;
+  name?: string;
+  initials?: string;
+  iconFallback?: ButtonIconSpec;
+  label?: string;
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  tone?: ZoraTone;
+}

package/src/components/avatar-group/AvatarGroup.tsx

@@ -0,0 +1,74 @@
+import React from 'react';
+
+import { Box, Stack } from '../../foundation';
+import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Avatar } from '../avatar';
+import type { AvatarGroupItem, AvatarGroupProps } from './types';
+
+function defaultOverflowLabel(overflowCount: number): string {
+  return `+${overflowCount}`;
+}
+
+function AvatarGroupInner({
+  themeId: _themeId,
+  mode: _mode,
+  testID,
+  items,
+  max = 4,
+  size = 's',
+  shape = 'circle',
+  overflowLabel = defaultOverflowLabel,
+}: AvatarGroupProps) {
+  const { theme } = useZoraTheme();
+
+  const visibleItems = items.slice(0, max);
+  const overflowCount = Math.max(0, items.length - visibleItems.length);
+  const overlap =
+    size === 'xs' ? 8 : size === 's' ? 10 : size === 'm' ? 12 : size === 'l' ? 14 : 16;
+  const borderColor = theme.semantics.surface.default;
+
+  const renderItem = (item: AvatarGroupItem, index: number) => (
+    <Box
+      key={item.id ?? `${index}`}
+      ml={index === 0 ? 0 : -overlap}
+      radius="full"
+      borderWidth={2}
+      borderColor={borderColor}
+    >
+      <Avatar
+        iconFallback={item.iconFallback}
+        initials={item.initials}
+        label={item.label}
+        name={item.name}
+        shape={shape}
+        size={size}
+        source={item.source}
+        tone={item.tone}
+      />
+    </Box>
+  );
+
+  return (
+    <Stack align="center" direction="row" testID={testID} wrap="nowrap">
+      {visibleItems.map(renderItem)}
+      {overflowCount > 0 ? (
+        <Box
+          ml={visibleItems.length === 0 ? 0 : -overlap}
+          radius="full"
+          borderWidth={2}
+          borderColor={borderColor}
+        >
+          <Avatar
+            initials={overflowLabel(overflowCount)}
+            size={size}
+            shape={shape}
+            tone="neutral"
+          />
+        </Box>
+      ) : null}
+    </Stack>
+  );
+}
+
+export const AvatarGroup = withZoraThemeScope(AvatarGroupInner);

package/src/components/avatar-group/index.ts

@@ -0,0 +1,2 @@
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupItem, AvatarGroupProps } from './types';

package/src/components/avatar-group/types.ts

@@ -0,0 +1,24 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type { ImageSourcePropType } from 'react-native';
+
+import type { ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { AvatarShape, AvatarSize } from '../avatar';
+
+export interface AvatarGroupItem {
+  id?: string;
+  source?: ImageSourcePropType;
+  name?: string;
+  initials?: string;
+  iconFallback?: ButtonIconSpec;
+  label?: string;
+  tone?: ZoraTone;
+}
+
+export interface AvatarGroupProps extends ZoraBaseProps {
+  items: readonly AvatarGroupItem[];
+  max?: number;
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  overflowLabel?: (overflowCount: number) => string;
+}

package/src/components/chip/Chip.tsx

@@ -0,0 +1,95 @@
+import { ButtonBase } from '@ankhorage/surface';
+import React from 'react';
+
+import { Box, Inline } from '../../foundation';
+import { resolveIconSize } from '../../internal/recipes';
+import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Icon } from '../icon';
+import { Text } from '../text';
+import { resolveChipColors } from './resolveChipColors';
+import type { ChipInteractionState, ChipProps } from './types';
+
+function resolveChipPadding(size: NonNullable<ChipProps['size']>): {
+  px: 's' | 'm';
+  py: 'xxs' | 'xs';
+} {
+  switch (size) {
+    case 's':
+      return { px: 's', py: 'xxs' };
+    case 'm':
+      return { px: 'm', py: 'xs' };
+    case 'l':
+    default:
+      return { px: 'm', py: 'xs' };
+  }
+}
+
+function ChipInner({
+  themeId: _themeId,
+  mode: _mode,
+  testID,
+  children,
+  icon,
+  selected = false,
+  disabled = false,
+  tone = 'neutral',
+  size = 's',
+  onPress,
+}: ChipProps) {
+  const { theme } = useZoraTheme();
+  const padding = resolveChipPadding(size);
+  const iconSize = resolveIconSize(size);
+
+  const renderContent = (state: ChipInteractionState) => {
+    const colors = resolveChipColors({ theme, tone, selected, state });
+    const textTone = state.disabled
+      ? 'muted'
+      : selected
+        ? tone === 'neutral'
+          ? 'default'
+          : tone
+        : 'default';
+
+    return (
+      <Box
+        bg={colors.backgroundColor}
+        borderColor={colors.borderColor}
+        borderWidth={1}
+        px={padding.px}
+        py={padding.py}
+        radius="full"
+        style={{
+          alignSelf: 'flex-start',
+          opacity: colors.opacity,
+        }}
+      >
+        <Inline align="center" gap="xs" wrap="nowrap">
+          {icon ? (
+            <Icon
+              color={colors.contentColor}
+              name={icon.name}
+              provider={icon.provider}
+              size={iconSize}
+            />
+          ) : null}
+          <Text tone={textTone} variant="label">
+            {children}
+          </Text>
+        </Inline>
+      </Box>
+    );
+  };
+
+  if (!onPress) {
+    return renderContent({ disabled, focused: false, hovered: false, pressed: false });
+  }
+
+  return (
+    <ButtonBase disabled={disabled} onPress={onPress} radius="full" testID={testID}>
+      {(state) => renderContent(state)}
+    </ButtonBase>
+  );
+}
+
+export const Chip = withZoraThemeScope(ChipInner);

package/src/components/chip/index.ts

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+export type { ChipProps } from './types';

package/src/components/chip/resolveChipColors.ts

@@ -0,0 +1,65 @@
+import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
+
+import type { ZoraTone } from '../../internal/recipes';
+import type { ChipColors, ChipInteractionState } from './types';
+
+function resolveChipRole(theme: SurfaceTheme, tone: ZoraTone): RoleSemantics {
+  switch (tone) {
+    case 'primary':
+      return theme.semantics.action.primary;
+    case 'danger':
+      return theme.semantics.action.danger;
+    case 'success':
+      return theme.semantics.success;
+    case 'warning':
+      return theme.semantics.warning;
+    case 'neutral':
+    default:
+      return theme.semantics.action.neutral;
+  }
+}
+
+export function resolveChipColors({
+  theme,
+  tone,
+  selected,
+  state,
+}: {
+  theme: SurfaceTheme;
+  tone: ZoraTone;
+  selected: boolean;
+  state: ChipInteractionState;
+}): ChipColors {
+  if (state.disabled) {
+    return {
+      backgroundColor: theme.semantics.neutral.surface,
+      borderColor: theme.semantics.neutral.divider,
+      contentColor: theme.semantics.content.muted,
+      opacity: 0.72,
+    };
+  }
+
+  const role = resolveChipRole(theme, tone);
+
+  if (selected) {
+    return {
+      backgroundColor: state.pressed
+        ? role.softActive
+        : state.hovered
+          ? role.softHover
+          : role.softBg,
+      borderColor: 'transparent',
+      contentColor: role.base,
+    };
+  }
+
+  return {
+    backgroundColor: state.pressed
+      ? theme.semantics.neutral.surfaceActive
+      : state.hovered
+        ? theme.semantics.neutral.surfaceHover
+        : theme.semantics.neutral.surface,
+    borderColor: theme.semantics.neutral.divider,
+    contentColor: theme.semantics.content.default,
+  };
+}

package/src/components/chip/types.ts

@@ -0,0 +1,29 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type React from 'react';
+
+import type { ZoraControlSize, ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+
+export interface ChipProps extends ZoraBaseProps {
+  children: React.ReactNode;
+  icon?: ButtonIconSpec;
+  selected?: boolean;
+  disabled?: boolean;
+  tone?: ZoraTone;
+  size?: ZoraControlSize;
+  onPress?: () => void;
+}
+
+export interface ChipColors {
+  backgroundColor: string;
+  borderColor: string;
+  contentColor: string;
+  opacity?: number;
+}
+
+export interface ChipInteractionState {
+  pressed: boolean;
+  hovered: boolean;
+  focused: boolean;
+  disabled: boolean;
+}