@12-apps/ui 6.18.0 → 6.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiE9C,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiD9C,CAAC"}

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

@@ -0,0 +1,51 @@
+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.
+ *
+ * This is the web's painted result, not its declared intent, and two of its
+ * rules are worth knowing before reaching for them:
+ *
+ * - `padding="none"` paints the default. The web reads its map with `||`, so
+ *   `none`'s 0 falls through to `md`.
+ * - `variant="padded"` paints the same inset as `default`. The web declares its
+ *   {@link CONTAINER_PADDED_VERTICAL_UNITS} above and below BEFORE the
+ *   `padding` shorthand, which therefore overrides them.
+ *
+ * Both renderers read this one function so they agree today; either fix is a
+ * change to the web's emitted CSS and to this function, made together.
+ */
+export declare function containerPaddingUnits(padding: ContainerPadding | string, compact: boolean): number;
+//# sourceMappingURL=Container.metrics.d.ts.map

package/dist/types/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;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAIlG"}

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

@@ -1,11 +1,7 @@
 import type { ContainerProps as MuiContainerProps } from '@mui/material/Container/index.js';
-import type { ReactNode } from 'react';
-export interface ContainerProps extends Omit<MuiContainerProps, 'maxWidth'> {
-    children: ReactNode;
-    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false | string;
-    variant?: 'default' | 'fluid' | 'centered' | 'padded';
-    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    responsive?: boolean;
-    dataTestId?: string;
+import type { ContainerBaseProps } from './Container.base';
+export type { ContainerBaseProps, ContainerMaxWidth, ContainerPadding, ContainerVariant } from './Container.base';
+/** The web `Container`: the shared contract, plus whatever MUI's `Container` accepts that it does not already name. */
+export interface ContainerProps extends ContainerBaseProps, Omit<MuiContainerProps, keyof ContainerBaseProps> {
 }
 //# sourceMappingURL=Container.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC7D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElH,uHAAuH;AACvH,MAAM,WAAW,cACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;CAAG"}