@12-apps/ui 6.17.1 → 6.19.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,13 @@
+import type { EmptyStateBaseProps } from './EmptyState.base';
+export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
+/** The glyph an action carries, by the shared icon set's name; each renderer draws it its own way. */
+export type ActionIconName = 'Add' | 'Refresh';
+export interface ActionSpec {
+    key: 'primary-action' | 'create-button' | 'secondary-action' | 'refresh-button';
+    variant: 'contained' | 'outlined';
+    onClick: () => void;
+    label: string;
+    icon?: ActionIconName;
+}
+export declare const actionsOf: (props: EmptyStateBaseProps, refreshLabel: string, createLabel: string) => ActionSpec[];
+//# sourceMappingURL=EmptyState.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MACgD,CAAC;AAErE,sGAAsG;AACtG,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;IAChF,OAAO,EAAE,WAAW,GAAG,UAAU,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAKD,eAAO,MAAM,SAAS,GACpB,OAAO,mBAAmB,EAC1B,cAAc,MAAM,EACpB,aAAa,MAAM,KAClB,UAAU,EAwCZ,CAAC"}

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

@@ -0,0 +1,57 @@
+import type { EmptyStateVariant } from './EmptyState.base';
+/**
+ * THE NUMBERS BOTH `EmptyState` RENDERERS DRAW WITH.
+ *
+ * `EmptyState.tsx` (MUI) and `EmptyState.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 24px apart. */
+export declare const EMPTY_STATE_PADDING_UNITS = 6;
+export declare const EMPTY_STATE_MIN_HEIGHT = 200;
+export declare const EMPTY_STATE_GAP_UNITS = 3;
+/** The illustration: wider when it is the point, faded a little always, hidden in `minimal`. */
+export declare const ILLUSTRATION_MAX_WIDTH: {
+    readonly illustrated: 240;
+    readonly other: 120;
+};
+export declare const ILLUSTRATION_OPACITY: {
+    readonly minimal: 0.6;
+    readonly other: 0.8;
+};
+export declare const illustrationMaxWidth: (variant: EmptyStateVariant) => number;
+export declare const illustrationOpacity: (variant: EmptyStateVariant) => number;
+/** Title, description, actions and link are 16px apart; the title wraps at 400px, the description at 480px on a 1.6 line height. */
+export declare const CONTENT_GAP_UNITS = 2;
+export declare const TITLE_MAX_WIDTH = 400;
+export declare const DESCRIPTION_MAX_WIDTH = 480;
+export declare const DESCRIPTION_LINE_HEIGHT = 1.6;
+/** The action row: 16px below the text, buttons 16px apart, stacked below MUI's `sm` breakpoint. */
+export declare const ACTIONS_MARGIN_TOP_UNITS = 2;
+export declare const ACTIONS_GAP_UNITS = 2;
+export declare const ACTIONS_ROW_FROM = 600;
+export declare const ACTION_MIN_WIDTH = 120;
+/**
+ * The web actions ARE MUI's medium `contained` and `outlined` buttons: 6px
+ * 16px, or 5px 15px inside a 1px border at half alpha, 14px type, the
+ * theme's radius, a 20px start icon. The native side sizes the house
+ * `Button` to these.
+ */
+export declare const ACTION_BUTTON: {
+    readonly contained: {
+        readonly paddingVertical: 6;
+        readonly paddingHorizontal: 16;
+    };
+    readonly outlined: {
+        readonly paddingVertical: 5;
+        readonly paddingHorizontal: 15;
+    };
+    readonly iconSize: 20;
+    readonly outlinedBorderAlpha: 0.5;
+};
+/** MUI's `theme.shadows[2]`, the elevation a contained button rests at. */
+export declare const MUI_CONTAINED_SHADOW = "0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)";
+/** The help link: 8px below whatever precedes it, marked when it leaves the app. */
+export declare const HELP_LINK_MARGIN_TOP_UNITS = 1;
+export declare const EXTERNAL_LINK_MARK = " \u2197";
+//# sourceMappingURL=EmptyState.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,gGAAgG;AAChG,eAAO,MAAM,sBAAsB;;;CAA4C,CAAC;AAChF,eAAO,MAAM,oBAAoB;;;CAAwC,CAAC;AAE1E,eAAO,MAAM,oBAAoB,GAAI,SAAS,iBAAiB,KAAG,MAC6B,CAAC;AAChG,eAAO,MAAM,mBAAmB,GAAI,SAAS,iBAAiB,KAAG,MACkB,CAAC;AAEpF,oIAAoI;AACpI,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,oGAAoG;AACpG,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;CAKhB,CAAC;AACX,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,yGACuE,CAAC;AAEzG,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAC5C,eAAO,MAAM,kBAAkB,YAAO,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { type TextStyle, type ViewStyle } from 'react-native';
+import { type ActionSpec } from './EmptyState.helpers';
+import type { EmptyStateProps, EmptyStateVariant } from './EmptyState.types.native';
+import type { UiTheme } from '../../../tokens/theme';
+/** MUI's `h6` as an `h3`, medium weight, in the body ink, wrapping at 400px. */
+export declare function titleStyle(theme: UiTheme): TextStyle;
+/** MUI's `body2` on a 1.6 line height, muted, wrapping at 480px. */
+export declare function descriptionStyle(theme: UiTheme): TextStyle;
+/** The web `Link` inherits the page's `body1`; primary ink, no underline until hovered. */
+export declare function helpLinkStyle(theme: UiTheme): TextStyle;
+export declare function illustrationStyle(variant: EmptyStateVariant): ViewStyle;
+/**
+ * The web actions are MUI's medium contained/outlined buttons; the house
+ * `Button` is sized to them here. The shadow needs the button's overflow
+ * visible — a view clips its own shadow otherwise.
+ */
+export declare function actionStyle(theme: UiTheme, variant: ActionSpec['variant']): ViewStyle;
+/** MUI's `sm` breakpoint decides the action row's axis: a row from 600px up, a column below. */
+export declare const actionsDirection: (windowWidth: number) => "row" | "column";
+export declare const EmptyState: React.FC<EmptyStateProps>;
+//# sourceMappingURL=EmptyState.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,UAAU,EAAyB,MAAM,sBAAsB,CAAC;AAoB9E,OAAO,KAAK,EAAsB,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAOxG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQpD;AAED,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQ1D;AAED,2FAA2F;AAC3F,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQvD;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAOvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAWrF;AAED,gGAAgG;AAChG,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,KAAG,KAAK,GAAG,QACX,CAAC;AAkGrD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2D/C,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.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,EACV,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAE3B,+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/EmptyState/index.native.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState } from './EmptyState.native';
+export type { EmptyStateAction, EmptyStateBaseProps, EmptyStateHelpLink, EmptyStateProps, EmptyStateVariant, } from './EmptyState.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

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

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

@@ -0,0 +1,43 @@
+import type * as React from 'react';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * Imports no MUI and no react-native, on purpose: it ships in both
+ * declaration outputs. `onRetry` takes no event on either side, so it lives
+ * here; the web adds `className`, the native side a `View`'s own props.
+ */
+export type ErrorStateSeverity = 'error' | 'warning';
+export interface ErrorStateBaseProps {
+    /**
+     * The error message to display
+     */
+    message: string;
+    /**
+     * Optional title for the error state
+     */
+    title?: string;
+    /**
+     * Callback function when retry button is clicked
+     */
+    onRetry?: () => void;
+    /**
+     * Custom label for the retry button
+     * @default 'Retry'
+     */
+    retryLabel?: string;
+    /**
+     * Visual severity of the error
+     * @default 'error'
+     */
+    severity?: ErrorStateSeverity;
+    /**
+     * Optional custom icon to display
+     */
+    icon?: React.ReactNode;
+    /**
+     * Test ID for component testing
+     */
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=ErrorState.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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.base.d.ts

@@ -0,0 +1,65 @@
+import type * as React from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * This file imports no MUI and no react-native, on purpose: it is in BOTH
+ * declaration outputs (`dist/types` and `dist/types-native`), and a native
+ * consumer has no `@mui/material` to resolve a type import against.
+ */
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'text' | 'glass' | 'gradient';
+/**
+ * The contract both renderers honour. 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.
+ */
+export interface ButtonBaseProps {
+    /**
+     * The variant of the button
+     */
+    variant?: ButtonVariant;
+    /**
+     * The color of the button
+     */
+    color?: ColorValue;
+    /**
+     * The size of the button
+     */
+    size?: SizeValue;
+    /**
+     * Whether the button is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Icon to display in the button
+     */
+    icon?: React.ReactNode;
+    /**
+     * Position of the icon
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Whether the button should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the button should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Whether to show ripple effect on click
+     */
+    ripple?: boolean;
+    /**
+     * Whether the button is in active state
+     */
+    active?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    /**
+     * Test ID for testing purposes
+     */
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=Button.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1F;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,10 @@
+import type { ButtonBaseProps } from './Button.base';
+type ButtonDefaultedKeys = 'variant' | 'color' | 'size' | 'loading' | 'iconPosition' | 'glow' | 'pulse' | 'ripple' | 'active';
+/**
+ * Generic over the renderer's own props: the web and the native `Button` pass
+ * different handler types through, and both come back out untouched.
+ */
+type ResolvedButtonProps<P extends ButtonBaseProps> = P & Required<Pick<ButtonBaseProps, ButtonDefaultedKeys>>;
+export declare const resolveButtonProps: <P extends ButtonBaseProps>(props: P) => ResolvedButtonProps<P>;
+export {};
+//# sourceMappingURL=Button.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,KAAK,mBAAmB,GACpB,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,cAAc,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb;;;GAGG;AACH,KAAK,mBAAmB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,GACrD,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAqBvD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,mBAAmB,CAAC,CAAC,CAClB,CAAC"}

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

@@ -0,0 +1,52 @@
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+import type { UiPaletteColor, UiTheme } from '../../../tokens/theme';
+/**
+ * THE NUMBERS BOTH `Button` RENDERERS DRAW WITH.
+ *
+ * `Button.styles.ts` (web, emotion) and `Button.native.tsx` (React Native)
+ * read this one table. The web turns the px into rem and the padding into a
+ * shorthand string; native uses the numbers as they are. Neither restates a
+ * value, which is what keeps a native `md` button 16px tall of padding and
+ * 16px of type exactly like the web one.
+ */
+export interface ButtonSizeMetrics {
+    paddingVertical: number;
+    paddingHorizontal: number;
+    fontSize: number;
+}
+export declare const BUTTON_SIZES: Record<SizeValue, ButtonSizeMetrics>;
+/** A button that is only an icon is square: uniform padding, no min-width. */
+export declare const ICON_ONLY_PADDING: Record<SizeValue, number>;
+export declare const BUTTON_FONT_WEIGHT = 500;
+/** `theme.spacing(1)`. */
+export declare const BUTTON_RADIUS_UNITS = 1;
+/** Between the icon and the label: `theme.spacing(0.5)`. */
+export declare const BUTTON_ICON_GAP_UNITS = 0.5;
+export declare const BUTTON_SPINNER_SIZE = 16;
+/** MUI's `line-height` for button text. */
+export declare const BUTTON_LINE_HEIGHT = 1.75;
+/** The wash behind an outline, ghost or text button while it is hovered or pressed. */
+export declare const BUTTON_WASH_ALPHA = 0.1;
+export declare const GLASS_BACKGROUND_ALPHA = 0.1;
+export declare const GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;
+export declare const GLASS_BORDER_ALPHA = 0.2;
+export declare const GLOW_INNER_ALPHA = 0.6;
+export declare const GLOW_OUTER_ALPHA = 0.3;
+export declare const GLOW_RADIUS = 20;
+export declare const PULSE_ALPHA = 0.3;
+export declare const PULSE_DURATION_MS = 2000;
+export declare const PULSE_SPREAD = 15;
+/**
+ * `neutral` has no palette slot of its own in MUI, so `Button.styles.ts` has
+ * always drawn it from three greys. Same three greys here.
+ */
+export declare function buttonPalette(theme: UiTheme, color: ColorValue): UiPaletteColor;
+/**
+ * The label colour for `ghost` and `text`: one step darker than `main` in
+ * light mode (lighter in dark), because `main` is chosen to sit UNDER white and
+ * is not legible AS text on a tinted surface. See the web `quietInk`.
+ */
+export declare const quietInk: (theme: UiTheme, palette: UiPaletteColor) => string;
+/** Gradients run between two related hues; the named colours pick a specific pair. */
+export declare function gradientStops(theme: UiTheme, color: ColorValue, palette: UiPaletteColor): [string, string];
+//# sourceMappingURL=Button.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.metrics.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAM7D,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,0BAA0B;AAC1B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,4DAA4D;AAC5D,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,2CAA2C;AAC3C,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,uFAAuF;AACvF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,cAAc,CAU/E;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,EAAE,SAAS,cAAc,KAAG,MACc,CAAC;AAElF,sFAAsF;AACtF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,cAAc,GACtB,CAAC,MAAM,EAAE,MAAM,CAAC,CAclB"}

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

@@ -0,0 +1,10 @@
+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, "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;
+    onBlur?: (event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Button.native.d.ts.map

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

@@ -0,0 +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,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/form/Button/Button.types.native.d.ts

@@ -0,0 +1,17 @@
+import type { GestureResponderEvent, NativeSyntheticEvent, PressableProps, StyleProp, TargetedEvent, ViewStyle } from 'react-native';
+import type { ButtonBaseProps } from './Button.base';
+export type { ButtonBaseProps, ButtonVariant } from './Button.base';
+/**
+ * The native `Button`. `onClick` keeps its web name — the 179 call sites in
+ * the origin apps spell it that way and 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 will reach for. Both fire.
+ */
+export type ButtonProps = ButtonBaseProps & Omit<PressableProps, keyof ButtonBaseProps | 'style' | 'onPress' | 'onFocus' | 'onBlur'> & {
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Button.types.native.d.ts.map