@12-apps/ui 6.19.1 → 6.20.0

package/dist/types/components/layout/Skeleton/Skeleton.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,qBAAqB,GACtB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,WAAW,GACX,eAAe,GACf,SAAS,CAAC;AAEd,KAAK,qBAAqB,GAAG,aAAa,GACxC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAmBvD,eAAO,MAAM,oBAAoB,GAAI,OAAO,aAAa,KAAG,qBACiB,CAAC"}
+{"version":3,"file":"Skeleton.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,qBAAqB,GACtB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,WAAW,GACX,eAAe,GACf,SAAS,CAAC;AAEd;;;;GAIG;AACH,KAAK,qBAAqB,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,GACzD,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAmB3D,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,iBAAiB,EAC9D,OAAO,CAAC,KACP,qBAAqB,CAAC,CAAC,CACsD,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,MAAM,MAAM,GAAG,SAAS,EACxB,OAAO,MAAM,KACZ,MAAM,GAAG,SAAoD,CAAC"}

package/dist/types/components/layout/Skeleton/Skeleton.metrics.d.ts

@@ -0,0 +1,68 @@
+import type { SkeletonIntensity, SkeletonVariant } from './Skeleton.base';
+/**
+ * THE NUMBERS BOTH `Skeleton` RENDERERS DRAW WITH.
+ *
+ * `Skeleton.styles.ts` (web, emotion over MUI's own `Skeleton`) and
+ * `Skeleton.native.tsx` (React Native) read this one table. The web turns them
+ * into CSS strings — `blur(20px)`, `shimmer 2s infinite` — and native uses the
+ * numbers as they are, so neither renderer restates a value.
+ *
+ * Two groups live here. The first is what the web component WRITES (the
+ * intensity alphas, the default box, the glass and shimmer washes). The second
+ * is what MUI's own `Skeleton` contributes on the web and the native half
+ * therefore has to restate: its pulse keyframe, its wave cadence, and the
+ * geometry of the `text` variant. Those are MUI's DEFAULTS — a host that
+ * re-themes them moves the web only, which `NATIVE-NOTES.md` records.
+ */
+/** The tint's alpha over the ink, per intensity. */
+export declare const SKELETON_INTENSITY_OPACITY: Record<SkeletonIntensity, number>;
+/** The box a variant draws when the caller gives no `width`/`height`. */
+export declare const SKELETON_DEFAULT_DIMENSIONS: Record<SkeletonVariant, {
+    width: number | string;
+    height: number | undefined;
+}>;
+/** The 135° wash over `background.paper`, from the first stop to the last. */
+export declare const GLASS_BACKGROUND_ALPHA_FROM = 0.8;
+export declare const GLASS_BACKGROUND_ALPHA_TO = 0.4;
+export declare const GLASS_BLUR_PX = 20;
+export declare const GLASS_BORDER_ALPHA = 0.2;
+/** `0 8px 32px 0 rgba(0, 0, 0, 0.1)`. */
+export declare const GLASS_SHADOW: {
+    readonly offsetY: 8;
+    readonly blur: 32;
+    readonly alpha: 0.1;
+};
+/** The sweep's middle stop, over white. */
+export declare const SHIMMER_ALPHA = 0.3;
+export declare const SHIMMER_DURATION_MS = 2000;
+/**
+ * MUI's `palette.common`, which is a pair of fixed hexes rather than anything
+ * derived — so the shared theme has no slot for them and they are named here.
+ */
+export declare const COMMON_BLACK = "#000";
+export declare const COMMON_WHITE = "#fff";
+/**
+ * MUI's `pulseKeyframe`: opacity 1 → 0.4 → 1, `2s ease-in-out 0.5s infinite`.
+ * The delay runs once on the web; native replays it each lap unless the
+ * animation is sequenced, which `Skeleton.native.tsx` does.
+ */
+export declare const PULSE: {
+    readonly durationMs: 2000;
+    readonly delayMs: 500;
+    readonly dip: 0.4;
+};
+/** MUI's `wave` sweep: `1.6s linear 0.5s infinite`, in `palette.action.hover`. */
+export declare const WAVE: {
+    readonly durationMs: 1600;
+    readonly delayMs: 500;
+};
+/**
+ * The `text` variant, as MUI draws it: a line box `1.2em` tall squashed to 60%
+ * of its height (`transform: scale(1, 0.60)`), with a `4px/6.7px` elliptical
+ * radius that the same squash turns back into a round 4px. React Native has no
+ * `em`, and its transforms do not change layout, so the native half multiplies
+ * the two out into one height and draws the plain 4px radius the squash lands on.
+ */
+export declare const TEXT_LINE_HEIGHT_EM = 1.2;
+export declare const TEXT_SCALE_Y = 0.6;
+//# sourceMappingURL=Skeleton.metrics.d.ts.map

package/dist/types/components/layout/Skeleton/Skeleton.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE1E;;;;;;;;;;;;;;GAcG;AAEH,oDAAoD;AACpD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIxE,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,eAAe,EACf;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAOvD,CAAC;AAIF,8EAA8E;AAC9E,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,yCAAyC;AACzC,eAAO,MAAM,YAAY;;;;CAAgD,CAAC;AAI1E,2CAA2C;AAC3C,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,YAAY,SAAS,CAAC;AACnC,eAAO,MAAM,YAAY,SAAS,CAAC;AAInC;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;CAAwD,CAAC;AAE3E,kFAAkF;AAClF,eAAO,MAAM,IAAI;;;CAA8C,CAAC;AAEhE;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,YAAY,MAAM,CAAC"}

package/dist/types/components/layout/Skeleton/Skeleton.styles.d.ts

@@ -4,7 +4,7 @@ type SkeletonVariant = NonNullable<SkeletonProps['variant']>;
 type SkeletonIntensity = NonNullable<SkeletonProps['intensity']>;
 /** `wave` is our own name for a rectangle that animates; MUI has no such variant. */
 export declare const muiVariantFor: (variant: SkeletonVariant) => "circular" | "rectangular" | "text";
-export declare const muiAnimationFor: (variant: SkeletonVariant, animation: SkeletonProps["animation"]) => import("./Skeleton.types").SkeletonAnimation | undefined;
+export declare const muiAnimationFor: (variant: SkeletonVariant, animation: SkeletonProps["animation"]) => import("./Skeleton.base").SkeletonAnimation | undefined;
 export declare const defaultDimensions: (variant: SkeletonVariant) => {
     width: number | string;
     height: number | undefined;

package/dist/types/components/layout/Skeleton/Skeleton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7D,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAEjE,qFAAqF;AACrF,eAAO,MAAM,aAAa,GACxB,SAAS,eAAe,KACvB,UAAU,GAAG,aAAa,GAAG,MAU/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,SAAS,eAAe,EACxB,WAAW,aAAa,CAAC,WAAW,CAAC,6DAItC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,eAAe,KACvB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAUtD,CAAC;AA8CF,UAAU,iBAAiB;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,EACZ,4DAA4D,iBAAiB,KAC5E,SAaD,CAAC"}
+{"version":3,"file":"Skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD,KAAK,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7D,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAEjE,qFAAqF;AACrF,eAAO,MAAM,aAAa,GACxB,SAAS,eAAe,KACvB,UAAU,GAAG,aAAa,GAAG,MAU/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,SAAS,eAAe,EACxB,WAAW,aAAa,CAAC,WAAW,CAAC,4DAItC,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,eAAe,KACvB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAG0B,CAAC;AAwClF,UAAU,iBAAiB;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,EACZ,4DAA4D,iBAAiB,KAC5E,SAaD,CAAC"}

package/dist/types/components/layout/Skeleton/Skeleton.types.d.ts

@@ -1,19 +1,9 @@
-export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'wave';
-export type SkeletonAnimation = 'pulse' | 'wave' | false;
-export type SkeletonIntensity = 'low' | 'medium' | 'high';
-export interface SkeletonProps {
-    variant?: SkeletonVariant;
-    animation?: SkeletonAnimation;
-    width?: number | string;
-    height?: number | string;
-    count?: number;
-    spacing?: number;
-    borderRadius?: number | string;
+import type React from 'react';
+import type { SkeletonBaseProps } from './Skeleton.base';
+export type { SkeletonAnimation, SkeletonBaseProps, SkeletonIntensity, SkeletonVariant, } from './Skeleton.base';
+/** The web `Skeleton`: the shared contract, plus the DOM's own two styling hooks. */
+export interface SkeletonProps extends SkeletonBaseProps {
     className?: string;
-    intensity?: SkeletonIntensity;
-    glassmorphism?: boolean;
-    shimmer?: boolean;
-    'data-testid'?: string;
     style?: React.CSSProperties;
 }
 //# sourceMappingURL=Skeleton.types.d.ts.map

package/dist/types/components/layout/Skeleton/Skeleton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB,qFAAqF;AACrF,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}

package/dist/types/components/layout/Skeleton/index.d.ts

@@ -1,3 +1,3 @@
 export { Skeleton } from './Skeleton';
-export type { SkeletonProps } from './Skeleton.types';
+export type { SkeletonAnimation, SkeletonBaseProps, SkeletonIntensity, SkeletonProps, SkeletonVariant, } from './Skeleton.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/layout/Skeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,MAAM,kBAAkB,CAAC"}

package/dist/types/icons/paths.generated.d.ts

@@ -5,6 +5,8 @@ export declare const ICON_PATHS: {
     readonly ArrowDownward: readonly ["m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z"];
     readonly ArrowForward: readonly ["m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"];
     readonly ArrowUpward: readonly ["m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"];
+    readonly BrokenImage: readonly ["M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-3 6.42 3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4z"];
+    readonly Cancel: readonly ["M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"];
     readonly Check: readonly ["M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"];
     readonly CheckCircle: readonly ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"];
     readonly ChevronLeft: readonly ["M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"];

package/dist/types/icons/paths.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.generated.d.ts","sourceRoot":"","sources":["../../../src/icons/paths.generated.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"paths.generated.d.ts","sourceRoot":"","sources":["../../../src/icons/paths.generated.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Animated } from 'react-native';
+export interface LoopOptions {
+    durationMs: number;
+    /** The CSS animation's delay, run once before the first lap. */
+    delayMs?: number;
+    easing?: (value: number) => number;
+    /**
+     * Layout properties (`left`, `width`, `height`) cannot be driven natively;
+     * `opacity` and `transform` can. Defaults to native everywhere but the web.
+     */
+    useNativeDriver?: boolean;
+}
+export declare function useLoopedProgress(enabled: boolean, options: LoopOptions): Animated.Value;
+//# sourceMappingURL=animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/platform/animation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAiB1D,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,QAAQ,CAAC,KAAK,CAsBxF"}

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/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"}