@12-apps/ui 6.20.0 → 6.22.0

package/dist/types-native/components/form/Switch/Switch.types.native.d.ts

@@ -0,0 +1,27 @@
+import type { GestureResponderEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { SwitchBaseProps } from './Switch.base';
+export type { SwitchBaseProps, SwitchLabelPosition, SwitchVariant } from './Switch.base';
+/**
+ * The change a native `Switch` reports.
+ *
+ * Shaped as `{ target: { checked } }` because that is what MUI's
+ * `ChangeEvent<HTMLInputElement>` gives the `onChange={(e) =>
+ * set(e.target.checked)}` handlers a shared screen already has; the resolved
+ * flag arrives as the second argument, exactly as MUI passes it.
+ */
+export interface SwitchChangeEvent {
+    target: {
+        checked: boolean;
+    };
+}
+/** The native `Switch`: the shared contract, plus a `View`'s own props. */
+export type SwitchProps = SwitchBaseProps & Omit<ViewProps, keyof SwitchBaseProps | 'style'> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: SwitchChangeEvent, checked: boolean) => void;
+    /** Both spellings fire, as `Button`'s do. */
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Switch.types.native.d.ts.map

package/dist/types-native/components/form/Switch/Switch.types.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEzF;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC9B;AAED,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/types-native/components/form/Switch/index.native.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from './Switch.native';
+export type { SwitchBaseProps, SwitchChangeEvent, SwitchLabelPosition, SwitchProps, SwitchVariant, } from './Switch.types.native';
+//# sourceMappingURL=index.native.d.ts.map

package/dist/types-native/components/form/Switch/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,aAAa,GACd,MAAM,uBAAuB,CAAC"}

package/dist/types-native/components/form/field-pulse.native.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * THE BAR THAT PULSES BEHIND A FIELD.
+ *
+ * `Input.styles.ts` and `Select.tsx` declare the same `::after` — a 56px wash
+ * of the primary hue at 0.3, growing a 10px box-shadow ring and fading out
+ * every two seconds — so the native halves draw it from one component rather
+ * than one each. The numbers stay in `Input.metrics.ts`, which `Select.metrics`
+ * re-exports under its own name.
+ *
+ * React Native has no box-shadow spread, so the ring is a scale on the bar.
+ */
+export declare function FieldPulse({ color, radius, testID, }: {
+    color: string;
+    radius: number;
+    testID: string;
+}): React.JSX.Element;
+//# sourceMappingURL=field-pulse.native.d.ts.map

package/dist/types-native/components/form/field-pulse.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-pulse.native.d.ts","sourceRoot":"","sources":["../../../../src/components/form/field-pulse.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0CpB"}

package/dist/types-native/components/layout/Card/Card.base.d.ts

@@ -0,0 +1,77 @@
+import type * as React from 'react';
+/**
+ * THE CONTRACT BOTH `Card` RENDERERS HONOUR — and nothing else.
+ *
+ * This file imports no MUI and no react-native, on purpose: it ships in BOTH
+ * declaration outputs (`dist/types` and `dist/types-native`), and a native
+ * consumer has no `@mui/material` to resolve a type import against.
+ *
+ * Handlers are NOT here. Their names are the same on both sides (`onClick`,
+ * `onFocus`, `onBlur`) but their event types are the renderer's own, so each
+ * side declares them beside its own extras — except {@link
+ * CardBaseProps.onExpandToggle}, whose argument is a boolean rather than an
+ * event and is therefore the same type on both.
+ */
+export type CardVariant = 'elevated' | 'outlined' | 'glass' | 'gradient' | 'neumorphic' | 'section';
+export type CardEntranceAnimation = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'zoom' | 'grow' | 'none';
+/** The named radii a card can be cut to. `full` is a percentage, not a length. */
+export type CardBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface CardBaseProps {
+    children: React.ReactNode;
+    variant?: CardVariant;
+    /** Paints the hover/press surface and marks the card as a pointer target. */
+    interactive?: boolean;
+    glow?: boolean;
+    pulse?: boolean;
+    borderRadius?: CardBorderRadius;
+    /** Dims the card, blocks pointer events and centres a spinner over it. */
+    loading?: boolean;
+    /**
+     * Accepted and ignored on BOTH renderers — reserved, and extracted so they
+     * never reach the underlying element as unknown attributes.
+     */
+    expandable?: boolean;
+    expanded?: boolean;
+    onExpandToggle?: (expanded: boolean) => void;
+    entranceAnimation?: CardEntranceAnimation;
+    animationDelay?: number;
+    skeleton?: boolean;
+    hoverScale?: number;
+    dataTestId?: string;
+    testID?: string;
+}
+export interface CardHeaderBaseProps {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    action?: React.ReactNode;
+    avatar?: React.ReactNode;
+    /** Custom header content; when given it replaces the title/subtitle layout. */
+    children?: React.ReactNode;
+    dataTestId?: string;
+    testID?: string;
+}
+export interface CardContentBaseProps {
+    children: React.ReactNode;
+    dense?: boolean;
+    dataTestId?: string;
+    testID?: string;
+}
+export type CardActionsAlignment = 'left' | 'center' | 'right' | 'space-between';
+export interface CardActionsBaseProps {
+    children: React.ReactNode;
+    disableSpacing?: boolean;
+    alignment?: CardActionsAlignment;
+    dataTestId?: string;
+    testID?: string;
+}
+export interface CardMediaBaseProps {
+    /** The image URL. */
+    image?: string;
+    /** The media's accessible name. */
+    title?: string;
+    height?: number | string;
+    children?: React.ReactNode;
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=Card.base.d.ts.map

package/dist/types-native/components/layout/Card/Card.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,qBAAqB,GAC7B,MAAM,GACN,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,MAAM,GACN,MAAM,GACN,MAAM,CAAC;AAEX,kFAAkF;AAClF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types-native/components/layout/Card/Card.helpers.d.ts

@@ -0,0 +1,11 @@
+import type { CardBaseProps } from './Card.base';
+type CardDefaultedKeys = 'variant' | 'interactive' | 'glow' | 'pulse' | 'borderRadius' | 'loading';
+/**
+ * Generic over the renderer's own props: the web and the native `Card` pass
+ * different handler types (and different style props) through, and both come
+ * back out untouched.
+ */
+type ResolvedCardProps<P extends CardBaseProps> = P & Required<Pick<CardBaseProps, CardDefaultedKeys>>;
+export declare const resolveCardProps: <P extends CardBaseProps>(props: P) => ResolvedCardProps<P>;
+export {};
+//# sourceMappingURL=Card.helpers.d.ts.map

package/dist/types-native/components/layout/Card/Card.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,iBAAiB,GAClB,SAAS,GACT,aAAa,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,SAAS,CAAC;AAEd;;;;GAIG;AACH,KAAK,iBAAiB,CAAC,CAAC,SAAS,aAAa,IAAI,CAAC,GACjD,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAkBnD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,aAAa,EAAE,OAAO,CAAC,KAAG,iBAAiB,CAAC,CAAC,CAChB,CAAC"}

package/dist/types-native/components/layout/Card/Card.look.native.d.ts

@@ -0,0 +1,57 @@
+import type { ViewStyle } from 'react-native';
+import type { CardBorderRadius, CardVariant } from './Card.base';
+import type { UiTheme } from '../../../tokens/theme';
+/**
+ * WHAT THE NATIVE `Card` PAINTS — the arithmetic, with no JSX in sight.
+ *
+ * The web builds one `sx` object by spreading base, `interactive`, `glow`,
+ * `pulse` and finally the variant's own surface over each other; whichever
+ * wrote a property last wins. The composition here spreads the SAME things in
+ * the SAME order, which is why `glow` shows through an `elevated` card (whose
+ * surface declares no shadow) and is buried by a `glass` one (whose surface
+ * does) on both renderers.
+ */
+/** The named radius as a length. `full` stays a percentage of the box. */
+export declare function cardRadius(theme: UiTheme, radius: CardBorderRadius): number | string;
+interface Surface {
+    surface: ViewStyle;
+    /** What the web changes on `:hover`; native applies it while pressed. */
+    hover: ViewStyle;
+}
+/**
+ * Each variant's resting surface and whatever it changes on hover — the same
+ * split `Card.styles.ts` makes, in React Native's property names.
+ *
+ * `gradient` is the one honest gap: React Native core has no gradient fill, so
+ * it paints the gradient's FIRST stop. The parity ledger records it.
+ */
+export declare function cardSurface(theme: UiTheme, variant: CardVariant, lifted: boolean): Surface;
+/** The ink a card's own text inherits: `gradient` flips it, everything else is body ink. */
+export declare const cardInk: (theme: UiTheme, variant: CardVariant) => string;
+export interface CardLookArgs {
+    variant: CardVariant;
+    interactive: boolean;
+    glow: boolean;
+    pulse: boolean;
+    loading: boolean;
+    borderRadius: CardBorderRadius;
+}
+export interface CardLook {
+    container: ViewStyle;
+    /** Applied while pressed, standing in for the web's `:hover`. */
+    pressed: ViewStyle;
+    radius: number | string;
+    ink: string;
+}
+/**
+ * Everything the card paints, decided once per render.
+ *
+ * `overflow` is the one place native needs a rule the web does not. MUI's
+ * `Card` clips its children, and the pulse ring has to reach 15px past the
+ * edge — but a view's own shadow is clipped by its own overflow on a device,
+ * so a `glow` the caller asked for would simply not paint. Both decorations
+ * therefore turn the clip off, exactly as `Button.native.tsx` does.
+ */
+export declare function cardLook(theme: UiTheme, a: CardLookArgs): CardLook;
+export {};
+//# sourceMappingURL=Card.look.native.d.ts.map

package/dist/types-native/components/layout/Card/Card.look.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgBjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;;;;;;;;GASG;AAEH,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAGpF;AAED,UAAU,OAAO;IACf,OAAO,EAAE,SAAS,CAAC;IACnB,yEAAyE;IACzE,KAAK,EAAE,SAAS,CAAC;CAClB;AAsDD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,CAqC1F;AAED,4FAA4F;AAC5F,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,EAAE,SAAS,WAAW,KAAG,MAC2B,CAAC;AAE3F,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,gBAAgB,CAAC;CAChC;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,GAAG,QAAQ,CAgClE"}

package/dist/types-native/components/layout/Card/Card.metrics.d.ts

@@ -0,0 +1,182 @@
+import type { CardBorderRadius } from './Card.base';
+import type { UiShadow } from '../../../tokens/shadow';
+/**
+ * THE NUMBERS BOTH `Card` RENDERERS DRAW WITH.
+ *
+ * `Card.styles.ts` (web, emotion over MUI) and `Card.native.tsx` /
+ * `Card.look.native.ts` (React Native) read this one table. The web turns the
+ * radii into `theme.spacing()` and the shadows into CSS strings (`shadowCss`
+ * in `src/tokens/shadow.ts` writes exactly the text it always has); native
+ * hands the same shadow objects to `boxShadow` and the same numbers to a
+ * `StyleSheet`.
+ *
+ * Nothing here imports a renderer, a theme or a colour: a shadow's COLOUR is
+ * the caller's, because the two sides reach for the same arithmetic through
+ * different doors (`alpha` from `@mui/material/styles` on the web, from
+ * `src/tokens/color` natively — a port of it, asserted equal).
+ */
+/**
+ * `theme.spacing(n)` per named radius. `none` is written as a bare `0` by the
+ * web rather than `spacing(0)`, so it is spelled that way on both sides.
+ */
+export declare const CARD_RADIUS_UNITS: Record<Exclude<CardBorderRadius, 'full'>, number>;
+/** `full` is a percentage of the box, not a length. */
+export declare const CARD_RADIUS_FULL = "50%";
+/** The hairline `outlined` and `glass` draw. */
+export declare const CARD_BORDER_WIDTH = 1;
+/** A card's shadows are `UiShadow`s; `src/tokens/shadow.ts` says why they have a shape. */
+export type CardShadow = UiShadow;
+/**
+ * MUI's `theme.shadows[1]` — the elevation a `Paper` paints and therefore the
+ * shadow every `elevated` card on the web already has.
+ *
+ * It is restated here rather than derived because the web never names it: it
+ * arrives through `MuiCard` -> `MuiPaper`, and React Native has no Paper to
+ * inherit it from. (`variant="elevated"`'s own `elevation: 4` is not a CSS
+ * property and paints nothing — see {@link CARD_ELEVATION}.)
+ */
+export declare const CARD_PAPER_SHADOW: readonly UiShadow[];
+/**
+ * What `elevated` declares at rest and on hover.
+ *
+ * `elevation` is not a CSS property, so on the web these paint NOTHING and an
+ * elevated card shows `MuiPaper`'s own elevation-1 shadow. Kept because they
+ * are what the source says, and mirrored natively by leaving
+ * {@link CARD_PAPER_SHADOW} in place for both states.
+ */
+export declare const CARD_ELEVATION: {
+    readonly rest: 4;
+    readonly lifted: 8;
+};
+/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */
+export declare const CARD_GLASS: {
+    readonly backgroundAlpha: {
+        readonly rest: 0.1;
+        readonly lifted: 0.15;
+    };
+    readonly borderAlpha: {
+        readonly rest: 0.2;
+        readonly lifted: 0.3;
+    };
+    readonly blurPx: 20;
+    readonly shadow: {
+        readonly offsetY: 8;
+        readonly blurRadius: 32;
+        readonly alpha: 0.1;
+    };
+};
+/** `gradient`: primary into secondary at 135°, over a hue-tinted drop shadow. */
+export declare const CARD_GRADIENT: {
+    readonly angleDeg: 135;
+    readonly shadow: {
+        readonly offsetY: 4;
+        readonly blurRadius: 20;
+        readonly alpha: 0.3;
+    };
+};
+/** `neumorphic`: two opposed shadows, blurred twice their offset. */
+export declare const CARD_NEUMORPHIC: {
+    readonly spread: {
+        readonly rest: 8;
+        readonly lifted: 12;
+    };
+    readonly blurFactor: 2;
+    readonly alpha: {
+        readonly dark: {
+            readonly near: 0.3;
+            readonly far: 0.1;
+        };
+        readonly light: {
+            readonly near: {
+                readonly rest: 0.2;
+                readonly lifted: 0.3;
+            };
+            readonly far: {
+                readonly rest: 0.8;
+                readonly lifted: 0.9;
+            };
+        };
+    };
+};
+/**
+ * The offset pair `neumorphic` paints, given the two colours the mode picked:
+ * `near` down-right, `far` up-left, both blurred twice the offset.
+ */
+export declare function neumorphicShadows(lifted: boolean, near: string, far: string): UiShadow[];
+/**
+ * `section`: a flat ink wash rather than a palette slot, so a section reads as
+ * a recess in whatever surface it sits on.
+ */
+export declare const CARD_SECTION_BACKGROUND: {
+    readonly dark: {
+        readonly rest: "rgba(0, 0, 0, 0.2)";
+        readonly lifted: "rgba(0, 0, 0, 0.25)";
+    };
+    readonly light: {
+        readonly rest: "rgba(0, 0, 0, 0.02)";
+        readonly lifted: "rgba(0, 0, 0, 0.04)";
+    };
+};
+/** `glow`: a haloed primary shadow that widens under the pointer. */
+export declare const CARD_GLOW: {
+    readonly rest: {
+        readonly blurRadius: 20;
+        readonly alpha: 0.3;
+    };
+    readonly lifted: {
+        readonly blurRadius: 30;
+        readonly alpha: 0.4;
+    };
+};
+/**
+ * `pulse`: a ring of the primary hue that grows 15px out of the card's edge and
+ * fades, every two seconds. The web draws it as an `::after` box-shadow spread
+ * behind the paper (`z-index: -1`).
+ */
+export declare const CARD_PULSE: {
+    readonly alpha: 0.3;
+    readonly durationMs: 2000;
+    readonly spread: 15;
+    /** The fraction of the cycle the ring is still visible for. */
+    readonly fadeAt: 0.7;
+    readonly zIndex: -1;
+};
+/** `interactive`: the card rises 2px under the pointer and settles while pressed. */
+export declare const CARD_INTERACTIVE_LIFT = 2;
+/** `loading`: the card dims, stops taking pointers and centres a spinner over itself. */
+export declare const CARD_LOADING: {
+    readonly opacity: 0.6;
+    readonly spinnerZIndex: 10;
+    readonly spinnerSize: 40;
+};
+/** `CardContent`: `theme.spacing(2)`, halved by `dense`. */
+export declare const CARD_CONTENT_PADDING_UNITS: {
+    readonly normal: 2;
+    readonly dense: 1;
+};
+/**
+ * `CardHeader`, in MUI's own px: 16 all round, the avatar 16 from the content,
+ * the action pulled back out of the padding on three sides.
+ */
+export declare const CARD_HEADER: {
+    readonly padding: 16;
+    readonly avatarGap: 16;
+    readonly action: {
+        readonly marginTop: -4;
+        readonly marginRight: -8;
+        readonly marginBottom: -4;
+    };
+};
+/** A `CardHeader` given raw `children` is a plain `theme.spacing(2)` box instead. */
+export declare const CARD_HEADER_CHILDREN_PADDING_UNITS = 2;
+/**
+ * `CardActions`, in MUI's own px: 8 all round, and 8 between the actions unless
+ * `disableSpacing` turns the run off.
+ */
+export declare const CARD_ACTIONS: {
+    readonly padding: 8;
+    readonly gap: 8;
+};
+/** `CardMedia`'s default height. */
+export declare const CARD_MEDIA_HEIGHT = 200;
+//# sourceMappingURL=Card.metrics.d.ts.map

package/dist/types-native/components/layout/Card/Card.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AAIH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAAE,MAAM,CAM/E,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AAEtC,gDAAgD;AAChD,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAInC,2FAA2F;AAC3F,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,QAAQ,EAIhD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;CAAkC,CAAC;AAI9D,sFAAsF;AACtF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAKb,CAAC;AAEX,iFAAiF;AACjF,eAAO,MAAM,aAAa;;;;;;;CAGhB,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAOxF;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;CAG1B,CAAC;AAIX,qEAAqE;AACrE,eAAO,MAAM,SAAS;;;;;;;;;CAGZ,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;IAIrB,+DAA+D;;;CAGvD,CAAC;AAEX,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,yFAAyF;AACzF,eAAO,MAAM,YAAY;;;;CAAgE,CAAC;AAI1F,4DAA4D;AAC5D,eAAO,MAAM,0BAA0B;;;CAAmC,CAAC;AAE3E;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;CAId,CAAC;AAEX,qFAAqF;AACrF,eAAO,MAAM,kCAAkC,IAAI,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,YAAY;;;CAAkC,CAAC;AAE5D,oCAAoC;AACpC,eAAO,MAAM,iBAAiB,MAAM,CAAC"}

package/dist/types-native/components/layout/Card/Card.native.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+export { CardActions, CardContent, CardHeader, CardMedia } from './CardParts.native';
+export declare const Card: React.ForwardRefExoticComponent<import("./Card.base").CardBaseProps & Omit<import("react-native").ViewProps, "style" | "onBlur" | "onFocus" | keyof import("./Card.base").CardBaseProps> & {
+    style?: StyleProp<ViewStyle>;
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    onFocus?: (event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void;
+    onBlur?: (event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Card.native.d.ts.map

package/dist/types-native/components/layout/Card/Card.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAcrF,eAAO,MAAM,IAAI;;;;;;8BA6Ef,CAAC"}

package/dist/types-native/components/layout/Card/Card.types.native.d.ts

@@ -0,0 +1,28 @@
+import type { GestureResponderEvent, NativeSyntheticEvent, StyleProp, TargetedEvent, ViewProps, ViewStyle } from 'react-native';
+import type { CardActionsBaseProps, CardBaseProps, CardContentBaseProps, CardHeaderBaseProps, CardMediaBaseProps } from './Card.base';
+export type { CardActionsAlignment, CardActionsBaseProps, CardBaseProps, CardBorderRadius, CardContentBaseProps, CardEntranceAnimation, CardHeaderBaseProps, CardMediaBaseProps, CardVariant, } from './Card.base';
+/** Everything a native slot takes on top of its shared contract. */
+type NativeSlotProps<Base> = Base & Omit<ViewProps, keyof Base | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The native `Card`. `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 reaches for. Both fire.
+ *
+ * A card with neither handler and no `interactive` renders as a plain `View`,
+ * the way the web one is a plain `div`: nothing to press, nothing in the
+ * accessibility tree that says otherwise.
+ */
+export type CardProps = CardBaseProps & Omit<ViewProps, keyof CardBaseProps | 'style' | 'onFocus' | 'onBlur'> & {
+    style?: StyleProp<ViewStyle>;
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+};
+export type CardHeaderProps = NativeSlotProps<CardHeaderBaseProps>;
+export type CardContentProps = NativeSlotProps<CardContentBaseProps>;
+export type CardActionsProps = NativeSlotProps<CardActionsBaseProps>;
+export type CardMediaProps = NativeSlotProps<CardMediaBaseProps>;
+//# sourceMappingURL=Card.types.native.d.ts.map

package/dist/types-native/components/layout/Card/Card.types.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,SAAS,EACT,aAAa,EACb,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAErB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,GACZ,MAAM,aAAa,CAAC;AAErB,oEAAoE;AACpE,KAAK,eAAe,CAAC,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,IAAI,CAAC,SAAS,EAAE,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/types-native/components/layout/Card/CardParts.native.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { type DimensionValue, type TextStyle } from 'react-native';
+import type { CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps } from './Card.types.native';
+import type { UiTheme } from '../../../tokens/theme';
+/**
+ * THE FOUR SLOTS A CARD IS BUILT OUT OF, ON REACT NATIVE.
+ *
+ * Each one is a `View` carrying the padding MUI's own `CardHeader`,
+ * `CardContent`, `CardActions` and `CardMedia` declare in px — the web half
+ * overrides only `padding` and `justify-content`, so the rest of the numbers
+ * come from MUI and are restated in `Card.metrics.ts` rather than re-invented.
+ */
+/**
+ * THE INK A CARD PUBLISHES TO ITS SLOTS.
+ *
+ * `Card.styles.ts` puts `color: primary.contrastText` on the gradient card
+ * ITSELF and lets CSS inheritance carry it into the header and the body. React
+ * Native inherits nothing across views, so the card publishes its ink here and
+ * every slot reads it — which is the difference between a legible gradient card
+ * and near-black text on indigo.
+ *
+ * `null` is "no card above me": a slot rendered on its own falls back to the
+ * body ink, exactly as it would on the web.
+ */
+export declare const CardInkContext: React.Context<string | null>;
+/** MUI's header title: `h5`, or `body2` when an avatar shares the row. */
+export declare const cardTitleStyle: (theme: UiTheme, hasAvatar: boolean, ink?: string | null) => TextStyle;
+/**
+ * MUI's header subheader: `body1` (or `body2` beside an avatar), in the muted
+ * ink — which does NOT follow the card's own ink, because MUI's `CardHeader`
+ * pins the subheader to `textSecondary` explicitly rather than inheriting.
+ */
+export declare const cardSubtitleStyle: (theme: UiTheme, hasAvatar: boolean) => TextStyle;
+export declare function CardHeader({ title, subtitle, action, avatar, children, ...others }: CardHeaderProps): React.JSX.Element;
+export declare namespace CardHeader {
+    var displayName: string;
+}
+export declare function CardContent({ children, dense, ...others }: CardContentProps): React.JSX.Element;
+export declare namespace CardContent {
+    var displayName: string;
+}
+export declare function CardActions({ children, disableSpacing, alignment, ...others }: CardActionsProps): React.JSX.Element;
+export declare namespace CardActions {
+    var displayName: string;
+}
+/**
+ * `height` accepts the web's spellings: a number, a numeric string (`"200"`, as
+ * an `<img height>` takes) or a percentage.
+ */
+export declare function mediaHeight(height: number | string): DimensionValue;
+export declare function CardMedia({ image, title, height, children, ...others }: CardMediaProps): React.JSX.Element;
+export declare namespace CardMedia {
+    var displayName: string;
+}
+//# sourceMappingURL=CardParts.native.d.ts.map

package/dist/types-native/components/layout/Card/CardParts.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardParts.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/CardParts.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAEV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,qBAAqB,CAAC;AAK7B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;;;;;;GAOG;AAEH;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,8BAA2C,CAAC;AAQvE,0EAA0E;AAC1E,eAAO,MAAM,cAAc,GACzB,OAAO,OAAO,EACd,WAAW,OAAO,EAClB,MAAK,MAAM,GAAG,IAAW,KACxB,SAGD,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,EAAE,WAAW,OAAO,KAAG,SAGrE,CAAC;AAEH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwCrC;yBA/Ce,UAAU;;;AAmD1B,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAa,EACb,GAAG,MAAM,EACV,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CActC;yBAlBe,WAAW;;;AA6B3B,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,cAAsB,EACtB,SAAkB,EAClB,GAAG,MAAM,EACV,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmBtC;yBAxBe,WAAW;;;AA4B3B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAInE;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAA0B,EAC1B,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqBpC;yBA3Be,SAAS"}

package/dist/types-native/components/layout/Card/index.native.d.ts

@@ -0,0 +1,4 @@
+export { Card } from './Card.native';
+export { CardActions, CardContent, CardHeader, CardMedia } from './CardParts.native';
+export type { CardActionsAlignment, CardActionsBaseProps, CardActionsProps, CardBaseProps, CardBorderRadius, CardContentBaseProps, CardContentProps, CardEntranceAnimation, CardHeaderBaseProps, CardHeaderProps, CardMediaBaseProps, CardMediaProps, CardProps, CardVariant, } from './Card.types.native';
+//# sourceMappingURL=index.native.d.ts.map

package/dist/types-native/components/layout/Card/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrF,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,WAAW,GACZ,MAAM,qBAAqB,CAAC"}

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

@@ -3,11 +3,14 @@ export declare const ICON_PATHS: {
     readonly Add: readonly ["M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"];
     readonly ArrowBack: readonly ["M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"];
     readonly ArrowDownward: readonly ["m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z"];
+    readonly ArrowDropDown: readonly ["m7 10 5 5 5-5z"];
     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 CheckBox: readonly ["M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"];
+    readonly CheckBoxOutlineBlank: readonly ["M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"];
     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"];
     readonly ChevronRight: readonly ["M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"];
@@ -20,6 +23,7 @@ export declare const ICON_PATHS: {
     readonly ExpandLess: readonly ["m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"];
     readonly ExpandMore: readonly ["M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"];
     readonly FilterList: readonly ["M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"];
+    readonly IndeterminateCheckBox: readonly ["M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10H7v-2h10z"];
     readonly Info: readonly ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"];
     readonly InfoOutlined: readonly ["M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"];
     readonly KeyboardArrowDown: readonly ["M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"];

package/dist/types-native/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCb,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Cb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}

package/dist/types-native/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