@12-apps/ui 6.21.0 → 6.22.0

package/dist/types-native/components/feedback/Dialog/Dialog.metrics.d.ts

@@ -0,0 +1,133 @@
+import type { DialogBorderRadius, DialogSize } from './Dialog.base';
+import type { UiShadow } from '../../../tokens/shadow';
+/**
+ * THE NUMBERS BOTH `Dialog` RENDERERS DRAW WITH.
+ *
+ * `Dialog.styles.ts` / `Dialog.tsx` (MUI) and `Dialog.look.native.ts` /
+ * `Dialog.native.tsx` (React Native) read this one table. Spacing is in
+ * SPACING UNITS wherever the web writes `theme.spacing(n)`; everything else is
+ * px, a ratio or an alpha. Shadows are `UiShadow`s — see `src/tokens/shadow.ts`
+ * for why they have a shape rather than a string.
+ */
+/** `theme.spacing(n)` per named radius; `lg` is the default. */
+export declare const DIALOG_RADIUS_UNITS: Record<DialogBorderRadius, number>;
+/** How wide the paper may grow, per size, in px. Also the drawer's fixed width. */
+export declare const DIALOG_MAX_WIDTH: Record<DialogSize, number>;
+/** The paper is 90% of the viewport up to its max width, `theme.spacing(2)` clear of the edge. */
+export declare const DIALOG_WIDTH_PERCENT = 90;
+export declare const DIALOG_MARGIN_UNITS = 2;
+/** The hairline `glass` draws. */
+export declare const DIALOG_BORDER_WIDTH = 1;
+/**
+ * MUI's `theme.shadows[24]` — the elevation a `Dialog`'s Paper paints.
+ *
+ * Restated rather than derived because the web never names it: `MuiDialog`
+ * passes `elevation={24}` to its Paper, and React Native has no Paper to
+ * inherit that from.
+ */
+export declare const DIALOG_PAPER_SHADOW: readonly UiShadow[];
+/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */
+export declare const DIALOG_GLASS: {
+    readonly backgroundAlpha: 0.1;
+    readonly blurPx: 20;
+    readonly borderAlpha: 0.2;
+    readonly shadow: {
+        readonly offsetY: 8;
+        readonly blurRadius: 32;
+        readonly alpha: 0.1;
+    };
+};
+/** `gradient`: a faint primary-into-secondary wash at 135°, over a 10px blur. */
+export declare const DIALOG_GRADIENT: {
+    readonly angleDeg: 135;
+    readonly stopAlpha: 0.1;
+    readonly blurPx: 10;
+};
+/** `glow`: a 40px halo of the primary hue. */
+export declare const DIALOG_GLOW: {
+    readonly blurRadius: 40;
+    readonly alpha: 0.3;
+};
+/**
+ * `pulse`: a ring of the primary hue that grows 20px out of the paper'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 DIALOG_PULSE: {
+    readonly alpha: 0.3;
+    readonly durationMs: 2000;
+    readonly spread: 20;
+    /** The fraction of the cycle the ring is still visible for. */
+    readonly fadeAt: 0.7;
+    readonly zIndex: -1;
+};
+/**
+ * The scrim: half-black, or a fifth of it behind an 8px blur for `glass`.
+ *
+ * It paints on BOTH renderers whatever `backdrop` is set to. The web reads that
+ * prop as `BackdropComponent={backdrop ? Backdrop : undefined}`, and `undefined`
+ * is exactly what MUI falls back to `Backdrop` for — so the scrim is there
+ * either way. Native mirrors that rather than inventing a difference; fixing it
+ * is a web change, made once, for both.
+ */
+export declare const DIALOG_BACKDROP: {
+    readonly alpha: {
+        readonly plain: 0.5;
+        readonly glass: 0.2;
+    };
+    readonly blurPx: 8;
+};
+/** Raw children (no `DialogContent`/`DialogActions`) get this padding, in spacing units. */
+export declare const DIALOG_BODY_PADDING_UNITS: {
+    readonly horizontal: 3;
+    readonly bottom: 2.5;
+    readonly top: 2.5;
+    /** Tighter under a title, whose own bottom padding is most of the gap. */
+    readonly topUnderTitle: 0.5;
+};
+/** A `DialogHeader` given raw `children` is a padded box over a hairline instead. */
+export declare const DIALOG_HEADER_CHILDREN_PADDING_UNITS = 2;
+/**
+ * The title row: MUI's `DialogTitle` padding in px, and the bottom the web
+ * overrides in spacing units — tighter when a subtitle follows it.
+ */
+export declare const DIALOG_TITLE: {
+    readonly padding: {
+        readonly top: 16;
+        readonly horizontal: 24;
+    };
+    readonly paddingBottomUnits: {
+        readonly withSubtitle: 1;
+        readonly plain: 2;
+    };
+    readonly subtitleGapUnits: 0.5;
+};
+/**
+ * The close button: MUI's `IconButton` at its default 8px padding around a
+ * 24px glyph, on a circular hover wash.
+ */
+export declare const DIALOG_CLOSE_BUTTON: {
+    readonly padding: 8;
+    readonly iconSize: 24;
+};
+/** `DialogContent`: `theme.spacing(3)`, tightened by `dense`. */
+export declare const DIALOG_CONTENT_PADDING_UNITS: {
+    readonly normal: 3;
+    readonly dense: 1.5;
+};
+/**
+ * Top padding for a body that sits directly under the title.
+ *
+ * MUI zeroes it there, assuming the title's own bottom padding is the whole
+ * gap. That assumption breaks for a body opening with an outlined field: a
+ * filled field floats its label ABOVE the input's border box, and the body is a
+ * clipping box, so the label gets sliced in half (FUT-544). 12px clears the
+ * shrunk label's 9px overhang and leaves the gap visually tight.
+ */
+export declare const DIALOG_TITLED_BODY_PADDING_TOP_UNITS = 1.5;
+/** `DialogActions`: `theme.spacing(2)` around, and one unit between by default. */
+export declare const DIALOG_ACTIONS: {
+    readonly paddingUnits: 2;
+    readonly defaultSpacingUnits: 1;
+};
+//# sourceMappingURL=Dialog.metrics.d.ts.map

package/dist/types-native/components/feedback/Dialog/Dialog.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;;;;;;GAQG;AAIH,gEAAgE;AAChE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAMlE,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMvD,CAAC;AAEF,kGAAkG;AAClG,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,kCAAkC;AAClC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAAS,QAAQ,EAIlD,CAAC;AAIF,sFAAsF;AACtF,eAAO,MAAM,YAAY;;;;;;;;;CAKf,CAAC;AAEX,iFAAiF;AACjF,eAAO,MAAM,eAAe;;;;CAAyD,CAAC;AAEtF,8CAA8C;AAC9C,eAAO,MAAM,WAAW;;;CAA0C,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;IAIvB,+DAA+D;;;CAGvD,CAAC;AAEX;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;;;;;;CAA4D,CAAC;AAIzF,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB;;;;IAIpC,0EAA0E;;CAElE,CAAC;AAEX,qFAAqF;AACrF,eAAO,MAAM,oCAAoC,IAAI,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;CAIf,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;CAAwC,CAAC;AAEzE,iEAAiE;AACjE,eAAO,MAAM,4BAA4B;;;CAAqC,CAAC;AAE/E;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAExD,mFAAmF;AACnF,eAAO,MAAM,cAAc;;;CAAuD,CAAC"}

package/dist/types-native/components/feedback/Dialog/Dialog.native.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { DialogProps } from './Dialog.types.native';
+export { DialogActions, DialogContent, DialogHeader } from './DialogParts.native';
+export declare function Dialog(rawProps: DialogProps): React.JSX.Element;
+export declare namespace Dialog {
+    var displayName: string;
+}
+//# sourceMappingURL=Dialog.native.d.ts.map

package/dist/types-native/components/feedback/Dialog/Dialog.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAiBzD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAwDlF,wBAAgB,MAAM,CAAC,QAAQ,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmE/D;yBAnEe,MAAM"}

package/dist/types-native/components/feedback/Dialog/Dialog.types.native.d.ts

@@ -0,0 +1,25 @@
+import type { ModalProps, StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { DialogActionsBaseProps, DialogBaseProps, DialogContentBaseProps, DialogHeaderBaseProps } from './Dialog.base';
+export type { DialogActionsAlignment, DialogActionsBaseProps, DialogBaseProps, DialogBorderRadius, DialogContentBaseProps, DialogHeaderBaseProps, DialogSize, DialogVariant, } from './Dialog.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 `Dialog`: the shared contract over React Native's own `Modal`.
+ *
+ * `Modal`'s props come through so a consumer can pick the presentation
+ * (`animationType`, `statusBarTranslucent`, `supportedOrientations`). `visible`
+ * is spoken for — `open` is the shared name — and `onRequestClose` is wired to
+ * `onClose` unless the dialog is `persistent`, which is what makes the Android
+ * back button and the browser's Escape key behave like the web's.
+ *
+ * `style` lands on the PAPER, the box the web styles through `PaperProps.sx`.
+ */
+export type DialogProps = DialogBaseProps & Omit<ModalProps, keyof DialogBaseProps | 'visible' | 'onRequestClose' | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+export type DialogHeaderProps = NativeSlotProps<DialogHeaderBaseProps>;
+export type DialogContentProps = NativeSlotProps<DialogContentBaseProps>;
+export type DialogActionsProps = NativeSlotProps<DialogActionsBaseProps>;
+//# sourceMappingURL=Dialog.types.native.d.ts.map

package/dist/types-native/components/feedback/Dialog/Dialog.types.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,EACV,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,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;;;;;;;;;;GAUG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,UAAU,EAAE,MAAM,eAAe,GAAG,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC,GAAG;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/types-native/components/feedback/Dialog/DialogParts.native.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { type TextStyle } from 'react-native';
+import type { DialogActionsProps, DialogContentProps, DialogHeaderProps } from './Dialog.types.native';
+import type { UiTheme } from '../../../tokens/theme';
+/**
+ * THE THREE SLOTS A DIALOG IS BUILT OUT OF, ON REACT NATIVE.
+ *
+ * The web overrides only padding, alignment and the dividers, so the rest of
+ * the numbers are MUI's own and are restated in `Dialog.metrics.ts` rather than
+ * re-invented.
+ */
+/**
+ * Is there a title above this body?
+ *
+ * The web asks the DOM — `.MuiDialogTitle-root + &` — because only the CSS knows
+ * which `DialogContent` actually FOLLOWS the title. React Native has no sibling
+ * selector, so `Dialog` says so through context instead; the difference is that
+ * a second `DialogContent` further down gets the tighter top padding too.
+ */
+export declare const DialogTitledContext: React.Context<boolean>;
+/** The body text of a slot, in MUI's `body1`, so a bare string is not unstyled. */
+export declare const dialogBodyTextStyle: (theme: UiTheme) => TextStyle;
+/** MUI's dialog title: `h6`, in the body ink. */
+export declare const dialogTitleStyle: (theme: UiTheme) => TextStyle;
+/** The subtitle under it: `body2`, muted, one half-unit down. */
+export declare const dialogSubtitleStyle: (theme: UiTheme) => TextStyle;
+export declare function DialogHeader({ children, title, subtitle, showCloseButton, onClose, ...others }: DialogHeaderProps): React.JSX.Element;
+export declare namespace DialogHeader {
+    var displayName: string;
+}
+export declare function DialogContent({ children, dividers, dense, ...others }: DialogContentProps): React.JSX.Element;
+export declare namespace DialogContent {
+    var displayName: string;
+}
+export declare function DialogActions({ children, alignment, spacing, ...others }: DialogActionsProps): React.JSX.Element;
+export declare namespace DialogActions {
+    var displayName: string;
+}
+//# sourceMappingURL=DialogParts.native.d.ts.map

package/dist/types-native/components/feedback/Dialog/DialogParts.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogParts.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/DialogParts.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAEV,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;;;;;GAMG;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,wBAA6B,CAAC;AAE9D,mFAAmF;AACnF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,SAGnD,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,KAAG,SAGhD,CAAC;AAEH,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,SAInD,CAAC;AAoBH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmDvC;yBA1De,YAAY;;;AA8D5B,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAgB,EAChB,KAAa,EACb,GAAG,MAAM,EACV,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgCxC;yBArCe,aAAa;;;AAgD7B,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAmB,EACnB,OAA4C,EAC5C,GAAG,MAAM,EACV,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqBxC;yBA1Be,aAAa"}

package/dist/types-native/components/feedback/Dialog/index.native.d.ts

@@ -0,0 +1,4 @@
+export { Dialog } from './Dialog.native';
+export { DialogActions, DialogContent, DialogHeader } from './DialogParts.native';
+export type { DialogActionsAlignment, DialogActionsBaseProps, DialogActionsProps, DialogBaseProps, DialogBorderRadius, DialogContentBaseProps, DialogContentProps, DialogHeaderBaseProps, DialogHeaderProps, DialogProps, DialogSize, DialogVariant, } from './Dialog.types.native';
+//# sourceMappingURL=index.native.d.ts.map

package/dist/types-native/components/feedback/Dialog/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClF,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,uBAAuB,CAAC"}

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