@12-apps/ui 6.17.1 → 6.18.0

package/dist/types/tokens/vocabulary.d.ts

@@ -0,0 +1,117 @@
+/**
+ * THE TWO VOCABULARIES EVERY COMPONENT SPEAKS.
+ *
+ * Before this file the package had both halves of every argument at once: 26
+ * components sized themselves `xs|sm|md|lg|xl` and four used MUI's
+ * `small|medium|large`; 14 coloured themselves `danger|neutral` and 15 used
+ * MUI's `error`. Nothing enforced either, because most of these props were
+ * spelled out as inline unions and a couple were plain `string`.
+ *
+ * That is not a tidiness problem. A caller learns the vocabulary from whichever
+ * component they used first, and the wrong half is not rejected — it reaches MUI
+ * as an unknown value and silently falls back. `Chip` shipped with `color?:
+ * string` and MUI's `small|medium`, so `color="danger"` rendered grey and
+ * `size="sm"` rendered medium; twelve live call sites were doing exactly that,
+ * and every test passed because they all asserted on text.
+ *
+ * So the vocabulary is declared once, here, and components derive from it.
+ *
+ * DERIVE, DON'T COPY — AND TAKE THE WHOLE VOCABULARY. Every size prop is
+ * `SizeValue` and every colour prop is `ColorValue`, with no `Extract` and no
+ * `Exclude`. Handing a component a slice was tried and undone: it is the same
+ * fragmentation wearing the canonical type's name, and it leaves a caller having
+ * to remember which components accept `xs` and which accept `info`. Where the
+ * underlying widget draws fewer steps than five, that is a rendering detail and
+ * belongs at the MUI boundary below — not in the prop's type.
+ *
+ * A component whose size or colour is not this concept at all keeps its own type
+ * — `Scrollbar`'s `thin|medium|thick` is a track width, `Sheet`'s `full` is a
+ * viewport fraction, `LazyImage`'s size is pixels. Forcing those into the scale
+ * would be consistency for its own sake.
+ */
+/**
+ * The house size scale.
+ *
+ * Abbreviated, because that is what 26 of the 30 components with a real size
+ * already used and what every caller has been taught to write.
+ *
+ * Declared as the array and the type together so the two cannot disagree. The
+ * runtime list is what Storybook `argTypes.options` and the demo grids iterate;
+ * spelled by hand in each story it drifts, and it had — twelve colour lists
+ * omitted `info`, so the control that documents the vocabulary offered a
+ * component less than the component accepted.
+ */
+/**
+ * The type scale is the THIRD vocabulary, and it lives in `./typography.ts`
+ * because it is metrics rather than a prop union. Re-exported here so
+ * `@12-apps/ui/tokens` stays the one import path for "what words does this
+ * package speak" — a second entry point is how a vocabulary gets missed.
+ */
+export { HEADING_LEVELS, HEADING_SCALE, type HeadingLevel, type HeadingMetrics, type HeadingScaleOverrides, } from './heading-scale';
+export type SizeValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const SIZE_VALUES: readonly ["xs", "sm", "md", "lg", "xl"];
+/**
+ * The house colour vocabulary.
+ *
+ * `danger` and `neutral` are OURS; the rest are MUI's own names already. That
+ * sentence started life in `Button.tsx`, which is the component most callers
+ * meet first and therefore the one that taught the vocabulary — so it is the one
+ * the rest of the package follows.
+ *
+ * Components that hand these to MUI translate at the boundary (`danger` →
+ * `error`, `neutral` → `default` or `inherit` depending on what the underlying
+ * component calls its unaccented state). The translation must be a real mapping
+ * and never a cast: a cast is precisely what let `danger` through untouched and
+ * had MUI fall back to grey.
+ *
+ * Array and type declared together, for the reason given on {@link SIZE_VALUES}.
+ */
+export type ColorValue = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'danger' | 'neutral';
+export declare const COLOR_VALUES: readonly ["primary", "secondary", "success", "warning", "info", "danger", "neutral"];
+/** What MUI calls a size. Three entries against our five. */
+export type MuiSize = 'small' | 'medium' | 'large';
+/**
+ * The house scale collapsed onto MUI's three.
+ *
+ * Five onto three loses information, and it loses it at the ends on purpose:
+ * `xs`/`sm` both draw small and `lg`/`xl` both draw large, because MUI has no
+ * fourth and fifth step to give them. A component that genuinely needs five
+ * distinct sizes styles them itself rather than routing through here — this is
+ * for the ones that just forward the prop.
+ */
+export declare const muiSize: (size: SizeValue) => MuiSize;
+/** What MUI calls a semantic colour on most components. */
+export type MuiColor = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';
+/**
+ * The house vocabulary translated for MUI, with the caller naming its neutral.
+ *
+ * `neutral` is the awkward one: MUI spells the unaccented state `default` on a
+ * chip, `inherit` on a button and an icon button, and `grey` in the palette. So
+ * the caller passes the word its own MUI component uses rather than this
+ * pretending there is one answer.
+ *
+ * A MAPPING, NEVER A CAST. The cast is what let `danger` reach MUI untouched and
+ * silently fall back to grey.
+ */
+export declare function muiColor<N extends string>(color: ColorValue, neutralAs: N): MuiColor | N;
+/**
+ * The house vocabulary as a `theme.palette` key.
+ *
+ * Separate from {@link muiColor} because the palette has no `default` and no
+ * `inherit` — an unaccented colour there is `grey`.
+ */
+export type PaletteKey = MuiColor | 'grey';
+export declare const paletteKey: (color: ColorValue) => PaletteKey;
+/**
+ * A `ColorValue` resolved to a four-stop accent from the theme.
+ *
+ * `paletteKey` is not enough on its own for anything that reads `.main`: MUI's
+ * palette has no neutral `PaletteColor`, and `palette.grey` is a 50–900 ramp
+ * with no `main`, `light`, `dark` or `contrastText` on it at all. So `neutral`
+ * is resolved from the ramp here, once, instead of every component discovering
+ * the same hole and branching around it.
+ *
+ * Typed against the theme structurally so this file does not drag in MUI's
+ * `Theme` and become a dependency of everything that imports a token.
+ */
+//# sourceMappingURL=vocabulary.d.ts.map

package/dist/types/tokens/vocabulary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vocabulary.d.ts","sourceRoot":"","sources":["../../../src/tokens/vocabulary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;;;;;;;;GAWG;AACH;;;;;GAKG;AACH,OAAO,EACL,cAAc,EACd,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,eAAO,MAAM,WAAW,yCAAyE,CAAC;AAElG;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,eAAO,MAAM,YAAY,sFAQiB,CAAC;AAmC3C,6DAA6D;AAC7D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,SAAS,KAAG,OAGzC,CAAC;AAEF,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,CAGxF;AAED;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,UACsB,CAAC;AAEtE;;;;;;;;;;;GAWG"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+export declare const Button: React.ForwardRefExoticComponent<import("./Button.base").ButtonBaseProps & Omit<import("react-native").PressableProps, keyof import("./Button.base").ButtonBaseProps | "style" | "onPress" | "onFocus" | "onBlur"> & {
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    onFocus?: (event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void;
+    onBlur?: (event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Button.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAsQtB,eAAO,MAAM,MAAM;;;;;;8BA6CjB,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { GestureResponderEvent, NativeSyntheticEvent, PressableProps, StyleProp, TargetedEvent, ViewStyle } from 'react-native';
+import type { ButtonBaseProps } from './Button.base';
+export type { ButtonBaseProps, ButtonVariant } from './Button.base';
+/**
+ * The native `Button`. `onClick` keeps its web name — the 179 call sites in
+ * the origin apps spell it that way and a shared screen should not have to
+ * know which renderer it is on — and `onPress` is accepted too, because that is
+ * what a React Native developer will reach for. Both fire.
+ */
+export type ButtonProps = ButtonBaseProps & Omit<PressableProps, keyof ButtonBaseProps | 'style' | 'onPress' | 'onFocus' | 'onBlur'> & {
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Button.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,cAAc,EAAE,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG;IACzF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { View } from 'react-native';
+/** The native `Box`: a `View` with the same resolved numbers the web `Box` puts in `sx`. */
+export declare const Box: React.ForwardRefExoticComponent<import("./Box.base").BoxBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Box.base").BoxBaseProps> & {
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Box.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/Box.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,4FAA4F;AAC5F,eAAO,MAAM,GAAG;;8BAUd,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import 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 native `Box`: the neutral props, plus a `View`'s own where they do not overlap. */
+export type BoxProps = BoxBaseProps & Omit<ViewProps, keyof BoxBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Box.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Box/Box.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,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,0FAA0F;AAC1F,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,IAAI,CAAC,SAAS,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/types-native/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-native/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-native/components/layout/Box/index.native.d.ts

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

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

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

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { View } from 'react-native';
+export declare const Stack: React.ForwardRefExoticComponent<import("./Stack.base").StackBaseProps & Omit<import("../Box/Box.types.native").BoxProps, keyof import("./Stack.base").StackBaseProps> & React.RefAttributes<View>>;
+//# sourceMappingURL=Stack.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/Stack.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMzC,eAAO,MAAM,KAAK,oMAMjB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Stack/Stack.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,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-native/components/layout/Stack/index.native.d.ts

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

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

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

package/dist/types-native/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-native/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"}

package/dist/types-native/components/typography/Text/Text.base.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+/** The contract both renderers honour; see `Button.base.ts` for why it is its own file. */
+export type TextVariant = 'body' | 'heading' | 'caption' | 'code';
+export type TextWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+/**
+ * The contract both renderers honour. Nothing here names a DOM or a React
+ * Native type: the web adds `HTMLAttributes` and `as` below, the native side
+ * adds `TextProps` from react-native in `Text.types.native.ts`.
+ */
+export interface TextBaseProps {
+    variant?: TextVariant;
+    color?: ColorValue;
+    size?: SizeValue;
+    weight?: TextWeight;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    children: React.ReactNode;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Text.base.d.ts.map

package/dist/types-native/components/typography/Text/Text.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Text/Text.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE,2FAA2F;AAC3F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7E;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types-native/components/typography/Text/Text.metrics.d.ts

@@ -0,0 +1,29 @@
+/**
+ * THE NUMBERS BOTH `Text` RENDERERS DRAW WITH.
+ *
+ * `Text.tsx` used to hold these as rem strings and `Text.native.tsx` would have
+ * held them again as numbers — two tables, one of which drifts. Now there is
+ * one, in px, and the web derives its rem from it (see `px()` in the theme).
+ * Ratios stay ratios; the native side multiplies them out because React
+ * Native's `lineHeight` and `letterSpacing` are absolute.
+ */
+export declare const TEXT_SIZES: Record<import("../../../tokens/vocabulary").SizeValue, import("../../../tokens/theme").UiTypeStep>;
+export declare const TEXT_WEIGHTS: Record<import("../../../tokens/theme").UiFontWeight, number>;
+/** The `heading` variant: heavier by default, tighter tracking. */
+export declare const HEADING_DEFAULT_WEIGHT = 600;
+export declare const HEADING_LETTER_SPACING_EM = -0.01;
+/** The `caption` variant: a step down at the default size, faded and looser. */
+export declare const CAPTION_FONT_SIZE = 12;
+export declare const CAPTION_OPACITY = 0.8;
+export declare const CAPTION_LETTER_SPACING_EM = 0.02;
+/** The `code` variant: a step down, on a faint primary wash inside a hairline. */
+export declare const CODE_FONT_SIZE = 14;
+export declare const CODE_BACKGROUND_ALPHA = 0.08;
+export declare const CODE_BORDER_ALPHA = 0.12;
+export declare const CODE_PADDING: {
+    readonly vertical: 2;
+    readonly horizontal: 6;
+};
+/** Half the theme's `md` radius, as `Text.tsx` has always drawn it. */
+export declare const CODE_RADIUS_FACTOR = 0.5;
+//# sourceMappingURL=Text.metrics.d.ts.map

package/dist/types-native/components/typography/Text/Text.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Text/Text.metrics.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,oGAAa,CAAC;AACrC,eAAO,MAAM,YAAY,8DAAe,CAAC;AAEzC,mEAAmE;AACnE,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAE/C,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C,kFAAkF;AAClF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,YAAY;;;CAA0C,CAAC;AACpE,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/types-native/components/typography/Text/Text.native.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Text as RNText, type TextStyle } from 'react-native';
+import type { TextVariant, TextWeight } from './Text.types.native';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+import type { UiTheme } from '../../../tokens/theme';
+interface TextStyleArgs {
+    variant: TextVariant;
+    color: ColorValue;
+    size: SizeValue;
+    weight: TextWeight;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: boolean;
+}
+/**
+ * The style the web `Text` computes, in absolute numbers. `lineHeight` and
+ * `letterSpacing` are multiplied out here because React Native has no ratio
+ * or `em` unit — the web keeps them relative and the browser does this step.
+ */
+export declare function textStyle(theme: UiTheme, a: TextStyleArgs): TextStyle;
+export declare const Text: React.ForwardRefExoticComponent<import("./Text.base").TextBaseProps & Omit<import("react-native").TextProps, "style" | keyof import("./Text.base").TextBaseProps> & {
+    style?: import("react-native").StyleProp<TextStyle>;
+} & React.RefAttributes<RNText>>;
+export {};
+//# sourceMappingURL=Text.native.d.ts.map

package/dist/types-native/components/typography/Text/Text.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/Text/Text.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBxE,OAAO,KAAK,EAAa,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG9E,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAsBrD,UAAU,aAAa;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAKD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,GAAG,SAAS,CA+CrE;AAED,eAAO,MAAM,IAAI;;gCAmChB,CAAC"}