@12-apps/ui 6.17.1 → 6.19.0

package/dist/types/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/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/components/data-display/EmptyState/EmptyState.types.d.ts

@@ -1,42 +1,6 @@
-export interface EmptyStateProps {
-    variant?: 'default' | 'illustrated' | 'minimal' | 'action';
-    title: string;
-    description?: string;
-    illustration?: React.ReactNode;
-    primaryAction?: {
-        label: string;
-        onClick: () => void;
-    };
-    secondaryAction?: {
-        label: string;
-        onClick: () => void;
-    };
-    helpLink?: {
-        label: string;
-        href: string;
-        external?: boolean;
-    };
-    /**
-     * Callback for the refresh button
-     * Displays a refresh button in the action area when provided
-     */
-    onRefresh?: () => void;
-    /**
-     * Custom label for the refresh button
-     * @default 'Refresh'
-     */
-    refreshLabel?: string;
-    /**
-     * Callback for the create/add new button
-     * Displays a create button in the action area when provided
-     */
-    onCreate?: () => void;
-    /**
-     * Custom label for the create button
-     * @default 'Create New'
-     */
-    createLabel?: string;
+import type { EmptyStateBaseProps } from './EmptyState.base';
+export type { EmptyStateAction, EmptyStateBaseProps, EmptyStateHelpLink, EmptyStateVariant, } from './EmptyState.base';
+export interface EmptyStateProps extends EmptyStateBaseProps {
     className?: string;
-    dataTestId?: string;
 }
 //# sourceMappingURL=EmptyState.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACvD,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACzD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/D;;;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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

package/dist/types/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/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/components/data-display/ErrorState/ErrorState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,oBAAoB,CAAC;AA+E9E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuDhD,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,oBAAoB,CAAC;AAgF9E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwD/C,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/dist/types/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/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/components/data-display/ErrorState/ErrorState.types.d.ts

@@ -1,38 +1,9 @@
-export type ErrorStateSeverity = 'error' | 'warning';
-export interface ErrorStateProps {
-    /**
-     * 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;
+import type { ErrorStateBaseProps } from './ErrorState.base';
+export type { ErrorStateBaseProps, ErrorStateSeverity } from './ErrorState.base';
+export interface ErrorStateProps extends ErrorStateBaseProps {
     /**
      * Custom className for the container
      */
     className?: string;
-    /**
-     * Test ID for component testing
-     */
-    dataTestId?: string;
 }
 //# sourceMappingURL=ErrorState.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B;;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,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"ErrorState.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEjF,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

package/dist/types/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/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/components/data-display/LoadingState/LoadingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,sBAAsB,CAAC;AAqGhF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBnD,CAAC;AAIH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,sBAAsB,CAAC;AAsGhF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkBnD,CAAC;AAIH,eAAe,YAAY,CAAC"}

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

@@ -1,12 +1,18 @@
-import type { LoadingStateProps, LoadingStateSize } from './LoadingState.types';
+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: 'body2' | 'body1' | 'h6';
+    text: MuiTypeVariantName;
 }>;
-export declare const SKELETON_ROW_HEIGHT: Record<LoadingStateSize, number>;
 type LoadingStateDefaultedKeys = 'variant' | 'size' | 'skeletonRows';
-type ResolvedLoadingStateProps = LoadingStateProps & Required<Pick<LoadingStateProps, LoadingStateDefaultedKeys>>;
-export declare const resolveLoadingStateProps: (props: LoadingStateProps) => ResolvedLoadingStateProps;
+/**
+ * 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
@@ -17,5 +23,5 @@ export declare const makeTestIds: (dataTestId?: string) => {
     optional: (suffix: string) => string | undefined;
     named: (suffix: string) => string;
 };
-export {};
+export type LoadingStateTestIds = ReturnType<typeof makeTestIds>;
 //# sourceMappingURL=LoadingState.helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAC3B,gBAAgB,EAChB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAAE,CAOpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAMhE,CAAC;AAEF,KAAK,yBAAyB,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;AAErE,KAAK,yBAAyB,GAAG,iBAAiB,GAChD,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,yBAAyB,CAAC,CAAC,CAAC;AAe/D,eAAO,MAAM,wBAAwB,GACnC,OAAO,iBAAiB,KACvB,yBACmF,CAAC;AAEvF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM;;uBAE1B,MAAM,KAAG,MAAM,GAAG,SAAS;oBAE9B,MAAM,KAAG,MAAM;CAE/B,CAAC"}
+{"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/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/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/components/data-display/LoadingState/LoadingState.types.d.ts

@@ -1,33 +1,9 @@
-import type { SizeValue } from '../../../tokens/scales';
-export type LoadingStateVariant = 'spinner' | 'skeleton';
-export type LoadingStateSize = SizeValue;
-export interface LoadingStateProps {
-    /**
-     * 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;
+import type { LoadingStateBaseProps } from './LoadingState.base';
+export type { LoadingStateBaseProps, LoadingStateSize, LoadingStateVariant } from './LoadingState.base';
+export interface LoadingStateProps extends LoadingStateBaseProps {
     /**
      * Custom className for the container
      */
     className?: string;
-    /**
-     * Test ID for component testing
-     */
-    dataTestId?: string;
 }
 //# sourceMappingURL=LoadingState.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAEzC,MAAM,WAAW,iBAAiB;IAChC;;;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,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"LoadingState.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LoadingState/LoadingState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAExG,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

package/dist/types/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/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/components/form/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,eAAO,MAAM,MAAM,oGAgElB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,eAAO,MAAM,MAAM,oGAkElB,CAAC"}

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

@@ -1,6 +1,10 @@
-import type { ButtonProps } from './Button.types';
+import type { ButtonBaseProps } from './Button.base';
 type ButtonDefaultedKeys = 'variant' | 'color' | 'size' | 'loading' | 'iconPosition' | 'glow' | 'pulse' | 'ripple' | 'active';
-type ResolvedButtonProps = ButtonProps & Required<Pick<ButtonProps, ButtonDefaultedKeys>>;
-export declare const resolveButtonProps: (props: ButtonProps) => ResolvedButtonProps;
+/**
+ * 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/components/form/Button/Button.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,KAAK,mBAAmB,GACpB,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,cAAc,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,mBAAmB,GAAG,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAqB1F,eAAO,MAAM,kBAAkB,GAAI,OAAO,WAAW,KAAG,mBACiB,CAAC"}
+{"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/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