@12-apps/ui 6.18.0 → 6.19.1

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

@@ -0,0 +1,37 @@
+import type { ErrorStateSeverity } from './ErrorState.base';
+import type { UiPaletteColor, UiTheme } from '../../../tokens/theme';
+/**
+ * THE NUMBERS BOTH `ErrorState` RENDERERS DRAW WITH.
+ *
+ * `ErrorState.tsx` (MUI) and `ErrorState.native.tsx` (React Native) read this
+ * one table. Spacing is in SPACING UNITS where the web writes
+ * `theme.spacing(n)`; everything else is px or a ratio.
+ */
+/** The region: a centred column, `theme.spacing(6)` of padding, at least 200px tall, its parts 16px apart. */
+export declare const ERROR_STATE_PADDING_UNITS = 6;
+export declare const ERROR_STATE_MIN_HEIGHT = 200;
+export declare const ERROR_STATE_GAP_UNITS = 2;
+/** The glyph sits in an 80px disc of the severity's `light` shade at 0.9 opacity. */
+export declare const ERROR_ICON_BOX = 80;
+export declare const ERROR_ICON_BOX_OPACITY = 0.9;
+export declare const ERROR_ICON_SIZE = 48;
+/** Title and message are 8px apart; the message wraps at 400px on a 1.6 line height. */
+export declare const ERROR_TEXT_GAP_UNITS = 1;
+export declare const ERROR_MESSAGE_MAX_WIDTH = 400;
+export declare const ERROR_MESSAGE_LINE_HEIGHT = 1.6;
+/** The retry button: 8px below the text, no narrower than 120px. */
+export declare const RETRY_MARGIN_TOP_UNITS = 1;
+export declare const RETRY_MIN_WIDTH = 120;
+/**
+ * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px
+ * border, 14px type, the theme's radius, a 20px start icon. The native side
+ * sizes the house `Button` to these.
+ */
+export declare const RETRY_BUTTON: {
+    readonly paddingVertical: 5;
+    readonly paddingHorizontal: 15;
+    readonly iconSize: 20;
+};
+/** `error` is MUI's name for the `danger` slot; `warning` is its own. */
+export declare function errorStatePalette(theme: UiTheme, severity: ErrorStateSeverity): UiPaletteColor;
+//# sourceMappingURL=ErrorState.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,qFAAqF;AACrF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAE9F"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type TextStyle, type ViewStyle } from 'react-native';
+import type { ErrorStateProps, ErrorStateSeverity } from './ErrorState.types.native';
+import type { UiTheme } from '../../../tokens/theme';
+/** MUI's `h6` as an `h3`, medium weight, in the body ink — what the web `Typography` renders. */
+export declare function titleStyle(theme: UiTheme): TextStyle;
+/** MUI's `body2` on a 1.6 line height, muted, wrapping at 400px. */
+export declare function messageStyle(theme: UiTheme): TextStyle;
+/** The 80px disc behind the glyph, in the severity's `light` shade. */
+export declare function iconBoxStyle(theme: UiTheme, severity: ErrorStateSeverity): ViewStyle;
+/** The web retry is MUI's medium outlined button; the house `Button` is sized to it here. */
+export declare function retryStyle(theme: UiTheme): ViewStyle;
+export declare const ErrorState: React.FC<ErrorStateProps>;
+//# sourceMappingURL=ErrorState.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAiBhG,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAMrF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAQrD,iGAAiG;AACjG,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAOpD;AAED,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQtD;AAED,uEAAuE;AACvE,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAG,SAAS,CAUpF;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQpD;AAoDD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqD/C,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ErrorStateBaseProps } from './ErrorState.base';
+export type { ErrorStateBaseProps, ErrorStateSeverity } from './ErrorState.base';
+/** The native `ErrorState`: the shared contract, plus a `View`'s own props. */
+export type ErrorStateProps = ErrorStateBaseProps & Omit<ViewProps, keyof ErrorStateBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=ErrorState.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEjF,+EAA+E;AAC/E,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,IAAI,CAAC,SAAS,EAAE,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ErrorState } from './ErrorState.native';
+export type { ErrorStateBaseProps, ErrorStateProps, ErrorStateSeverity } from './ErrorState.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * Imports no MUI and no react-native, on purpose: it ships in both
+ * declaration outputs. The web adds `className`; the native side adds a
+ * `View`'s own props in `LoadingState.types.native.ts`.
+ */
+export type LoadingStateVariant = 'spinner' | 'skeleton';
+export type LoadingStateSize = SizeValue;
+export interface LoadingStateBaseProps {
+    /**
+     * The visual style of the loading indicator
+     * @default 'spinner'
+     */
+    variant?: LoadingStateVariant;
+    /**
+     * Optional message to display below the loading indicator
+     */
+    message?: string;
+    /**
+     * Size of the loading indicator
+     * @default 'md'
+     */
+    size?: LoadingStateSize;
+    /**
+     * Number of skeleton rows to display (only for skeleton variant)
+     * @default 3
+     */
+    skeletonRows?: number;
+    /**
+     * Test ID for component testing
+     */
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=LoadingState.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,27 @@
+import type { LoadingStateBaseProps, LoadingStateSize } from './LoadingState.base';
+import { SKELETON_ROW_HEIGHT } from './LoadingState.metrics';
+import type { MuiTypeVariantName } from '../../../tokens/mui-type';
+export { SKELETON_ROW_HEIGHT };
+export declare const SIZE_MAP: Record<LoadingStateSize, {
+    spinner: number;
+    text: MuiTypeVariantName;
+}>;
+type LoadingStateDefaultedKeys = 'variant' | 'size' | 'skeletonRows';
+/**
+ * Generic over the renderer's own props: the web and the native `LoadingState`
+ * pass different extras through, and both come back out untouched.
+ */
+type ResolvedLoadingStateProps<P extends LoadingStateBaseProps> = P & Required<Pick<LoadingStateBaseProps, LoadingStateDefaultedKeys>>;
+export declare const resolveLoadingStateProps: <P extends LoadingStateBaseProps>(props: P) => ResolvedLoadingStateProps<P>;
+/**
+ * Test ids come in three flavours here: the container falls back to a bare
+ * `loading-state`, the labelled parts to `loading-state-<part>`, and the
+ * skeleton rows to nothing at all when the caller supplied no base id.
+ */
+export declare const makeTestIds: (dataTestId?: string) => {
+    base: string;
+    optional: (suffix: string) => string | undefined;
+    named: (suffix: string) => string;
+};
+export type LoadingStateTestIds = ReturnType<typeof makeTestIds>;
+//# sourceMappingURL=LoadingState.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAgB,mBAAmB,EAAiB,MAAM,wBAAwB,CAAC;AAC1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAI/B,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAGf,CAAC;AAE/E,KAAK,yBAAyB,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;AAErE;;;GAGG;AACH,KAAK,yBAAyB,CAAC,CAAC,SAAS,qBAAqB,IAAI,CAAC,GACjE,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,CAAC,CAAC;AAenE,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,qBAAqB,EACtE,OAAO,CAAC,KACP,yBAAyB,CAAC,CAAC,CAC2D,CAAC;AAE1F;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM;;uBAE1B,MAAM,KAAG,MAAM,GAAG,SAAS;oBAE9B,MAAM,KAAG,MAAM;CAE/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,43 @@
+import type { MuiTypeVariantName } from '../../../tokens/mui-type';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `LoadingState` RENDERERS DRAW WITH.
+ *
+ * `LoadingState.tsx` (MUI) and `LoadingState.native.tsx` (React Native) read
+ * this one table. Spacing is in SPACING UNITS where the web writes
+ * `theme.spacing(n)`, so a host with a different unit moves both renderers;
+ * everything else is px.
+ */
+/** MUI's `CircularProgress` diameter per size. */
+export declare const SPINNER_SIZES: Record<SizeValue, number>;
+/** The MUI `Typography` variant the message is set in, per size. */
+export declare const MESSAGE_TYPE: Record<SizeValue, MuiTypeVariantName>;
+export declare const SKELETON_ROW_HEIGHT: Record<SizeValue, number>;
+/** The spinner view: a centred column, `theme.spacing(6)` of padding, at least 200px tall. */
+export declare const SPINNER_PADDING_UNITS = 6;
+export declare const SPINNER_MIN_HEIGHT = 200;
+/** Between the spinner and its message. */
+export declare const SPINNER_GAP_UNITS = 2;
+/** The skeleton view: full width, `theme.spacing(3)` of padding. */
+export declare const SKELETON_PADDING_UNITS = 3;
+/** Between rows (MUI `Stack spacing={2}`), and above the message (`mt: 2`). */
+export declare const SKELETON_ROW_GAP_UNITS = 2;
+export declare const SKELETON_MESSAGE_MARGIN_TOP_UNITS = 2;
+export declare const SKELETON_RADIUS = 4;
+/** The last row is short, so the block reads as a paragraph of text. */
+export declare const SKELETON_LAST_ROW_WIDTH = "60%";
+export declare const SKELETON_FULL_ROW_WIDTH = "100%";
+/**
+ * The house `Skeleton`'s `medium` intensity, which this component never
+ * overrides: `alpha(text.primary, 0.13)` in light mode, `alpha(#fff, 0.13)`
+ * in dark — and dark mode's `text.primary` IS `#fff`, so one expression
+ * covers both.
+ */
+export declare const SKELETON_TINT_ALPHA = 0.13;
+/**
+ * iOS's `ActivityIndicator` has two sizes, `small` (20pt) and `large`
+ * (36pt); a diameter from this threshold up draws `large`. Android and the
+ * web take the exact px.
+ */
+export declare const IOS_LARGE_SPINNER_FROM = 40;
+//# sourceMappingURL=LoadingState.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;;GAOG;AAEH,kDAAkD;AAClD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMnD,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,kBAAkB,CAM9D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMzD,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,2CAA2C;AAC3C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,+EAA+E;AAC/E,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,wEAAwE;AACxE,eAAO,MAAM,uBAAuB,QAAQ,CAAC;AAC7C,eAAO,MAAM,uBAAuB,SAAS,CAAC;AAC9C;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,KAAK,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type TextStyle } from 'react-native';
+import type { LoadingStateProps, LoadingStateSize } from './LoadingState.types.native';
+import type { UiTheme } from '../../../tokens/theme';
+/** The message's type: MUI's `body2`/`body1`/`h6` per size, in the muted ink, as the web's `Typography` sets it. */
+export declare function messageStyle(theme: UiTheme, size: LoadingStateSize): TextStyle;
+/** The skeleton rows' tint: the house `Skeleton`'s `medium` intensity. */
+export declare const skeletonTint: (theme: UiTheme) => string;
+export declare const LoadingState: React.FC<LoadingStateProps>;
+//# sourceMappingURL=LoadingState.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAmBtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAKvF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,oHAAoH;AACpH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,GAAG,SAAS,CAE9E;AAED,0EAA0E;AAC1E,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,MACU,CAAC;AA0GzD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAanD,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { LoadingStateBaseProps } from './LoadingState.base';
+export type { LoadingStateBaseProps, LoadingStateSize, LoadingStateVariant } from './LoadingState.base';
+/** The native `LoadingState`: the shared contract, plus a `View`'s own props. */
+export type LoadingStateProps = LoadingStateBaseProps & Omit<ViewProps, keyof LoadingStateBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=LoadingState.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAExG,iFAAiF;AACjF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GACnD,IAAI,CAAC,SAAS,EAAE,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { LoadingState } from './LoadingState.native';
+export type { LoadingStateBaseProps, LoadingStateProps, LoadingStateSize, LoadingStateVariant, } from './LoadingState.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
-export declare const Button: React.ForwardRefExoticComponent<import("./Button.base").ButtonBaseProps & Omit<import("react-native").PressableProps, keyof import("./Button.base").ButtonBaseProps | "style" | "onPress" | "onFocus" | "onBlur"> & {
+export declare const Button: React.ForwardRefExoticComponent<import("./Button.base").ButtonBaseProps & Omit<import("react-native").PressableProps, "style" | "onBlur" | "onFocus" | "onPress" | keyof import("./Button.base").ButtonBaseProps> & {
     onClick?: (event: GestureResponderEvent) => void;
     onPress?: (event: GestureResponderEvent) => void;
     onFocus?: (event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAsQtB,eAAO,MAAM,MAAM;;;;;;8BA6CjB,CAAC"}
+{"version":3,"file":"Button.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAuPtB,eAAO,MAAM,MAAM;;;;;;8BA6CjB,CAAC"}

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

@@ -0,0 +1,31 @@
+import type React from 'react';
+/**
+ * THE CONTRACT BOTH `Container` RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here, on purpose: this file 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. The web
+ * adds MUI `Container`'s own props in `Container.types.ts`; the native side
+ * adds a `View`'s in `Container.types.native.ts`.
+ */
+export type ContainerMaxWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+export type ContainerVariant = 'default' | 'fluid' | 'centered' | 'padded';
+export type ContainerPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ContainerBaseProps {
+    children: React.ReactNode;
+    /**
+     * The widest the content column gets, as one of MUI's breakpoints — see
+     * `CONTAINER_MAX_WIDTHS`. `false` removes the limit. Any other string is
+     * read as `lg`, as the web has always done.
+     */
+    maxWidth?: ContainerMaxWidth | string;
+    /** `fluid` drops the limit, `centered` centres the content in the viewport, `padded` is a main content area. */
+    variant?: ContainerVariant;
+    /** The inset on every side, on the spacing scale — see `CONTAINER_PADDING_UNITS`. */
+    padding?: ContainerPadding;
+    /** Tighten the inset under MUI's `sm` breakpoint (600px). */
+    responsive?: boolean;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Container.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IACtC,gHAAgH;IAChH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qFAAqF;IACrF,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,57 @@
+import type { ContainerMaxWidth, ContainerPadding, ContainerVariant } from './Container.base';
+/**
+ * THE NUMBERS BOTH `Container` RENDERERS DRAW WITH.
+ *
+ * `Container.tsx` used to hold these as `theme.spacing(…)` calls and MUI's
+ * breakpoint names inside the component; the native renderer has no MUI
+ * breakpoints to name, so the values live here in SPACING UNITS and px, and
+ * each renderer multiplies the units out through its own `theme.spacing`.
+ */
+export type ContainerMaxWidthKey = Exclude<ContainerMaxWidth, false>;
+/**
+ * MUI's default breakpoints, which its `Container` reads as `max-width`
+ * (`xs` is `Math.max(values.xs, 444)`). MUI applies each under
+ * `min-width: <breakpoint>`, but below it the column is `width: 100%` and
+ * narrower anyway, so a plain `maxWidth` paints the same.
+ */
+export declare const CONTAINER_MAX_WIDTHS: Record<ContainerMaxWidthKey, number>;
+export declare const CONTAINER_DEFAULT_MAX_WIDTH: ContainerMaxWidthKey;
+/** The `centered` variant reads at `md`, whatever `maxWidth` says. */
+export declare const CONTAINER_CENTERED_MAX_WIDTH: ContainerMaxWidthKey;
+export declare const CONTAINER_PADDING_UNITS: Record<ContainerPadding, number>;
+export declare const CONTAINER_DEFAULT_PADDING: ContainerPadding;
+/** What `variant="padded"` declares above and below, in spacing units. */
+export declare const CONTAINER_PADDED_VERTICAL_UNITS = 8;
+/** Under {@link CONTAINER_COMPACT_BELOW}, a `responsive` container tightens to this. */
+export declare const CONTAINER_COMPACT_PADDING_UNITS = 2;
+/** MUI's `sm` breakpoint: `theme.breakpoints.down('sm')` is `max-width: 599.95px`. */
+export declare const CONTAINER_COMPACT_BELOW = 600;
+/**
+ * The breakpoint the column is limited to, or `false` for none. `fluid` drops
+ * the limit, `centered` fixes it at `md`, and a string outside the vocabulary
+ * reads as the default — the rules `Container.tsx` has always applied.
+ */
+export declare function resolveContainerMaxWidth(variant: ContainerVariant, maxWidth: ContainerMaxWidth | string): ContainerMaxWidthKey | false;
+/**
+ * The inset every side of the container is painted with, in spacing units.
+ *
+ * `??`, not `||`: `none` is 0, and 0 is falsy. Reading the map with `||` sent
+ * `padding="none"` through to the `md` default, so the one value a caller
+ * would reach for to remove the inset was the one value that could not.
+ * A word outside the vocabulary still reads as the default.
+ */
+export declare function containerPaddingUnits(padding: ContainerPadding | string, compact: boolean): number;
+/**
+ * What `variant="padded"` paints above and below, in spacing units — the
+ * horizontal inset stays whatever `padding` says.
+ *
+ * The variant used to paint nothing of its own: the web declared these before
+ * the `padding` shorthand, which overrode them, and the native half copied the
+ * painted result so the two would agree. Now both read this.
+ *
+ * A `responsive` container under {@link CONTAINER_COMPACT_BELOW} compacts, as
+ * every other inset does; a tall vertical inset is the first thing a phone
+ * cannot spare.
+ */
+export declare function containerVerticalUnits(variant: ContainerVariant, padding: ContainerPadding | string, compact: boolean): number;
+//# sourceMappingURL=Container.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE9F;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAErE;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAMrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAA2B,CAAC;AACtE,sEAAsE;AACtE,eAAO,MAAM,4BAA4B,EAAE,oBAA2B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAOpE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,gBAAuB,CAAC;AAEhE,0EAA0E;AAC1E,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,wFAAwF;AACxF,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAI3C;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,iBAAiB,GAAG,MAAM,GACnC,oBAAoB,GAAG,KAAK,CAK9B;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAIlG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,gBAAgB,GAAG,MAAM,EAClC,OAAO,EAAE,OAAO,GACf,MAAM,CAGR"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { View, type ViewStyle } from 'react-native';
+import type { ContainerMaxWidth, ContainerPadding, ContainerVariant } from './Container.types.native';
+import type { UiTheme } from '../../../tokens/theme';
+export interface ContainerStyleArgs {
+    variant: ContainerVariant;
+    maxWidth: ContainerMaxWidth | string;
+    padding: ContainerPadding;
+    responsive: boolean;
+    /** The window, for the two things CSS answers with a media query and `100vh`. */
+    window: {
+        width: number;
+        height: number;
+    };
+}
+/**
+ * The style MUI's `Container` plus the web `sx` paint, in absolute numbers.
+ *
+ * `width: 100%` between auto margins is MUI's own centring rule; `maxWidth` is
+ * the breakpoint the web applies under `min-width` (below it the column is
+ * narrower anyway); the `responsive` media query becomes a window-width test;
+ * `centered`'s `100vh` becomes the window height. `padded`'s vertical inset
+ * and `padding="none"`'s zero come from the same two functions the web reads.
+ */
+export declare function containerStyle(theme: UiTheme, a: ContainerStyleArgs): ViewStyle;
+/** The native `Container`: a `View` sized by the same rules MUI's `Container` and the web `sx` apply. */
+export declare const Container: React.ForwardRefExoticComponent<import("./Container.base").ContainerBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Container.base").ContainerBaseProps> & {
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Container.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAuB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAkB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGtH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,MAAM,CAAC;IACrC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAc/E;AAED,yGAAyG;AACzG,eAAO,MAAM,SAAS;;8BAoBrB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ContainerBaseProps } from './Container.base';
+export type { ContainerBaseProps, ContainerMaxWidth, ContainerPadding, ContainerVariant } from './Container.base';
+/** The native `Container`: the shared contract, plus a `View`'s own props where they do not overlap. */
+export type ContainerProps = ContainerBaseProps & Omit<ViewProps, keyof ContainerBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Container.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElH,wGAAwG;AACxG,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,SAAS,EAAE,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Container, containerStyle } from './Container.native';
+export type { ContainerBaseProps, ContainerMaxWidth, ContainerPadding, ContainerProps, ContainerVariant, } from './Container.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH `Spacer` RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here, on purpose: this file 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.
+ */
+export type SpacerSize = SizeValue;
+export type SpacerDirection = 'horizontal' | 'vertical' | 'both';
+/**
+ * An explicit dimension: a px number, a percentage, `auto`, or any CSS length.
+ * The web hands a string to the DOM as it is; the native renderer reads the CSS
+ * lengths it can (`rem`, `em`, `px`) against a 16px root and ignores the rest.
+ */
+export type SpacerDimension = number | string;
+export interface SpacerBaseProps {
+    /** A step of the house scale, in spacing units — see `SPACER_SIZE_UNITS`. */
+    size?: SpacerSize;
+    /** Which axes the step applies to; the other keeps whatever `width`/`height` says. */
+    direction?: SpacerDirection;
+    /** Overrides the step on that axis, whatever `direction` is. */
+    width?: SpacerDimension;
+    height?: SpacerDimension;
+    /** Grow to fill the free space in a flex row or column. */
+    flex?: boolean;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Spacer.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AACnC,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEjE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sFAAsF;IACtF,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,gEAAgE;IAChE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,36 @@
+import type { SpacerDirection, SpacerSize } from './Spacer.base';
+/**
+ * THE NUMBERS BOTH `Spacer` RENDERERS DRAW WITH.
+ *
+ * `Spacer.tsx` used to hold the size steps as a `switch` over
+ * `theme.spacing(…)` calls, and `Spacer.native.tsx` would have held them again
+ * as a second table. Now there is one, in SPACING UNITS, and each renderer
+ * multiplies it out through its own `theme.spacing` — `'16px'` on the web,
+ * `16` on native — so an `md` spacer is 16 wide on both sides by construction.
+ */
+export declare const SPACER_SIZE_UNITS: Record<SpacerSize, number>;
+export declare const SPACER_DEFAULT_SIZE: SpacerSize;
+export declare const SPACER_DEFAULT_DIRECTION: SpacerDirection;
+/** `flex` grows the spacer by one share of the free space; every spacer refuses to shrink. */
+export declare const SPACER_FLEX_GROW = 1;
+export declare const SPACER_FLEX_SHRINK = 0;
+/** The geometry props, with the dimension type left to the renderer. */
+export interface SpacerGeometry<Dimension> {
+    size?: SpacerSize;
+    direction?: SpacerDirection;
+    width?: Dimension;
+    height?: Dimension;
+}
+/**
+ * The width and height a spacer occupies, on either renderer.
+ *
+ * An explicit `width`/`height` wins on its axis whatever `direction` says; the
+ * step fills only the axes `direction` names. `spacing` is the renderer's own
+ * `theme.spacing`, so the same units come out as `'16px'` on the web and `16`
+ * on native — the one resolver is what keeps the two from disagreeing.
+ */
+export declare function spacerDimensions<Dimension, Spacing>(geometry: SpacerGeometry<Dimension>, spacing: (units: number) => Spacing): {
+    width: Dimension | Spacing | undefined;
+    height: Dimension | Spacing | undefined;
+};
+//# sourceMappingURL=Spacer.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEjE;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,UAAiB,CAAC;AACpD,eAAO,MAAM,wBAAwB,EAAE,eAAwB,CAAC;AAEhE,8FAA8F;AAC9F,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,wEAAwE;AACxE,MAAM,WAAW,cAAc,CAAC,SAAS;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,OAAO,EACjD,QAAQ,EAAE,cAAc,CAAC,SAAS,CAAC,EACnC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAClC;IAAE,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CAAE,CASrF"}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { View, type ViewStyle } from 'react-native';
+import type { SpacerDimension } from './Spacer.types.native';
+import type { BoxDimension } from '../Box/Box.base';
+/**
+ * A caller's dimension as React Native can take it. Numbers, percentages and
+ * `auto` pass through; a CSS length (`2rem`, `1.5em`, `20px`) is read against
+ * the 16px root the web would use, so the same string measures the same on
+ * both sides. Anything else (`calc()`, `vw`) is not a length React Native has,
+ * and yields to the size step — the same fallback an unset dimension takes.
+ */
+export declare function toNativeDimension(value: SpacerDimension | undefined): BoxDimension | undefined;
+/**
+ * The native `Spacer`: an empty `View` sized from the same metrics the web
+ * puts in `sx`. Hidden from assistive technology and deaf to touches, as the
+ * web one is to the pointer.
+ */
+export declare const Spacer: React.ForwardRefExoticComponent<import("./Spacer.base").SpacerBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Spacer.base").SpacerBaseProps> & {
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Spacer.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,uBAAuB,CAAC;AAI1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAU9F;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM;;8BA2BlB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { SpacerBaseProps } from './Spacer.base';
+export type { SpacerBaseProps, SpacerDimension, SpacerDirection, SpacerSize } from './Spacer.base';
+/** The native `Spacer`: the shared contract, plus a `View`'s own props where they do not overlap. */
+export type SpacerProps = SpacerBaseProps & Omit<ViewProps, keyof SpacerBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Spacer.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEnG,qGAAqG;AACrG,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Spacer } from './Spacer.native';
+export type { SpacerBaseProps, SpacerDimension, SpacerDirection, SpacerProps, SpacerSize } from './Spacer.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types-native/components/typography/Heading/Heading.base.d.ts

@@ -0,0 +1,52 @@
+import type React from 'react';
+import type { HeadingLevel } from '../../../tokens/heading-scale';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH `Heading` RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here, on purpose: this file 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. The web
+ * adds a heading element's attributes in `Heading.types.ts`; the native side
+ * adds a react-native `Text`'s props in `Heading.types.native.ts`.
+ */
+export type { HeadingLevel };
+export type HeadingWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+export interface HeadingBaseProps {
+    /**
+     * The heading's RANK — which tag it renders (`aria-level` on native) and
+     * where it sits in the document outline. Not its size; see {@link HeadingBaseProps.size}.
+     */
+    level?: HeadingLevel;
+    /**
+     * The step of the type scale to DRAW, when it differs from the rank. Defaults
+     * to `level`, so every call written before this prop existed renders exactly
+     * as it did.
+     *
+     * It exists because `level` used to do three jobs at once — pick the tag, set
+     * the outline rank, set the font size — with no way to separate them. A page
+     * title is an `h1` to a screen reader whatever it looks like, and a dense
+     * screen may not want it drawn at the rank's size. Before this the only way to
+     * say that was to override the component's CSS from outside, which each
+     * consuming app ended up doing in its own dialect.
+     *
+     * ```tsx
+     * <Heading level="h1" size="h3">Visão geral</Heading>
+     * ```
+     *
+     * Reach for it when the two genuinely differ for ONE heading. If a whole
+     * product wants a different scale, set `typography.headingScale` on the theme
+     * instead — that is the knob for "our headings are smaller", and this is the
+     * one for "this heading is".
+     */
+    size?: HeadingLevel;
+    color?: ColorValue;
+    /** `normal` is the weight the step was designed to carry, not body text's 400. */
+    weight?: HeadingWeight;
+    /** Paint the glyphs with the colour's two-stop gradient (the first stop, flat, on native). */
+    gradient?: boolean;
+    children: React.ReactNode;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Heading.base.d.ts.map

package/dist/types-native/components/typography/Heading/Heading.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;;GAQG;AACH,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEhF,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,kFAAkF;IAClF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}