@12-apps/ui 6.19.1 → 6.21.0

package/dist/types/platform/aria.d.ts

@@ -1,5 +1,5 @@
 /**
- * ARIA ATTRIBUTES REACT NATIVE DOES NOT DECLARE.
+ * WEB ATTRIBUTES REACT NATIVE DOES NOT DECLARE.
  *
  * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:
  * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.
@@ -13,6 +13,20 @@ export interface WebAria {
     'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;
     'aria-atomic'?: 'true' | 'false';
     'aria-describedby'?: string;
+    /**
+     * A field's validity and whether it must be filled. React Native's
+     * `accessibilityState` has neither — its five flags are disabled, selected,
+     * checked, busy and expanded — so these are web-only, and a device reads the
+     * error text instead. react-native-web forwards both.
+     */
+    'aria-invalid'?: boolean;
+    'aria-required'?: boolean;
+    /**
+     * What a control pops open. React Native has `aria-expanded` and no
+     * `aria-haspopup`, so a `combobox` needs this one from here to say the thing
+     * it expands is a listbox — which is what the web's own trigger carries.
+     */
+    'aria-haspopup'?: 'listbox' | 'menu' | 'dialog' | 'true';
 }
 /**
  * `attrs` as something JSX can spread onto a react-native element without
@@ -26,4 +40,48 @@ export interface WebAria {
  * Neither name exists on a device, so nothing is lost there.
  */
 export declare function webAria(attrs: WebAria): object;
+/**
+ * `disabled` for a react-native-web form control.
+ *
+ * React Native's `TextInput` has `editable` and no `disabled`, because a
+ * device has no disabled state to speak of — an uneditable field simply does
+ * not take the keyboard. The DOM does: only a real `disabled` attribute takes
+ * an `<input>` out of the tab order, and it is what `toBeDisabled()` reads. So
+ * a native field spreads this ALONGSIDE `editable={false}` and
+ * `aria-disabled`: react-native-web puts the attribute on the input, and a
+ * device ignores a prop it does not know.
+ */
+export declare function webDisabled(disabled: boolean): object;
+/**
+ * `onClick` for a react-native-web element whose React Native twin has no
+ * click of its own.
+ *
+ * react-native-web's `TextInput` forwards `onClick` to the DOM input and drops
+ * `onPressIn`; a device does the opposite. A field that must answer a press on
+ * both renderers spreads this ALONGSIDE `onPressIn`, and exactly one of the two
+ * fires on each side — never both.
+ */
+export declare function webClick<E>(handler: ((event: E) => void) | undefined): object;
+/**
+ * A `role` React Native's own union does not carry.
+ *
+ * `Role` (0.83) stops at `list` and `menu`: `listbox`, the role a dropdown's
+ * option list owes a screen reader, is not in it. react-native-web forwards
+ * whatever string it is given, and a device ignores a role it does not know —
+ * the same trade `webAria` makes for the attributes below it.
+ */
+export declare function webRole(role: string): object;
+/** The half of a DOM keyboard event a component needs, without the DOM lib. */
+export interface WebKeyEvent {
+    key: string;
+}
+/**
+ * `onKeyDown` for a react-native-web element.
+ *
+ * React Native has no key events on a `View` — a phone has no keyboard to
+ * press Escape on — so nothing here is typed by react-native and nothing here
+ * fires on a device. react-native-web forwards it to the DOM, which is what
+ * lets a native dropdown still answer Escape and the arrow keys in a browser.
+ */
+export declare function webKeyDown(handler: (event: WebKeyEvent) => void): object;
 //# sourceMappingURL=aria.d.ts.map

package/dist/types/platform/aria.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aria.d.ts","sourceRoot":"","sources":["../../../src/platform/aria.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,OAAO;IACtB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAG9C"}
+{"version":3,"file":"aria.d.ts","sourceRoot":"","sources":["../../../src/platform/aria.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,OAAO;IACtB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAG9C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAErD;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,GAAG,MAAM,CAE7E;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED,+EAA+E;AAC/E,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,MAAM,CAExE"}

package/dist/types/platform/test-id.d.ts

@@ -14,6 +14,16 @@ export interface TestIdProps {
 }
 /** The id the caller asked for under any of the three names, else `fallback`. */
 export declare function resolveTestId(props: TestIdProps, fallback?: string): string | undefined;
+/**
+ * The id under whichever of the three spellings the caller used, together with
+ * the props stripped of all three — so a web component can put `data-testid`
+ * where the DOM wants it without React seeing `testID` or `dataTestId` and
+ * warning that it does not recognise them.
+ */
+export declare function splitTestId<T extends TestIdProps>(props: T, fallback?: string): {
+    testId: string | undefined;
+    rest: Omit<T, keyof TestIdProps>;
+};
 /** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */
 export declare function childTestId(props: TestIdProps, suffix: string, fallback: string): string;
 /** `props` without any of the three spellings, for spreading onto a native element. */

package/dist/types/platform/test-id.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-id.d.ts","sourceRoot":"","sources":["../../../src/platform/test-id.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEvF;AAED,oFAAoF;AACpF,wBAAgB,WAAW,CACzB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAED,uFAAuF;AACvF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAG9F"}
+{"version":3,"file":"test-id.d.ts","sourceRoot":"","sources":["../../../src/platform/test-id.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEvF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAC/C,KAAK,EAAE,CAAC,EACR,QAAQ,CAAC,EAAE,MAAM,GAChB;IAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAA;CAAE,CAElE;AAED,oFAAoF;AACpF,wBAAgB,WAAW,CACzB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAED,uFAAuF;AACvF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAG9F"}

package/dist/types/platform/web-keys.d.ts

@@ -0,0 +1,25 @@
+/**
+ * KEY EVENTS REACT NATIVE DOES NOT DECLARE.
+ *
+ * There is no `onKeyDown` on React Native's `ViewProps` or `PressableProps`,
+ * because there is no keyboard behind a `View` on a device. react-native-web
+ * DOES forward one to the DOM, and a component that stands in for a native
+ * control — a chip that removes on Delete, a listbox option that activates on
+ * Space — carries those conventions as part of its contract on the web.
+ *
+ * `webKeyDown` spreads the handler onto a react-native element without that
+ * element's props type having to know it, the way `./aria.ts` does for the
+ * `aria-*` attributes React Native leaves out. On a device it is simply never
+ * called, which is the honest outcome: the gesture is the input there.
+ *
+ * The event is typed structurally rather than as a DOM `KeyboardEvent`, because
+ * the native type program is checked WITHOUT the DOM lib.
+ */
+export interface WebKeyEvent {
+    key: string;
+    preventDefault: () => void;
+}
+export type WebKeyHandler = (event: WebKeyEvent) => void;
+/** `{ onKeyDown }` as something JSX can spread onto a react-native element. */
+export declare function webKeyDown(handler: WebKeyHandler | undefined): object;
+//# sourceMappingURL=web-keys.d.ts.map

package/dist/types/platform/web-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-keys.d.ts","sourceRoot":"","sources":["../../../src/platform/web-keys.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEzD,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,CAErE"}

package/dist/types/tokens/field-edge.core.d.ts

@@ -0,0 +1,27 @@
+/**
+ * THE FIELD EDGE, WITH NO RENDERER BEHIND IT.
+ *
+ * The argument for why an outlined control cannot draw its resting boundary
+ * from `alpha(theme.palette.divider, 0.23)` is in `./field-edge.ts`, next to
+ * the MUI-typed `fieldEdge` the web components call. This file is the WALK
+ * itself, over two colour strings, so the native renderer can run it too:
+ * `Input.native.tsx` and `Select.native.tsx` have no MUI `Theme` to pass and no
+ * `@mui/material/styles` to import, and a second copy of the walk beside them
+ * is a second answer to "where is this field's border" waiting to drift.
+ *
+ * `./color` is a faithful port of MUI's colour manipulator (asserted equal to
+ * it in `./__tests__/color.test.ts`), so the string this returns is the string
+ * the web has always emitted.
+ */
+/**
+ * WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface
+ * behind it. See `./field-edge.ts` for why 3:1 and why it is a floor.
+ */
+export declare const MIN_UI_CONTRAST = 3;
+/**
+ * The resting boundary a control draws on `surface`, from the theme's own
+ * `divider` as the seed: the seed itself when it already clears
+ * {@link MIN_UI_CONTRAST}, otherwise the nearest tone of it that does.
+ */
+export declare function resolveFieldEdge(divider: string, surface: string): string;
+//# sourceMappingURL=field-edge.core.d.ts.map

package/dist/types/tokens/field-edge.core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-edge.core.d.ts","sourceRoot":"","sources":["../../../src/tokens/field-edge.core.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;GAcG;AAEH;;;GAGG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAiCjC;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAkBzE"}

package/dist/types/tokens/field-edge.d.ts

@@ -56,17 +56,16 @@ import type { Theme } from '@mui/material/styles/index.js';
  * corrected brand colour that clears the floor by construction. The resting
  * state was the only one you could not see, and it is the one that matters,
  * because it is the state a field is in before anyone has found it.
- */
-/**
- * WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface
- * behind it.
  *
- * 3:1 rather than the 4.5:1 the same spec asks of body text: a border is a
- * shape, not a glyph, so it stays findable at a lower ratio. It is a FLOOR and
- * not a target — {@link fieldEdge} stops at the first tone that clears it, so a
- * theme with a stronger hairline keeps the stronger one.
+ * ## Where the walk itself lives
+ *
+ * `./field-edge.core.ts`, over two colour strings and this package's own
+ * colour arithmetic. The native `Input` and `Select` draw the same border and
+ * have neither a MUI `Theme` to pass nor `@mui/material/styles` to import, so
+ * the algorithm sits one file below this one and both renderers call it. This
+ * file is the MUI-typed door onto it, and the argument above.
  */
-export declare const MIN_UI_CONTRAST = 3;
+export { MIN_UI_CONTRAST } from './field-edge.core';
 /**
  * The resting boundary for a form control on `surface`.
  *

package/dist/types/tokens/field-edge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-edge.d.ts","sourceRoot":"","sources":["../../../src/tokens/field-edge.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAkCjC;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAkBhE"}
+{"version":3,"file":"field-edge.d.ts","sourceRoot":"","sources":["../../../src/tokens/field-edge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAI3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAEhE"}

package/dist/types/tokens/mui-type.d.ts

@@ -14,7 +14,7 @@ import type { UiTheme } from './theme';
  * halves and not these; each component that reads this records that as a
  * known gap in its `NATIVE-NOTES.md`.
  */
-export type MuiTypeVariantName = 'h6' | 'body1' | 'body2';
+export type MuiTypeVariantName = 'h6' | 'body1' | 'body2' | 'caption';
 export interface MuiTypeVariant {
     fontSize: number;
     lineHeight: number;

package/dist/types/tokens/mui-type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mui-type.d.ts","sourceRoot":"","sources":["../../../src/tokens/mui-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAI/D,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,mGAAmG;AACnG,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;IAC9C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,EAClC,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,GAAE,MAAmC,GAC5C,YAAY,CASd"}
+{"version":3,"file":"mui-type.d.ts","sourceRoot":"","sources":["../../../src/tokens/mui-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAK/D,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,mGAAmG;AACnG,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;IAC9C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,EAClC,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,GAAE,MAAmC,GAC5C,YAAY,CASd"}

package/dist/types-native/components/data-display/Avatar/Avatar.base.d.ts

@@ -0,0 +1,87 @@
+import type React from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * This file imports no MUI and no react-native, on purpose: it is in BOTH
+ * declaration outputs (`dist/types` and `dist/types-native`), and a native
+ * consumer has no `@mui/material` to resolve a type import against.
+ */
+/**
+ * The house scale, EXTENDED by one stop rather than replacing it.
+ *
+ * `xxl` is real — an avatar is the one component with a portrait size above the
+ * scale's top — so it is added to `SizeValue` instead of the union being
+ * rewritten by hand. Spelling all six out again is how the copy drifts.
+ */
+export type AvatarSize = SizeValue | 'xxl';
+export type AvatarVariant = 'circle' | 'square' | 'rounded' | 'status';
+export type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
+/** Which of the four content sources won, and therefore which slot id it takes. */
+export type ContentType = 'children' | 'fallback' | 'icon' | 'default';
+export interface AvatarBaseProps {
+    /**
+     * The variant of the avatar
+     */
+    variant?: AvatarVariant;
+    /**
+     * The size of the avatar
+     */
+    size?: AvatarSize;
+    /**
+     * Whether the avatar should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the avatar should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Status indicator (only applies when variant is 'status')
+     */
+    status?: AvatarStatus;
+    /**
+     * Fallback text when no src is provided (typically initials)
+     */
+    fallback?: string;
+    /**
+     * Custom icon to display
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether to show a border around the avatar
+     */
+    bordered?: boolean;
+    /**
+     * Color of the avatar background when no image is provided
+     */
+    color?: ColorValue;
+    /**
+     * Whether the avatar is in a loading state
+     */
+    loading?: boolean;
+    /**
+     * Whether the avatar should be interactive (show hover effects)
+     */
+    interactive?: boolean;
+    /**
+     * Whether to show fallback content on image error
+     */
+    showFallbackOnError?: boolean;
+    /**
+     * Animation delay in milliseconds
+     */
+    animationDelay?: number;
+    /** The portrait itself. */
+    src?: string;
+    /** The portrait's description, and the avatar's accessible name. */
+    alt?: string;
+    children?: React.ReactNode;
+    /**
+     * Test ID for automated testing
+     */
+    dataTestId?: string;
+    /** React Native's spelling of {@link AvatarBaseProps.dataTestId}. */
+    testID?: string;
+}
+//# sourceMappingURL=Avatar.base.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,mFAAmF;AACnF,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types-native/components/data-display/Avatar/Avatar.helpers.d.ts

@@ -0,0 +1,37 @@
+import type { ContentType } from './Avatar.base';
+/** Applied via a single spread so no per-field default inflates cyclomatic complexity. */
+export declare const AVATAR_DEFAULTS: {
+    variant: "circle";
+    size: "md";
+    glow: false;
+    pulse: false;
+    bordered: false;
+    color: "primary";
+    loading: false;
+    interactive: false;
+    showFallbackOnError: true;
+    animationDelay: number;
+};
+/** What wins the middle of the avatar. `broken` is the icon slot's error glyph. */
+export type AvatarContentPick = ContentType | 'broken';
+export interface AvatarContentArgs {
+    hasChildren: boolean;
+    hasFallback: boolean;
+    hasIcon: boolean;
+    imageError: boolean;
+    showFallbackOnError: boolean;
+}
+/**
+ * Pick what renders inside the avatar. On an image error (with fallback
+ * enabled) the fallback/icon/broken-image wins; otherwise children → fallback →
+ * icon → the default person glyph.
+ *
+ * The DECISION is shared; each renderer builds its own node from it, because
+ * the two draw a glyph with different things.
+ */
+export declare function pickAvatarContent(a: AvatarContentArgs): AvatarContentPick;
+/** The slot id a pick takes; the broken-image glyph shares the icon slot's. */
+export declare const contentTypeOf: (pick: AvatarContentPick) => ContentType;
+/** `${dataTestId}-loading`, or nothing at all when the caller named nothing. */
+export declare const avatarTestId: (dataTestId?: string) => (suffix: string) => string | undefined;
+//# sourceMappingURL=Avatar.helpers.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,WAAW,EAAE,MAAM,eAAe,CAAC;AAElE,0FAA0F;AAC1F,eAAO,MAAM,eAAe;;;;;;;;;;;CAWQ,CAAC;AAErC,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAQzE;AAED,+EAA+E;AAC/E,eAAO,MAAM,aAAa,GAAI,MAAM,iBAAiB,KAAG,WACrB,CAAC;AAEpC,gFAAgF;AAChF,eAAO,MAAM,YAAY,GACtB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MAAM,GAAG,SACyB,CAAC"}

package/dist/types-native/components/data-display/Avatar/Avatar.look.native.d.ts

@@ -0,0 +1,25 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { AvatarSize, AvatarVariant } from './Avatar.base';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/** `square` is sharp, `rounded` takes a spacing unit, `circle` and `status` are round. */
+export declare function avatarRadius(theme: UiTheme, variant: AvatarVariant, box: number): number;
+export interface AvatarSurfaceArgs {
+    variant: AvatarVariant;
+    size: AvatarSize;
+    color: ColorValue;
+    glow: boolean;
+    bordered: boolean;
+    interactive: boolean;
+    hasError: boolean;
+}
+/** The avatar box: MUI's square, its radius, the accent behind the initials. */
+export declare function avatarSurfaceStyle(theme: UiTheme, a: AvatarSurfaceArgs): ViewStyle;
+/** The initials, in the accent's contrast ink at the size's own step. */
+export declare function avatarTextStyle(theme: UiTheme, size: AvatarSize, color: ColorValue, hasError: boolean): TextStyle;
+/** The wash over a loading avatar, and the ring spinning in it. */
+export declare function avatarLoadingStyle(theme: UiTheme, size: AvatarSize, radius: number): ViewStyle;
+export declare function avatarSpinnerStyle(theme: UiTheme, size: AvatarSize): ViewStyle;
+/** MUI's `Badge` dot, anchored bottom-right of a circular avatar. */
+export declare function avatarStatusDotStyle(theme: UiTheme, size: AvatarSize, color: string): ViewStyle;
+//# sourceMappingURL=Avatar.look.native.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.look.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAa/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,0FAA0F;AAC1F,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAIxF;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,gFAAgF;AAChF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAuBlF;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAC7B,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,OAAO,GAChB,SAAS,CAQX;AAED,mEAAmE;AACnE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAa9F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,GAAG,SAAS,CAU9E;AAED,qEAAqE;AACrE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAgB/F"}

package/dist/types-native/components/data-display/Avatar/Avatar.metrics.d.ts

@@ -0,0 +1,113 @@
+import type { AvatarSize, AvatarStatus } from './Avatar.base';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Avatar` RENDERERS DRAW WITH.
+ *
+ * `Avatar.view.tsx` (web, emotion over MUI's `Avatar` and `Badge`) and
+ * `Avatar.native.tsx` (React Native) read this one table: the six boxes and
+ * their type, the status dot, the glow, the shimmer and the spinner. The web
+ * turns the px into rem; native uses the numbers.
+ */
+export interface AvatarSizeMetrics {
+    /** The square the portrait fills, in px. */
+    box: number;
+    /** The initials' type size, in px. */
+    fontSize: number;
+}
+export declare const AVATAR_SIZES: Record<AvatarSize, AvatarSizeMetrics>;
+/** `rounded` takes one spacing unit; `circle` and `status` are round. */
+export declare const ROUNDED_RADIUS_UNITS = 1;
+/** The paper ring an avatar takes inside a group, and the hairline outside it. */
+export declare const BORDER_WIDTH = 2;
+export declare const BORDER_HALO_ALPHA = 0.2;
+/** `glow`: a 20px halo at five pixels of spread, and a brightness lift. */
+export declare const GLOW: {
+    readonly blur: 20;
+    readonly spread: 5;
+    readonly alpha: 0.4;
+    readonly brightness: 1.05;
+};
+/** `pulse`: the `::after` ring, from nothing to 10px while it fades out. */
+export declare const PULSE: {
+    readonly durationMs: 2000;
+    readonly alpha: 0.3;
+    readonly spread: 10;
+};
+/** The shimmer that runs across a loading avatar. */
+export declare const SHIMMER: {
+    readonly durationMs: 1500;
+    readonly fromAlpha: 0.6;
+    readonly toAlpha: 0.8;
+};
+/** The overlay over a loading avatar, and the ring spinning in it. */
+export declare const LOADING_OVERLAY: {
+    readonly paperAlpha: 0.7;
+    readonly blur: 2;
+};
+export declare const SPINNER: {
+    /** A share of the avatar's box. */
+    readonly scale: 0.4;
+    readonly ringWidth: 2;
+    readonly trackAlpha: 0.3;
+    readonly durationMs: 800;
+};
+/**
+ * The status dot: a fifth of the box, never below 8px, inside a paper ring.
+ * `anchor` is MUI's `overlap="circular"` inset — the dot's CENTRE sits 14% of
+ * the box in from the bottom-right corner.
+ */
+export declare const STATUS_DOT: {
+    readonly scale: 0.2;
+    readonly min: 8;
+    readonly borderWidth: 2;
+    readonly anchor: 0.14;
+};
+/**
+ * The default and broken-image glyphs are ordinary `SvgIcon`s here, not MUI's
+ * own `.MuiAvatar-fallback` (which is 75% of the box): this component passes
+ * them as CHILDREN, so they render at the icon default whatever the box is.
+ */
+export declare const GLYPH_SIZE = 24;
+/** MUI's `Fade` timeout on mount, and the scale-in behind it. */
+export declare const FADE_MS = 300;
+export declare const SCALE_IN_MS = 300;
+/** `transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)`. */
+export declare const AVATAR_TRANSITION_MS = 300;
+export declare const AVATAR_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+/** The interactive lift, which is a `:hover` on the web. */
+export declare const HOVER: {
+    readonly scale: 1.1;
+    readonly lift: 2;
+    readonly shadowY: 8;
+    readonly shadowBlur: 20;
+    readonly shadowAlpha: 0.3;
+    readonly brightness: 1.1;
+};
+export declare const ACTIVE_SCALE = 1.05;
+/** The focus ring `:focus-visible` draws. */
+export declare const FOCUS_RING: {
+    readonly width: 3;
+    readonly offset: 2;
+    readonly alpha: 0.5;
+};
+/** An avatar group's default overlap, in px, and its hover lift. */
+export declare const GROUP_OVERLAP = 8;
+export declare const GROUP_MAX = 4;
+export declare const GROUP_HOVER: {
+    readonly scale: 1.1;
+    readonly lift: 4;
+};
+/** The dot's colour per status. `offline` is the ramp, the rest are semantic. */
+export declare function statusColor(theme: UiTheme, status: AvatarStatus): string;
+export interface AvatarAccent {
+    main: string;
+    contrastText: string;
+}
+/**
+ * The accent behind the initials. `danger`, NOT `error` — the web map was keyed
+ * on MUI's word while the prop took the house one, so `danger` matched nothing
+ * and fell through to primary: a red avatar rendering blue, silently.
+ */
+export declare function avatarAccent(theme: UiTheme, color: ColorValue): AvatarAccent;
+//# sourceMappingURL=Avatar.metrics.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,iBAAiB,CAO9D,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,kFAAkF;AAClF,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,2EAA2E;AAC3E,eAAO,MAAM,IAAI;;;;;CAAiE,CAAC;AAEnF,4EAA4E;AAC5E,eAAO,MAAM,KAAK;;;;CAAwD,CAAC;AAE3E,qDAAqD;AACrD,eAAO,MAAM,OAAO;;;;CAA8D,CAAC;AAEnF,sEAAsE;AACtE,eAAO,MAAM,eAAe;;;CAAwC,CAAC;AACrE,eAAO,MAAM,OAAO;IAClB,mCAAmC;;;;;CAK3B,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;CAAgE,CAAC;AAExF;;;;GAIG;AACH,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,iEAAiE;AACjE,eAAO,MAAM,OAAO,MAAM,CAAC;AAC3B,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,2DAA2D;AAC3D,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AAEvE,4DAA4D;AAC5D,eAAO,MAAM,KAAK;;;;;;;CAAkG,CAAC;AACrH,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC,6CAA6C;AAC7C,eAAO,MAAM,UAAU;;;;CAA+C,CAAC;AAEvE,oEAAoE;AACpE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,WAAW;;;CAAmC,CAAC;AAE5D,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAKxE;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,YAAY,CAI5E"}

package/dist/types-native/components/data-display/Avatar/Avatar.native.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { AvatarGroupProps } from './Avatar.types.native';
+/**
+ * The native `Avatar`: MUI's box on a `Pressable`, the portrait as an `Image`,
+ * and the status dot as a bordered circle in the corner.
+ */
+export declare const Avatar: React.ForwardRefExoticComponent<import("./Avatar.base").AvatarBaseProps & Omit<import("react-native").PressableProps, "style" | "onPress" | keyof import("./Avatar.base").AvatarBaseProps> & {
+    onClick?: () => void;
+    onPress?: (event: import("react-native").GestureResponderEvent) => void;
+    onError?: () => void;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & React.RefAttributes<View>>;
+/**
+ * The native `AvatarGroup`: the same overlap, and the same `+n` avatar past
+ * `max`. The web additionally lifts an avatar on hover, which touch has none of.
+ */
+export declare const AvatarGroup: React.FC<AvatarGroupProps>;
+//# sourceMappingURL=Avatar.native.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAmB1D,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,uBAAuB,CAAC;AAiG3E;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;8BAqBjB,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgClD,CAAC"}

package/dist/types-native/components/data-display/Avatar/Avatar.parts.native.d.ts

@@ -0,0 +1,69 @@
+/**
+ * THE PIECES THE NATIVE `Avatar` IS ASSEMBLED FROM.
+ *
+ * Split out of `Avatar.native.tsx` so the component itself reads as structure:
+ * the mount fade, the portrait's load state, the content node, the pulse ring,
+ * the spinner and the surface they all sit on.
+ */
+import * as React from 'react';
+import { Animated, View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+import type { AvatarSize, AvatarVariant, ContentType } from './Avatar.base';
+import type { AvatarContentPick } from './Avatar.helpers';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/** MUI's `Fade`: in over 300ms, once `animationDelay` has run. */
+export declare function useFadeIn(animationDelay: number): Animated.Value;
+interface ImageState {
+    imageError: boolean;
+    imageLoading: boolean;
+    handleError: () => void;
+    handleLoad: () => void;
+}
+/** The portrait's load lifecycle: loading from the moment there is a `src`. */
+export declare function useImageState(src: string | undefined, onError?: () => void): ImageState;
+interface ContentArgs {
+    pick: AvatarContentPick;
+    children?: React.ReactNode;
+    fallback?: string;
+    icon?: React.ReactNode;
+    ink: string;
+}
+/** The node behind the winning content slot; the pick itself is shared. */
+export declare function contentNode({ pick, children, fallback, icon, ink }: ContentArgs): React.ReactNode;
+/**
+ * MUI's `::after` pulse ring: the accent growing 10px past the box while it
+ * fades out, every two seconds. React Native has no pseudo-element, so it is a
+ * sibling behind the avatar.
+ */
+export declare function PulseRing({ size, variant, color }: {
+    size: AvatarSize;
+    variant: AvatarVariant;
+    color: string;
+}): React.JSX.Element;
+export interface SurfaceArgs {
+    variant: AvatarVariant;
+    size: AvatarSize;
+    color: ColorValue;
+    glow: boolean;
+    bordered: boolean;
+    clickable: boolean;
+    imageError: boolean;
+    showSpinner: boolean;
+    imgSrc?: string;
+    alt?: string;
+    ariaLabel: string;
+    content: React.ReactNode;
+    contentType: ContentType;
+    testID?: string;
+    idFor: (suffix: string) => string | undefined;
+    style?: StyleProp<ViewStyle>;
+    onPress?: (event: GestureResponderEvent) => void;
+    onImageError: () => void;
+    onImageLoad: () => void;
+    rest: object;
+}
+/** The avatar box itself, plus the overlay that covers it while it loads. */
+export declare function AvatarSurface(a: SurfaceArgs & {
+    forwardedRef?: React.Ref<View>;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=Avatar.parts.native.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.parts.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.parts.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.parts.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAMR,IAAI,EACJ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAc1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAI7D,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,KAAK,CAgBhE;AAED,UAAU,UAAU;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,UAAU,CAqBvF;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAKjG;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0BlI;AAqBD,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAwBD,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsCpG"}

package/dist/types-native/components/data-display/Avatar/Avatar.types.native.d.ts

@@ -0,0 +1,24 @@
+import type { GestureResponderEvent, PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { AvatarBaseProps } from './Avatar.base';
+export type { AvatarBaseProps, AvatarSize, AvatarStatus, AvatarVariant, ContentType, } from './Avatar.base';
+/**
+ * The native `Avatar`. `onClick` keeps its web name — a shared screen should
+ * not have to know which renderer it is on — and `onPress` is accepted too,
+ * because that is what a React Native developer will reach for. Both fire.
+ */
+export type AvatarProps = AvatarBaseProps & Omit<PressableProps, keyof AvatarBaseProps | 'style' | 'onPress'> & {
+    onClick?: () => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    /** Fires when the portrait cannot be loaded. */
+    onError?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+export interface AvatarGroupProps {
+    children?: React.ReactNode;
+    max?: number;
+    overlap?: number;
+    dataTestId?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=Avatar.types.native.d.ts.map

package/dist/types-native/components/data-display/Avatar/Avatar.types.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EACV,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,MAAM,eAAe,CAAC;AAEvB;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,cAAc,EAAE,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

package/dist/types-native/components/data-display/Avatar/index.native.d.ts

@@ -0,0 +1,3 @@
+export { Avatar, AvatarGroup } from './Avatar.native';
+export type { AvatarBaseProps, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, ContentType, } from './Avatar.types.native';
+//# sourceMappingURL=index.native.d.ts.map