@12-apps/ui 6.18.0 → 6.19.0

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

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

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

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

package/dist/types/components/typography/Heading/Heading.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
 import type { HeadingProps } from './Heading.types';
 /**
- * The rank and the size were ALREADY independent in here — `TAG_FOR_LEVEL[level]`
- * and `customLevel={level}` are two separate derivations from one prop. The
- * component just never let a caller set them apart, so anyone who needed an
- * `h1` at a smaller size had to reach around the component and restyle it.
- * `size` is that seam, exposed: it defaults to `level`, so nothing that exists
- * renders differently.
+ * The rank and the size were ALREADY independent in here — the tag and the
+ * `customSize` are two separate derivations from one prop. The component just
+ * never let a caller set them apart, so anyone who needed an `h1` at a smaller
+ * size had to reach around the component and restyle it. `size` is that seam,
+ * exposed: it defaults to `level`, so nothing that exists renders differently.
+ *
+ * Which tag each level renders is `HEADING_RANK` in the shared metrics (the
+ * native `Heading` announces the same number as `aria-level`); `display` is a
+ * size, not a rank, so it uses the h1 element.
  */
 export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 //# sourceMappingURL=Heading.d.ts.map

package/dist/types/components/typography/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAqCpD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,yFAoBnB,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuBpD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,yFAiCnB,CAAC"}

package/dist/types/components/typography/Heading/Heading.metrics.d.ts

@@ -0,0 +1,52 @@
+import type { HeadingWeight } from './Heading.base';
+import { type HeadingLevel } from '../../../tokens/heading-scale';
+import { type UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.
+ *
+ * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the
+ * web reads it through the MUI theme's `headingScale` overrides, native
+ * through `UiTheme.typography.heading`). What lives here is everything ELSE
+ * `Heading.styles.ts` used to declare inline: the weight table, the defaults,
+ * the rank each level announces, and the gradient's angle and stops.
+ */
+export declare const HEADING_WEIGHTS: Record<HeadingWeight, number>;
+export declare const HEADING_DEFAULT_LEVEL: HeadingLevel;
+export declare const HEADING_DEFAULT_WEIGHT: HeadingWeight;
+export declare const HEADING_DEFAULT_COLOR: ColorValue;
+export type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * The outline rank each level announces — the tag on the web, `aria-level` on
+ * native. `display` is a SIZE, not a rank, so it is an h1: the document still
+ * gets one level-one heading rather than an unnamed tag outside the outline.
+ */
+export declare const HEADING_RANK: Record<HeadingLevel, HeadingRank>;
+/** A step name the scale actually has, or the documented default (`h2`). */
+export declare const stepOf: (value: string | undefined) => HeadingLevel;
+/**
+ * The weight a heading draws: `normal` is the weight the step was designed to
+ * carry (heavier as the step gets larger), anything else its table entry, and
+ * a name outside the vocabulary the default — as `Heading.styles.ts` has
+ * always fallen back.
+ */
+export declare function headingWeight(weight: string, normalWeight: number): number;
+/** The gradient runs corner to corner. */
+export declare const HEADING_GRADIENT_ANGLE = 135;
+/**
+ * `neutral` has no light/dark pair, so its gradient runs between two steps of
+ * the grey ramp.
+ */
+export declare const NEUTRAL_GRADIENT_STEPS: {
+    readonly from: 500;
+    readonly to: 900;
+};
+/** The CSS the web paints the glyphs with, from the two stops. */
+export declare const headingGradient: (from: string, to: string) => string;
+/**
+ * The two stops each colour paints its glyphs with, read off a `UiTheme`. The
+ * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs
+ * are the same, and `Heading.native.test.tsx` asserts as much.
+ */
+export declare function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string];
+//# sourceMappingURL=Heading.metrics.d.ts.map

package/dist/types/components/typography/Heading/Heading.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAgB,CAAC;AAE3E,eAAO,MAAM,qBAAqB,EAAE,YAAmB,CAAC;AACxD,eAAO,MAAM,sBAAsB,EAAE,aAAsB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,EAAE,UAAsB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,WAAW,CAQ1D,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,MAAM,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,YAC8C,CAAC;AAIlG;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAG1E;AAED,0CAA0C;AAC1C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;CAAkC,CAAC;AAEtE,kEAAkE;AAClE,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,EAAE,IAAI,MAAM,KAAG,MACc,CAAC;AAE1E;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAWxF"}

package/dist/types/components/typography/Heading/Heading.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAItE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AA8DzD,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,OAAO,YAAY,KAAG,SAgC7D,CAAC"}
+{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAWtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AA0DzD,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,OAAO,YAAY,KAAG,SA+B7D,CAAC"}

package/dist/types/components/typography/Heading/Heading.types.d.ts

@@ -1,43 +1,13 @@
-import type { HeadingLevel } from '../../../tokens/typography';
-import type { ColorValue } from '../../../tokens/scales';
 import type React from 'react';
+import type { HeadingBaseProps } from './Heading.base';
 /**
- * Re-exported, not re-declared. It was spelled out here AND (as `Level`) inside
- * `Heading.styles.ts`, so the union and the metrics table were two lists nothing
- * kept in step — the failure `tokens/scales.ts` was written to end.
+ * Re-exported, not re-declared. `HeadingLevel` was spelled out here AND (as
+ * `Level`) inside `Heading.styles.ts`, so the union and the metrics table were
+ * two lists nothing kept in step — the failure `tokens/scales.ts` was written
+ * to end.
  */
-export type { HeadingLevel };
-export interface HeadingProps extends React.HTMLAttributes<globalThis.HTMLHeadingElement> {
-    /**
-     * The heading's RANK — which tag it renders and where it sits in the document
-     * outline. Not its size; see {@link HeadingProps.size}.
-     */
-    level?: HeadingLevel;
-    /**
-     * The step of the type scale to DRAW, when it differs from the rank. Defaults
-     * to `level`, so every call written before this prop existed renders exactly
-     * as it did.
-     *
-     * It exists because `level` used to do three jobs at once — pick the tag, set
-     * the outline rank, set the font size — with no way to separate them. A page
-     * title is an `h1` to a screen reader whatever it looks like, and a dense
-     * screen may not want it drawn at the rank's size. Before this the only way to
-     * say that was to override the component's CSS from outside, which each
-     * consuming app ended up doing in its own dialect.
-     *
-     * ```tsx
-     * <Heading level="h1" size="h3">Visão geral</Heading>
-     * ```
-     *
-     * Reach for it when the two genuinely differ for ONE heading. If a whole
-     * product wants a different scale, set `typography.headingScale` on the theme
-     * instead — that is the knob for "our headings are smaller", and this is the
-     * one for "this heading is".
-     */
-    size?: HeadingLevel;
-    color?: ColorValue;
-    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
-    gradient?: boolean;
-    children: React.ReactNode;
+export type { HeadingBaseProps, HeadingLevel, HeadingWeight } from './Heading.base';
+/** The web `Heading`: the shared contract, plus everything an `<h1>`…`<h6>` accepts. */
+export interface HeadingProps extends HeadingBaseProps, Omit<React.HTMLAttributes<globalThis.HTMLHeadingElement>, 'color' | 'children'> {
 }
 //# sourceMappingURL=Heading.types.d.ts.map

package/dist/types/components/typography/Heading/Heading.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,kBAAkB,CAAC;IACvF;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
+{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;;;;GAKG;AACH,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpF,wFAAwF;AACxF,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG"}

package/dist/types/components/typography/Heading/index.d.ts

@@ -1,3 +1,3 @@
 export { Heading } from './Heading';
-export type { HeadingLevel, HeadingProps } from './Heading.types';
+export type { HeadingBaseProps, HeadingLevel, HeadingProps, HeadingWeight } from './Heading.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/typography/Heading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAC,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/components/typography/Paragraph/Paragraph.base.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH `Paragraph` RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here, on purpose: this file ships in both
+ * declaration outputs (`dist/types` and `dist/types-native`), and a native
+ * consumer has no `@mui/material` to resolve a type import against. The web
+ * adds a `<p>`'s attributes in `Paragraph.types.ts`; the native side adds a
+ * react-native `Text`'s props in `Paragraph.types.native.ts`.
+ */
+export type ParagraphVariant = 'default' | 'lead' | 'muted' | 'small';
+export interface ParagraphBaseProps {
+    /** `lead` is larger and looser, `muted` faded, `small` a step down — all at the default size. */
+    variant?: ParagraphVariant;
+    /** Ignored by `muted` and `small`, which always paint the secondary ink. */
+    color?: ColorValue;
+    size?: SizeValue;
+    children: React.ReactNode;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Paragraph.base.d.ts.map

package/dist/types/components/typography/Paragraph/Paragraph.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/Paragraph.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;;;GAQG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,kBAAkB;IACjC,iGAAiG;IACjG,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/typography/Paragraph/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAgFxD,eAAO,MAAM,SAAS,6FAYrB,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAqFxD,eAAO,MAAM,SAAS,6FAmBrB,CAAC"}

package/dist/types/components/typography/Paragraph/Paragraph.metrics.d.ts

@@ -0,0 +1,30 @@
+import type { UiTypeStep } from '../../../tokens/theme';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Paragraph` RENDERERS DRAW WITH.
+ *
+ * `Paragraph.tsx` used to hold these as rem strings inside its styled
+ * callback, and `Paragraph.native.tsx` would have held them again as numbers.
+ * Now there is one table, in px, and the web derives its rem from it (`px()`
+ * in the theme). Ratios and `em` values stay relative; the native side
+ * multiplies them out because React Native's `lineHeight`, `letterSpacing` and
+ * margins are absolute.
+ *
+ * NOT `TYPE_SIZES`: a paragraph is set looser than `Text`'s body scale (1.6
+ * against 1.5 at `md`), because it is read in runs of lines rather than as a
+ * label. The font sizes are the same five steps.
+ */
+export declare const PARAGRAPH_SIZES: Record<SizeValue, UiTypeStep>;
+export declare const PARAGRAPH_FONT_WEIGHT = 400;
+/** `margin: 0 0 1em 0` — one line of its own type below each paragraph. */
+export declare const PARAGRAPH_MARGIN_BOTTOM_EM = 1;
+/** The `lead` variant: a step up at the default size, looser leading and tracking. */
+export declare const LEAD_FONT_SIZE = 18;
+export declare const LEAD_LINE_HEIGHT = 1.7;
+export declare const LEAD_LETTER_SPACING_EM = 0.01;
+/** The `muted` variant: the secondary ink, faded further. */
+export declare const MUTED_OPACITY = 0.8;
+/** The `small` variant: a step down at the default size, on the secondary ink. */
+export declare const SMALL_FONT_SIZE = 14;
+export declare const SMALL_LINE_HEIGHT = 1.5;
+//# sourceMappingURL=Paragraph.metrics.d.ts.map

package/dist/types/components/typography/Paragraph/Paragraph.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/Paragraph.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAMzD,CAAC;AAEF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,2EAA2E;AAC3E,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAE5C,sFAAsF;AACtF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,6DAA6D;AAC7D,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,kFAAkF;AAClF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,MAAM,CAAC"}

package/dist/types/components/typography/Paragraph/Paragraph.types.d.ts

@@ -1,10 +1,7 @@
-import type { ColorValue, SizeValue } from '../../../tokens/scales';
 import type React from 'react';
-export type ParagraphVariant = 'default' | 'lead' | 'muted' | 'small';
-export interface ParagraphProps extends React.HTMLAttributes<globalThis.HTMLParagraphElement> {
-    variant?: ParagraphVariant;
-    color?: ColorValue;
-    size?: SizeValue;
-    children: React.ReactNode;
+import type { ParagraphBaseProps } from './Paragraph.base';
+export type { ParagraphBaseProps, ParagraphVariant } from './Paragraph.base';
+/** The web `Paragraph`: the shared contract, plus everything a `<p>` accepts. */
+export interface ParagraphProps extends ParagraphBaseProps, Omit<React.HTMLAttributes<globalThis.HTMLParagraphElement>, 'color' | 'children'> {
 }
 //# sourceMappingURL=Paragraph.types.d.ts.map

package/dist/types/components/typography/Paragraph/Paragraph.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/Paragraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,oBAAoB,CAAC;IAC3F,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
+{"version":3,"file":"Paragraph.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/Paragraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,iFAAiF;AACjF,MAAM,WAAW,cACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG"}

package/dist/types/components/typography/Paragraph/index.d.ts

@@ -1,3 +1,3 @@
 export { Paragraph } from './Paragraph';
-export type { ParagraphProps } from './Paragraph.types';
+export type { ParagraphBaseProps, ParagraphProps, ParagraphVariant } from './Paragraph.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/typography/Paragraph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Paragraph/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/typography/Paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/platform/aria.d.ts

@@ -0,0 +1,29 @@
+/**
+ * ARIA ATTRIBUTES REACT NATIVE DOES NOT DECLARE.
+ *
+ * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:
+ * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.
+ * react-native-web forwards all three to the DOM — and `aria-level` also
+ * picks the heading tag, so a `role="heading"` at level 3 renders an `<h3>`
+ * exactly as the MUI half's `component="h3"` does — while a device ignores
+ * them. A native component spreads them through here rather than widening
+ * the element's props type or casting at every call site.
+ */
+export interface WebAria {
+    'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;
+    'aria-atomic'?: 'true' | 'false';
+    'aria-describedby'?: string;
+}
+/**
+ * `attrs` as something JSX can spread onto a react-native element without
+ * that element's props type having to know them.
+ *
+ * `aria-atomic` travels under react-native-web's own older name. Its
+ * `createDOMProps` (0.20.0) reads `aria-activedescendant` where it means
+ * `aria-atomic` — `_ariaAtomic = ariaAtomic != null ? ariaActiveDescendant :
+ * accessibilityAtomic` — so the modern spelling never reaches the DOM and
+ * the legacy one, still accepted and still emitted as `aria-atomic`, does.
+ * Neither name exists on a device, so nothing is lost there.
+ */
+export declare function webAria(attrs: WebAria): object;
+//# sourceMappingURL=aria.d.ts.map

package/dist/types/platform/aria.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.d.ts","sourceRoot":"","sources":["../../../src/platform/aria.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,OAAO;IACtB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAG9C"}

package/dist/types/platform/text-children.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { type TextStyle } from 'react-native';
+export declare function renderTextChildren(children: React.ReactNode, style: TextStyle, 
+/** Passed to each run, for a surface that clips rather than wraps (a button label). */
+numberOfLines?: number): React.ReactNode;
+//# sourceMappingURL=text-children.d.ts.map

package/dist/types/platform/text-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-children.d.ts","sourceRoot":"","sources":["../../../src/platform/text-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAoC9D,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,EAAE,SAAS;AAChB,uFAAuF;AACvF,aAAa,CAAC,EAAE,MAAM,GACrB,KAAK,CAAC,SAAS,CAyBjB"}

package/dist/types/tokens/mui-type.d.ts

@@ -0,0 +1,42 @@
+import type { UiTheme } from './theme';
+/**
+ * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.
+ *
+ * Several web components render a title or a message BY NAME —
+ * `<Typography variant="h6">` — and let MUI's theme turn the name into a
+ * size. The native halves have no MUI theme, so they need the numbers MUI's
+ * `createTypography` produces for those names. These are those numbers, for
+ * the variants the ported components use: `fontSize` in px, `lineHeight` as
+ * a ratio, `letterSpacing` in em exactly as MUI rounds it
+ * (`round(letterSpacing / size)`, five decimals).
+ *
+ * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web
+ * halves and not these; each component that reads this records that as a
+ * known gap in its `NATIVE-NOTES.md`.
+ */
+export type MuiTypeVariantName = 'h6' | 'body1' | 'body2';
+export interface MuiTypeVariant {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: 400 | 500;
+    letterSpacingEm: number;
+}
+export declare const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant>;
+/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */
+export declare const MUI_FONT_WEIGHT_MEDIUM = 500;
+/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */
+export interface MuiTypeStyle {
+    fontFamily: string | undefined;
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: `${MuiTypeVariant['fontWeight']}`;
+    letterSpacing: number;
+}
+/**
+ * The variant as absolute numbers, in the theme's font. `fontSize` may be
+ * overridden — the Alert's title is `body1` at 1.05rem — and the ratios
+ * follow it, which is what the browser does with `em` and a unitless
+ * line-height.
+ */
+export declare function muiTypeStyle(theme: Pick<UiTheme, 'typography'>, variant: MuiTypeVariantName, fontSize?: number): MuiTypeStyle;
+//# sourceMappingURL=mui-type.d.ts.map

package/dist/types/tokens/mui-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mui-type.d.ts","sourceRoot":"","sources":["../../../src/tokens/mui-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAI/D,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,mGAAmG;AACnG,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;IAC9C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,EAClC,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,GAAE,MAAmC,GAC5C,YAAY,CASd"}