@12-apps/ui 6.17.1 → 6.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAkBtE,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAgBD,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,YAsB/D,CAAC;AAyCF,gFAAgF;AAChF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,UAAU,OAAO,KAAG,SACK,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,SAoBjD,CAAC;AAkGH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,EACZ,SAAS,MAAM,GAAG,SAAS,EAC3B,SAAS,YAAY,EACrB,OAAO,MAAM,KACZ,SAAyE,CAAC;AAkC7E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,SAAS,YAAY,EACrB,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAGD,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAqBtE,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAgBD,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,YAsB/D,CAAC;AAsCF,gFAAgF;AAChF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,UAAU,OAAO,KAAG,SACK,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,SAoBjD,CAAC;AAkGH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,EACZ,SAAS,MAAM,GAAG,SAAS,EAC3B,SAAS,YAAY,EACrB,OAAO,MAAM,KACZ,SAAyE,CAAC;AAkC7E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,SAAS,YAAY,EACrB,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAGD,CAAC"}

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

@@ -1,47 +1,8 @@
-import type { ColorValue, SizeValue } from '../../../tokens/scales';
 import type { ButtonProps as MuiButtonProps } from '@mui/material/Button/index.js';
 import type * as React from 'react';
-export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' | 'size'> {
-    /**
-     * The variant of the button
-     */
-    variant?: 'solid' | 'outline' | 'ghost' | 'text' | 'glass' | 'gradient';
-    /**
-     * 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;
+import type { ButtonBaseProps } from './Button.base';
+export type { ButtonBaseProps, ButtonVariant } from './Button.base';
+export interface ButtonProps extends ButtonBaseProps, Omit<MuiButtonProps, 'variant' | 'color' | 'size' | keyof ButtonBaseProps> {
     /**
      * Click handler
      */
@@ -54,9 +15,5 @@ export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' |
      * Blur handler
      */
     onBlur?: React.FocusEventHandler<HTMLButtonElement>;
-    /**
-     * Test ID for testing purposes
-     */
-    dataTestId?: string;
 }
 //# sourceMappingURL=Button.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACrF;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAExE;;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;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAEpD;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,WACf,SAAQ,eAAe,EACrB,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,eAAe,CAAC;IAC5E;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD"}

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

@@ -1,3 +1,3 @@
 export { Button } from './Button';
-export type { ButtonProps } from './Button.types';
+export type { ButtonBaseProps, ButtonProps, ButtonVariant } from './Button.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/components/layout/Box/Box.base.d.ts

@@ -0,0 +1,60 @@
+import type * as React from 'react';
+import type { UiPaletteKey, UiTheme } from '../../../tokens/theme';
+/**
+ * THE LAYOUT PRIMITIVE BOTH RENDERERS SHARE.
+ *
+ * Half of every screen in the origin apps is `@12-apps/ui/mui/Box` with an `sx`
+ * — raw MUI, which no native renderer can ever answer to. This `Box` is the
+ * one a screen meant for both platforms writes instead: a fixed set of layout
+ * props on the spacing scale, resolved by `box-layout.ts` into the same
+ * numbers on each side. `p={2}` is 16px on the web and 16dp on native, because
+ * both are `theme.spacing(2)`.
+ *
+ * Spacing props are in SPACING UNITS, exactly as MUI's own `Box` reads them.
+ */
+export type BoxDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+export type BoxAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type BoxJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type BoxBackground = 'default' | 'paper' | 'transparent' | UiPaletteKey;
+export type BoxRadius = keyof UiTheme['radius'];
+/** What both renderers accept as a size: px, a percentage, or `auto`. */
+export type BoxDimension = number | 'auto' | `${number}%`;
+export interface BoxSpacingProps {
+    p?: number;
+    px?: number;
+    py?: number;
+    pt?: number;
+    pr?: number;
+    pb?: number;
+    pl?: number;
+    m?: number;
+    mx?: number;
+    my?: number;
+    mt?: number;
+    mr?: number;
+    mb?: number;
+    ml?: number;
+    /** Between children. Setting it makes the box a flex container. */
+    gap?: number;
+}
+export interface BoxBaseProps extends BoxSpacingProps {
+    children?: React.ReactNode;
+    /** Setting any of these four makes the box a flex container. */
+    direction?: BoxDirection;
+    align?: BoxAlign;
+    justify?: BoxJustify;
+    wrap?: boolean;
+    flex?: number;
+    /** A surface, `transparent`, or a palette slot's main colour. */
+    bg?: BoxBackground;
+    radius?: BoxRadius;
+    /** A 1px border in the theme's divider colour. */
+    bordered?: boolean;
+    width?: BoxDimension;
+    height?: BoxDimension;
+    testID?: string;
+    dataTestId?: string;
+}
+/** Every prop {@link BoxBaseProps} owns, so a renderer can split them from its own. */
+export declare const BOX_BASE_KEYS: readonly ["p", "px", "py", "pt", "pr", "pb", "pl", "m", "mx", "my", "mt", "mr", "mb", "ml", "gap", "direction", "align", "justify", "wrap", "flex", "bg", "radius", "bordered", "width", "height", "testID", "dataTestId"];
+//# sourceMappingURL=Box.base.d.ts.map

package/dist/types/components/layout/Box/Box.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/Box.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEnE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAC/E,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACtF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,YAAY,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,CAAC;AAChD,yEAAyE;AACzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,4NAK4C,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type BoxLayout } from './box-layout';
+import type { BoxProps } from './Box.types';
+export declare function layoutToSx(layout: BoxLayout): Record<string, string | number>;
+/**
+ * The web `Box`: MUI's, with the neutral layout props resolved into `sx` ahead
+ * of whatever `sx` the caller adds — so the caller's escape hatch still wins.
+ */
+export declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkB5C,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAO7E;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG,8FAiBf,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { BoxProps as MuiBoxProps } from '@mui/material/Box/index.js';
+import { BOX_BASE_KEYS, type BoxBaseProps } from './Box.base';
+export type { BoxAlign, BoxBackground, BoxBaseProps, BoxDimension, BoxDirection, BoxJustify, BoxRadius, BoxSpacingProps, } from './Box.base';
+export { BOX_BASE_KEYS } from './Box.base';
+/**
+ * The web `Box`: the neutral props, plus whatever MUI's `Box` accepts that they
+ * do not already name. `sx` stays available — it is the web's escape hatch and
+ * the reason nothing a web screen does today has to change.
+ */
+export type BoxProps = BoxBaseProps & Omit<MuiBoxProps, (typeof BOX_BASE_KEYS)[number] | 'children'>;
+//# sourceMappingURL=Box.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC"}

package/dist/types/components/layout/Box/box-layout.d.ts

@@ -0,0 +1,42 @@
+import { BOX_BASE_KEYS, type BoxBaseProps, type BoxDimension } from './Box.base';
+import type { UiTheme } from '../../../tokens/theme';
+/**
+ * The resolved style, in React Native's property names.
+ *
+ * They are also valid CSS-in-JS names, and every number is px on the web and
+ * dp on native, so ONE resolver feeds both `Box.tsx` (into `sx`) and
+ * `Box.native.tsx` (into `style`). That is the alignment guarantee: there is no
+ * second table of numbers for the native side to drift from.
+ */
+export interface BoxLayout {
+    display?: 'flex';
+    flexDirection?: BoxBaseProps['direction'];
+    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    flexWrap?: 'wrap';
+    flex?: number;
+    gap?: number;
+    paddingTop?: number;
+    paddingRight?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    backgroundColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderStyle?: 'solid';
+    borderColor?: string;
+    width?: BoxDimension;
+    height?: BoxDimension;
+}
+/** The style for a box's neutral props. Unset props produce no key at all. */
+export declare function resolveBoxLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout;
+/** The neutral props on one side, everything else — the renderer's own — on the other. */
+export declare function splitBoxProps<P extends BoxBaseProps>(props: P): {
+    layout: BoxBaseProps;
+    rest: Omit<P, (typeof BOX_BASE_KEYS)[number]>;
+};
+//# sourceMappingURL=box-layout.d.ts.map

package/dist/types/components/layout/Box/box-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-layout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/box-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,KAAK,YAAY,EAAE,KAAK,YAAY,EAAmB,MAAM,YAAY,CAAC;AACjH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3E,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AA0FD,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAE/E;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,CAAC,SAAS,YAAY,EAClD,KAAK,EAAE,CAAC,GACP;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,CAWzE"}

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

@@ -0,0 +1,5 @@
+export { Box } from './Box';
+export type { BoxAlign, BoxBackground, BoxBaseProps, BoxDimension, BoxDirection, BoxJustify, BoxProps, BoxRadius, BoxSpacingProps, } from './Box.types';
+export { resolveBoxLayout } from './box-layout';
+export type { BoxLayout } from './box-layout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,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"}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8DxC,CAAC"}
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BxC,CAAC"}

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

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

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

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

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

@@ -1,12 +1,7 @@
-import type { SizeValue } from '../../../tokens/scales';
-export type SpacerSize = SizeValue;
-export type SpacerDirection = 'horizontal' | 'vertical' | 'both';
-export interface SpacerProps {
-    size?: SpacerSize;
-    direction?: SpacerDirection;
-    width?: number | string;
-    height?: number | string;
-    flex?: boolean;
+import type { SpacerBaseProps } from './Spacer.base';
+export type { SpacerBaseProps, SpacerDimension, SpacerDirection, SpacerSize } from './Spacer.base';
+/** The web `Spacer`: the shared contract, plus the DOM's class hook and its own test-id spelling. */
+export interface SpacerProps extends SpacerBaseProps {
     className?: string;
     'data-testid'?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Spacer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AACnC,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Spacer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEnG,qGAAqG;AACrG,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

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

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

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

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

package/dist/types/components/layout/Stack/Stack.base.d.ts

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+import type { BoxBaseProps } from '../Box/Box.base';
+/**
+ * A `Box` that is always a flex container, with an optional divider between
+ * children — MUI's `Stack`, on the neutral prop set. `direction` defaults to
+ * `column` and `gap` to `0`, as MUI's does.
+ */
+export interface StackBaseProps extends Omit<BoxBaseProps, 'direction'> {
+    direction?: 'row' | 'column';
+    /** Rendered between every pair of children. */
+    divider?: React.ReactNode;
+}
+//# sourceMappingURL=Stack.base.d.ts.map

package/dist/types/components/layout/Stack/Stack.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/Stack.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { StackProps } from './Stack.types';
+export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,KAAK,gGAMjB,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { StackBaseProps } from './Stack.base';
+import type { BoxProps } from '../Box/Box.types';
+export type { StackBaseProps } from './Stack.base';
+export type StackProps = StackBaseProps & Omit<BoxProps, keyof StackBaseProps>;
+//# sourceMappingURL=Stack.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,cAAc,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Stack } from './Stack';
+export type { StackBaseProps, StackProps } from './Stack.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/components/layout/Stack/with-dividers.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+/** The children with `divider` cloned between each adjacent pair. */
+export declare function withDividers(children: React.ReactNode, divider: React.ReactNode | undefined): React.ReactNode;
+//# sourceMappingURL=with-dividers.d.ts.map

package/dist/types/components/layout/Stack/with-dividers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-dividers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/with-dividers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,qEAAqE;AACrE,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,GACnC,KAAK,CAAC,SAAS,CAQjB"}