@12-apps/ui 6.21.0 → 6.22.0

package/dist/types/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/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/components/layout/Card/Card.styles.d.ts

@@ -1,6 +1,6 @@
 import type { CSSObject, Theme } from '@mui/material/styles/index.js';
-import type { CardProps, CardVariant } from './Card.types';
-type BorderRadius = NonNullable<CardProps['borderRadius']>;
+import type { CardBorderRadius, CardVariant } from './Card.base';
+type BorderRadius = CardBorderRadius;
 interface CardStyleArgs {
     variant: CardVariant;
     interactive: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3D,KAAK,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;AA6I3D,UAAU,aAAa;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,qDAAqD,aAAa,KACjE,SAwBF,CAAC"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBjE,KAAK,YAAY,GAAG,gBAAgB,CAAC;AAsKrC,UAAU,aAAa;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,qDAAqD,aAAa,KACjE,SAwBF,CAAC"}

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

@@ -1,52 +1,18 @@
 import type { CardProps as MuiCardProps } from '@mui/material/Card/index.js';
-import type { ReactNode } from 'react';
-export type CardVariant = 'elevated' | 'outlined' | 'glass' | 'gradient' | 'neumorphic' | 'section';
-export type CardEntranceAnimation = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'zoom' | 'grow' | 'none';
-export interface CardProps extends Omit<MuiCardProps, 'variant'> {
-    children: ReactNode;
-    variant?: CardVariant;
-    interactive?: boolean;
-    glow?: boolean;
-    pulse?: boolean;
-    borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    loading?: boolean;
-    expandable?: boolean;
-    expanded?: boolean;
-    onExpandToggle?: (expanded: boolean) => void;
-    entranceAnimation?: CardEntranceAnimation;
-    animationDelay?: number;
-    skeleton?: boolean;
-    hoverScale?: number;
+import type React from 'react';
+import type { CardActionsBaseProps, CardBaseProps, CardContentBaseProps, CardHeaderBaseProps, CardMediaBaseProps } from './Card.base';
+export type { CardActionsAlignment, CardActionsBaseProps, CardBaseProps, CardBorderRadius, CardContentBaseProps, CardEntranceAnimation, CardHeaderBaseProps, CardMediaBaseProps, CardVariant, } from './Card.base';
+/** The web `Card`: the shared contract, plus everything MUI's own `Card` takes. */
+export interface CardProps extends CardBaseProps, Omit<MuiCardProps, 'variant' | keyof CardBaseProps> {
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     onFocus?: React.FocusEventHandler<HTMLDivElement>;
     onBlur?: React.FocusEventHandler<HTMLDivElement>;
-    dataTestId?: string;
 }
-export interface CardHeaderProps {
-    title?: ReactNode;
-    subtitle?: ReactNode;
-    action?: ReactNode;
-    avatar?: ReactNode;
-    children?: ReactNode;
-    dataTestId?: string;
-}
-export interface CardContentProps {
-    children: ReactNode;
-    dense?: boolean;
-    dataTestId?: string;
-}
-export interface CardActionsProps {
-    children: ReactNode;
-    disableSpacing?: boolean;
-    alignment?: 'left' | 'center' | 'right' | 'space-between';
-    dataTestId?: string;
-}
-export interface CardMediaProps {
+export type CardHeaderProps = CardHeaderBaseProps;
+export type CardContentProps = CardContentBaseProps;
+export type CardActionsProps = CardActionsBaseProps;
+/** `component` is the DOM element MUI renders the media as — web only. */
+export interface CardMediaProps extends CardMediaBaseProps {
     component?: React.ElementType;
-    image?: string;
-    title?: string;
-    height?: number | string;
-    children?: ReactNode;
-    dataTestId?: string;
 }
 //# sourceMappingURL=Card.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjI,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,mFAAmF;AACnF,MAAM,WAAW,SACf,SAAQ,aAAa,EACnB,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,aAAa,CAAC;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,0EAA0E;AAC1E,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC/E,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC/E,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,cAAc,CAAC"}

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

@@ -28,4 +28,18 @@ export declare function splitTestId<T extends TestIdProps>(props: T, fallback?:
 export declare function childTestId(props: TestIdProps, suffix: string, fallback: string): string;
 /** `props` without any of the three spellings, for spreading onto a native element. */
 export declare function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps>;
+/**
+ * A SLOT's own test id, where a raw id means "this element" and `dataTestId`
+ * means "the surface I belong to".
+ *
+ * `Dialog` names its parts by derivation — `d` gives `d-title`, `d-content`,
+ * `d-actions` — and a slot receives the DIALOG's id in `dataTestId` to derive
+ * from. A raw `data-testid` (or React Native's `testID`) is something else: it
+ * is the id the caller wants ON THIS ELEMENT, which is how the shared stories
+ * address a `DialogContent`, so it is taken verbatim and no suffix is added.
+ *
+ * Both renderers read this one function, which is the only way the web and the
+ * native slot can agree about what `<DialogContent data-testid="x">` is called.
+ */
+export declare function slotTestId(props: TestIdProps, suffix: string, fallback: string): string;
 //# sourceMappingURL=test-id.d.ts.map

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

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

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' | 'caption';
+export type MuiTypeVariantName = 'h5' | '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,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"}
+{"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,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7E,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,CAM/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/tokens/shadow.d.ts

@@ -0,0 +1,40 @@
+/**
+ * ONE SHADOW, IN THE SHAPE BOTH RENDERERS READ.
+ *
+ * A drop shadow is one of the few decorations the two sides express in the same
+ * numbers and different syntax: CSS wants `0 8px 32px rgba(…)`, React Native
+ * wants `{ offsetX, offsetY, blurRadius, spreadDistance, color }` (its
+ * `BoxShadowValue`, which `boxShadow` takes an array of). So the numbers live in
+ * a component's `*.metrics.ts` as this object, native passes it straight
+ * through, and the web renders it with {@link shadowCss}.
+ *
+ * {@link shadowCss} reproduces the text the web components already wrote by
+ * hand: a bare `0` for a zero length, and no spread at all when the spread is
+ * zero. That is what makes moving a shadow into a metrics table a refactor
+ * rather than a restyle.
+ */
+export interface UiShadow {
+    offsetX: number;
+    offsetY: number;
+    blurRadius: number;
+    spreadDistance: number;
+    color: string;
+}
+/** One shadow as CSS. A zero spread is omitted, as the web has always written it. */
+export declare const shadowCss: (shadow: UiShadow) => string;
+/** Several shadows as one CSS declaration. */
+export declare const shadowListCss: (shadows: readonly UiShadow[]) => string;
+/**
+ * MUI's `palette.common`, which `UiTheme` has no slot for.
+ *
+ * Here rather than beside each caller because the neumorphic, glass and scrim
+ * arithmetic in more than one component mixes from exactly these two, and a
+ * per-component copy is a per-component chance to write `#000000`.
+ */
+export declare const BLACK = "#000";
+export declare const WHITE = "#fff";
+/** A shadow with no offset — a halo all round, which is how `glow` reads. */
+export declare const halo: (blurRadius: number, color: string) => UiShadow[];
+/** A dropped shadow straight down, which is how a lifted surface sits. */
+export declare const drop: (offsetY: number, blurRadius: number, color: string) => UiShadow[];
+//# sourceMappingURL=shadow.d.ts.map

package/dist/types/tokens/shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/tokens/shadow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAKD,qFAAqF;AACrF,eAAO,MAAM,SAAS,GAAI,QAAQ,QAAQ,KAAG,MAOhC,CAAC;AAEd,8CAA8C;AAC9C,eAAO,MAAM,aAAa,GAAI,SAAS,SAAS,QAAQ,EAAE,KAAG,MAC1B,CAAC;AAEpC;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,SAAS,CAAC;AAC5B,eAAO,MAAM,KAAK,SAAS,CAAC;AAE5B,6EAA6E;AAC7E,eAAO,MAAM,IAAI,GAAI,YAAY,MAAM,EAAE,OAAO,MAAM,KAAG,QAAQ,EAEhE,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,IAAI,GAAI,SAAS,MAAM,EAAE,YAAY,MAAM,EAAE,OAAO,MAAM,KAAG,QAAQ,EAEjF,CAAC"}

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

@@ -0,0 +1,64 @@
+import type { ReactNode } from 'react';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH `Dialog` RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here, on purpose: this file ships in BOTH
+ * declaration outputs, and a native consumer has no `@mui/material` to resolve
+ * a type import against.
+ *
+ * `onClose` IS here, unusually for a handler, because it takes no event on
+ * either side: MUI's own `onClose` reason argument is dropped by `Dialog.tsx`
+ * before it reaches the caller, so both renderers pass a bare `() => void`.
+ */
+export type DialogVariant = 'default' | 'glass' | 'fullscreen' | 'drawer';
+export type DialogSize = SizeValue;
+export type DialogBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export type DialogActionsAlignment = 'left' | 'center' | 'right' | 'space-between';
+export interface DialogBaseProps {
+    open: boolean;
+    children: ReactNode;
+    variant?: DialogVariant;
+    size?: DialogSize;
+    title?: ReactNode;
+    description?: string;
+    showCloseButton?: boolean;
+    /** Ignored by BOTH renderers today; see `Dialog.metrics.ts`. */
+    backdrop?: boolean;
+    /** Refuses to close on a backdrop press or Escape. */
+    persistent?: boolean;
+    glass?: boolean;
+    gradient?: boolean;
+    glow?: boolean;
+    pulse?: boolean;
+    borderRadius?: DialogBorderRadius;
+    onClose?: () => void;
+    dataTestId?: string;
+    testID?: string;
+}
+export interface DialogHeaderBaseProps {
+    /** Custom header content; when given it replaces the title/subtitle layout. */
+    children?: ReactNode;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    dataTestId?: string;
+    testID?: string;
+}
+export interface DialogContentBaseProps {
+    children: ReactNode;
+    dividers?: boolean;
+    dense?: boolean;
+    dataTestId?: string;
+    testID?: string;
+}
+export interface DialogActionsBaseProps {
+    children: ReactNode;
+    alignment?: DialogActionsAlignment;
+    /** Between the actions, in spacing units. */
+    spacing?: number;
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=Dialog.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AACnC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { DialogBaseProps } from './Dialog.base';
+/**
+ * The defaults, and the slot detection, BOTH renderers run.
+ *
+ * Neither imports a renderer: the defaults are plain values and the slot check
+ * is told which component identities count, because `DialogContent` on the web
+ * and `DialogContent` on React Native are different functions answering to the
+ * same name.
+ */
+type DialogDefaultedKeys = 'variant' | 'size' | 'showCloseButton' | 'backdrop' | 'persistent' | 'glass' | 'gradient' | 'glow' | 'pulse' | 'borderRadius';
+export declare const DIALOG_DEFAULTS: Required<Pick<DialogBaseProps, DialogDefaultedKeys>>;
+/** The renderer's own props with every defaulted field guaranteed present. */
+export type DialogPropsWithDefaults<P extends DialogBaseProps> = P & Required<Pick<DialogBaseProps, DialogDefaultedKeys>>;
+/**
+ * Apply {@link DIALOG_DEFAULTS} exactly like parameter defaults would: only a
+ * missing/`undefined` prop falls back (a loop, so the component's cyclomatic
+ * complexity doesn't pay one branch per defaulted prop).
+ */
+export declare function withDialogDefaults<P extends DialogBaseProps>(props: P): DialogPropsWithDefaults<P>;
+/**
+ * Does this hand us a spacing slot? Fragments are transparent: `<>` is a way of
+ * passing several children, not a child that owns them, and a consumer who
+ * groups a `DialogContent` and a `DialogActions` in one has still passed both.
+ *
+ * Only the slots themselves count, and only at the top. A `DialogContent`
+ * genuinely nested inside a `<div>` is that div's content, and the dialog
+ * padding the div is right.
+ *
+ * `slots` is passed in rather than closed over so the two renderers can hand it
+ * their own `DialogContent` / `DialogActions`.
+ */
+export declare function hasSpacingSlot(children: React.ReactNode, slots: readonly unknown[]): boolean;
+export {};
+//# sourceMappingURL=Dialog.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;;;;;;GAOG;AAEH,KAAK,mBAAmB,GACpB,SAAS,GACT,MAAM,GACN,iBAAiB,GACjB,UAAU,GACV,YAAY,GACZ,OAAO,GACP,UAAU,GACV,MAAM,GACN,OAAO,GACP,cAAc,CAAC;AAEnB,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAWhF,CAAC;AAEF,8EAA8E;AAC9E,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,GAChE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAEvD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAMlG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAO5F"}

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

@@ -0,0 +1,44 @@
+import type { ViewStyle } from 'react-native';
+import type { DialogBorderRadius, DialogSize, DialogVariant } from './Dialog.base';
+import type { UiTheme } from '../../../tokens/theme';
+/**
+ * WHAT THE NATIVE `Dialog` PAINTS — the arithmetic, with no JSX in sight.
+ *
+ * `variantStylesOf` builds one `sx` by spreading base, then the decorations
+ * (`glow`, `pulse`), then the variant's own surface; whichever wrote a property
+ * last wins. The composition here spreads the SAME things in the SAME order, so
+ * `glow` survives on a `default` paper (whose surface declares no shadow) and is
+ * buried by a `glass` one, on both renderers.
+ */
+/** The named radius as a length. */
+export declare function dialogRadius(theme: UiTheme, radius: DialogBorderRadius): number;
+/** The scrim behind the paper: half-black, or a fifth of it for `glass`. */
+export declare function dialogBackdrop(glass: boolean): ViewStyle;
+export interface DialogLookArgs {
+    variant: DialogVariant;
+    size: DialogSize;
+    borderRadius: DialogBorderRadius;
+    glass: boolean;
+    glow: boolean;
+    pulse: boolean;
+}
+export interface DialogLook {
+    /** Where the paper sits inside the modal, and how far in from the edges. */
+    overlay: ViewStyle;
+    paper: ViewStyle;
+    /** The paper's corner radius, for the pulse ring to follow. */
+    radius: number;
+}
+/**
+ * Everything the dialog paints, decided once per render.
+ *
+ * The base carries what MUI's `Paper` gives every dialog — the paper colour and
+ * `shadows[24]` — because React Native has no Paper to inherit them from; a
+ * `glow` or a variant shadow then overrides it exactly as the `sx` does.
+ *
+ * `overflow` clips the paper's children to its corners, as MUI's own
+ * `overflow-y: auto` does — except under `pulse` or `glow`, which have to paint
+ * OUTSIDE the paper and are clipped by the view's own overflow on a device.
+ */
+export declare function dialogLook(theme: UiTheme, a: DialogLookArgs): DialogLook;
+//# sourceMappingURL=Dialog.look.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAanF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;;;;;;;GAQG;AAEH,oCAAoC;AACpC,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAE/E;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAIxD;AAYD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,EAAE,kBAAkB,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,4EAA4E;IAC5E,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;CAChB;AA0DD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,cAAc,GAAG,UAAU,CAyBxE"}