@12-apps/ui 6.17.1 → 6.19.0

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

@@ -1,68 +1,12 @@
 import type { Theme } from '@mui/material/styles/index.js';
+import { type HeadingLevel, type HeadingMetrics, type HeadingScaleOverrides } from './heading-scale';
 /**
- * THE THIRD VOCABULARY: the type scale.
- *
- * `scales.ts` opens by saying the package had both halves of every argument at
- * once until the size and colour vocabularies were declared in one place and
- * every component derived from them. The type scale was the one that never got
- * that treatment — it lived as a private `LEVELS` table inside
- * `Heading.styles.ts`, which is exactly the shape that file exists to refuse.
- *
- * Two things follow from it being private, and the second is the expensive one.
- *
- * **It could not be re-themed.** `Heading` read `theme.typography.h1.fontFamily`
- * from the theme and then ignored the theme for every other metric, so a host
- * calling `createTheme({ typography: { h1: { fontSize: '2rem' } } })` changed
- * `<Typography variant="h1">` and left `<Heading level="h1">` at 48px. A design
- * system whose type scale cannot be set by the design is not a system.
- *
- * **And the numbers were a landing page's.** `h1` at 3rem and `h2` at 2.5rem are
- * hero metrics. Dropped into an operations console they put a 48px title
- * directly above 14px body copy — a 3.4x jump with nothing in between — so
- * product teams stopped reaching for the component. Measured in one consuming
- * repo: `<Heading>` appeared four times in the entire codebase while raw
- * `fontSize` appeared in dozens of files. The component was not disliked, it was
- * unusable at app scale, and every host paid for that in hand-rolled CSS.
- *
- * So the defaults below are an APP scale, and `display` keeps the hero size for
- * the screens that actually want one. A marketing page asks for `display`; a
- * console asks for `h1` and gets something it can put on a page.
- */
-/**
- * A step on the scale.
- *
- * `display` is a SIZE, not a rank — see `Heading`, which renders it as `h1` so
- * the document still gets exactly one level-one heading.
- */
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'display';
-/**
- * The runtime list, declared beside the union for the reason `SIZE_VALUES`
- * gives: a story's `argTypes.options` spelled by hand drifts from the type, and
- * the direction it drifts is "documents less than the component accepts".
- */
-export declare const HEADING_LEVELS: readonly ["display", "h1", "h2", "h3", "h4", "h5", "h6"];
-/** Everything one step of the scale decides. */
-export interface HeadingMetrics {
-    fontSize: string;
-    lineHeight: number;
-    letterSpacing?: string;
-    /**
-     * The weight this step carries when the caller asks for `normal`. A heading's
-     * "normal" is not body text's 400 — it is the weight the step is meant to
-     * carry, which gets heavier as the step gets larger.
-     */
-    normalWeight: number;
-}
-/**
- * The house default, in CODE rather than in a component.
- *
- * ~1.15x per step from a 1rem `h6`, which keeps six distinguishable ranks inside
- * the range an application actually uses. The old table ran 1.125rem → 4rem and
- * spent its top three steps above anything a product screen wants.
+ * The MUI half of the type scale: the theme augmentation and the reader that
+ * merges a host's overrides. The scale itself is in `./heading-scale`, which
+ * imports nothing, so `src/tokens/theme.ts` and the native renderer read it
+ * without dragging MUI's `Theme` into `dist/types-native`.
  */
-export declare const HEADING_SCALE: Record<HeadingLevel, HeadingMetrics>;
-/** A host's overrides: any subset of the steps, any subset of each step's metrics. */
-export type HeadingScaleOverrides = Partial<Record<HeadingLevel, Partial<HeadingMetrics>>>;
+export * from './heading-scale';
 /**
  * The theme channel, under our OWN key rather than MUI's `typography.h1…h6`.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,cAAc,0DAQiB,CAAC;AAE7C,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CAS9D,CAAC;AAEF,sFAAsF;AACtF,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAE3F;;;;;;;;;GASG;AACH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,kBAAkB;QAC1B,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC;IACD,UAAU,yBAAyB;QACjC,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC;CACF;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,GAAG,cAAc,CAEhF"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAiB,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAEpH;;;;;GAKG;AACH,cAAc,iBAAiB,CAAC;AAEhC;;;;;;;;;GASG;AACH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,kBAAkB;QAC1B,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC;IACD,UAAU,yBAAyB;QACjC,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC;CACF;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,GAAG,cAAc,CAEhF"}

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/data-display/Alert/Alert.base.d.ts

@@ -0,0 +1,92 @@
+import type * as React from 'react';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * Imports no MUI and no react-native, on purpose: it ships in both
+ * declaration outputs. The web adds MUI's `AlertProps` extras in
+ * `Alert.types.ts`; the native side adds a `View`'s own props in
+ * `Alert.types.native.ts`.
+ */
+export type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'glass' | 'gradient';
+/**
+ * The dismissible half, as a UNION rather than one more optional field.
+ *
+ * `closeLabel` is the dismiss button's only accessible name — it renders a
+ * glyph and nothing else — so it must be REQUIRED wherever that button exists.
+ * But most alerts are not closable, and making it required on all of them
+ * would ask a dozen call sites across five packages to name a control they
+ * never render. A word invented to satisfy a type is worse than no word: the
+ * next reader cannot tell which button it belongs to.
+ *
+ * So the type says what is actually true — the label is required exactly when
+ * the button is.
+ */
+export type AlertDismiss = {
+    closable?: false;
+    onClose?: () => void;
+    closeLabel?: never;
+} | {
+    closable: true;
+    onClose?: () => void;
+    closeLabel: string;
+};
+export interface AlertBaseFields {
+    /**
+     * The variant of the alert
+     */
+    variant?: AlertVariant;
+    /**
+     * The color of the alert (when not using variant-specific colors)
+     */
+    color?: ColorValue;
+    /**
+     * Whether the alert should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the alert should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Custom icon to display
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether to show the default severity icon
+     */
+    showIcon?: boolean;
+    /**
+     * Title for the alert
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Whether to animate the alert on mount
+     */
+    animate?: boolean;
+    /**
+     * ARIA role for the alert
+     */
+    role?: string;
+    /**
+     * ARIA live region setting
+     */
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    /**
+     * ARIA atomic setting
+     */
+    'aria-atomic'?: 'true' | 'false';
+    children?: React.ReactNode;
+    /**
+     * Optional data-testid for testing
+     */
+    'data-testid'?: string;
+    dataTestId?: string;
+    testID?: string;
+}
+export type AlertBaseProps = AlertBaseFields & AlertDismiss;
+//# sourceMappingURL=Alert.base.d.ts.map

package/dist/types-native/components/data-display/Alert/Alert.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE5F;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GACpB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9D;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { AlertBaseFields, AlertVariant } from './Alert.base';
+import type { IconName } from '../../../icons/Icon.types';
+type AlertDefaultedKeys = 'variant' | 'glow' | 'pulse' | 'showIcon' | 'animate' | 'role' | 'aria-atomic';
+export declare const ALERT_DEFAULTS: Required<Pick<AlertBaseFields, AlertDefaultedKeys>> & {
+    closable: false;
+};
+/**
+ * Generic over the renderer's own props: the web and the native `Alert` pass
+ * different extras through, and both come back out untouched.
+ */
+export type ResolvedAlertProps<P extends AlertBaseFields> = P & Required<Pick<AlertBaseFields, AlertDefaultedKeys>>;
+export declare const resolveAlertProps: <P extends AlertBaseFields>(props: P) => ResolvedAlertProps<P>;
+/** `danger` announces itself; everything else waits its turn. */
+export declare const defaultAriaLive: (variant: AlertVariant) => "polite" | "assertive";
+export declare const testIdFor: (base: string | undefined, suffix: string) => string;
+/**
+ * The glyph each semantic variant carries, by the shared icon set's name.
+ * `glass` and `gradient` carry none of their own: the web renders an empty
+ * icon slot for them unless the caller passes an `icon`, and so does native.
+ */
+export declare const VARIANT_ICON: Partial<Record<AlertVariant, IconName>>;
+export {};
+//# sourceMappingURL=Alert.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D,KAAK,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;AAEzG,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAA;CASnG,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,GAC3D,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAYtD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,kBAAkB,CAAC,CAAC,CACP,CAAC;AAEtF,iEAAiE;AACjE,eAAO,MAAM,eAAe,GAAI,SAAS,YAAY,KAAG,QAAQ,GAAG,WACpB,CAAC;AAEhD,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,GAAG,SAAS,EAAE,QAAQ,MAAM,KAAG,MACrB,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,CAKhE,CAAC"}

package/dist/types-native/components/data-display/Alert/Alert.look.native.d.ts

@@ -0,0 +1,46 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { AlertVariant } from './Alert.base';
+import { type AlertPalette } from './Alert.metrics';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE PAINT, KEPT APART FROM THE STRUCTURE.
+ *
+ * `Alert.native.tsx` reads as what renders where; this file reads as
+ * arithmetic — the same palette slots, alphas and px the web's
+ * `Alert.styles.tsx` derives from `Alert.metrics.ts`.
+ */
+export interface AlertLookArgs {
+    variant: AlertVariant;
+    color: ColorValue | undefined;
+    glow: boolean;
+    pulse: boolean;
+}
+export interface AlertLook {
+    palette: AlertPalette;
+    /** What the words are set in. */
+    ink: string;
+    iconColor: string;
+    root: ViewStyle;
+}
+/**
+ * The root's paint. The web keeps `overflow: hidden` (its pulse wash is
+ * clipped to the card, as it is here); only the glow opens it, because a
+ * view's own shadow is clipped by its own overflow on a device.
+ */
+export declare function alertLook(theme: UiTheme, a: AlertLookArgs): AlertLook;
+/** The message column: 8px between its lines, allowed to shrink so long text wraps beside the icon. */
+export declare const messageSlotStyle: (theme: UiTheme) => ViewStyle;
+/** A string child: MUI's `body2` letter-spacing at 0.95rem on the message's 1.5. */
+export declare const messageTextStyle: (theme: UiTheme, ink: string) => TextStyle;
+/** MUI's `AlertTitle` (a `body1` Typography) at 1.05rem and 600, lifted 2px, 4px above a description. */
+export declare const titleStyle: (theme: UiTheme, ink: string, hasDescription: boolean) => TextStyle;
+/** The description: 0.925rem on the message's 1.5, faded to 0.9. */
+export declare const descriptionStyle: (theme: UiTheme, ink: string) => TextStyle;
+/** MUI's `.MuiAlert-icon` with the web's overrides: first-line aligned, 14px from the words, 2px down. */
+export declare const iconSlotStyle: (theme: UiTheme) => ViewStyle;
+/** MUI's `.MuiAlert-action`: top-aligned, pushed to the right edge, 16px off the text. */
+export declare const actionSlotStyle: (theme: UiTheme) => ViewStyle;
+/** MUI's small `IconButton` at 0.7; pressed stands in for the web's hover (full opacity, a faint wash). */
+export declare const closeButtonStyle: (theme: UiTheme, pressed: boolean) => ViewStyle;
+//# sourceMappingURL=Alert.look.native.d.ts.map

package/dist/types-native/components/data-display/Alert/Alert.look.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAIL,KAAK,YAAY,EAWlB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;GAMG;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,GAAG,SAAS,CAmBrE;AAED,uGAAuG;AACvG,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,KAAG,SAKhD,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,KAAK,MAAM,KAAG,SAI7D,CAAC;AAEH,yGAAyG;AACzG,eAAO,MAAM,UAAU,GAAI,OAAO,OAAO,EAAE,KAAK,MAAM,EAAE,gBAAgB,OAAO,KAAG,SAMhF,CAAC;AAEH,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,KAAK,MAAM,KAAG,SAK7D,CAAC;AAEH,0GAA0G;AAC1G,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,SAO7C,CAAC;AAEH,0FAA0F;AAC1F,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,SAM/C,CAAC;AAEH,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,SAAS,OAAO,KAAG,SAKlE,CAAC"}

package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts

@@ -0,0 +1,181 @@
+import type { AlertVariant } from './Alert.base';
+import { type UiGreyStep, type UiTheme } from '../../../tokens/theme';
+/**
+ * THE NUMBERS BOTH `Alert` RENDERERS DRAW WITH.
+ *
+ * `Alert.styles.tsx` / `Alert.tsx` (MUI) and `Alert.native.tsx` (React
+ * Native) read this one table. Spacing is in SPACING UNITS where the web
+ * writes `theme.spacing(n)`; durations are ms (the web turns them into `s`
+ * through {@link seconds} so its emitted CSS is byte-for-byte what it was);
+ * everything else is px, a ratio or an alpha. The hover, active and focus
+ * numbers are here too although only the DOM can honour them — a number the
+ * web draws with belongs in the table whether or not native can reach it.
+ */
+/** The root: 12px corners, 14px 16px of padding, one 300ms curve for everything. */
+export declare const ALERT_RADIUS_UNITS = 1.5;
+export declare const ALERT_PADDING_UNITS: {
+    readonly vertical: 1.75;
+    readonly horizontal: 2;
+};
+export declare const ALERT_TRANSITION_MS = 300;
+export declare const ALERT_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+/** Mount: the web's `fadeInScale` keyframes and the icon's `iconRotate`. */
+export declare const FADE_IN: {
+    readonly ms: 300;
+    readonly scale: 0.95;
+    readonly lift: 10;
+};
+export declare const ICON_SPIN: {
+    readonly ms: 600;
+    readonly from: 0.8;
+    readonly mid: 1.1;
+};
+/** Dismiss: MUI `Collapse` runs 300ms; `onClose` fires 200ms in. */
+export declare const COLLAPSE_MS = 300;
+export declare const CLOSE_DELAY_MS = 200;
+/** The message column: 8px between title, description and children; 0.95rem body on 1.5. */
+export declare const MESSAGE_GAP_UNITS = 1;
+export declare const MESSAGE_FONT_SIZE = 15.2;
+export declare const MESSAGE_LINE_HEIGHT = 1.5;
+/** A control inside the message gets an edge: 4px above, a hairline at 0.45 of the hue. */
+export declare const MESSAGE_BUTTON: {
+    readonly marginTopUnits: 0.5;
+    readonly borderAlpha: 0.45;
+};
+/** The title: 1.05rem at 600; MUI's `AlertTitle` lifts it 2px; 4px below it when a description follows. */
+export declare const TITLE: {
+    readonly fontSize: 16.8;
+    readonly fontWeight: 600;
+    readonly marginTop: -2;
+    readonly marginBottomUnits: 0.5;
+};
+/** The description: 0.925rem, slightly faded. */
+export declare const DESCRIPTION: {
+    readonly fontSize: 14.8;
+    readonly opacity: 0.9;
+};
+/** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */
+export declare const ICON_SLOT: {
+    readonly size: 22;
+    readonly opacity: 0.9;
+    readonly marginRightUnits: 1.75;
+    readonly paddingTopUnits: 0.25;
+    readonly paddingBottom: 7;
+};
+/** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */
+export declare const ACTION_SLOT: {
+    readonly paddingLeftUnits: 2;
+    readonly paddingTop: 4;
+    readonly marginRight: -8;
+};
+/** The close button: MUI's small `IconButton` (5px padding, 18px glyph) at 0.7. */
+export declare const CLOSE_BUTTON: {
+    readonly padding: 5;
+    readonly iconSize: 18;
+    readonly opacity: 0.7;
+    readonly hoverRotateDeg: 90;
+    readonly hoverScale: 1.1;
+    readonly washAlpha: 0.1;
+};
+/**
+ * A semantic Alert's surface and ink: an OPAQUE tint of the hue with a dark
+ * ink of the same hue — MUI's own `standard` recipe, at its ratios. See
+ * `semanticSurface` in `Alert.styles.tsx` for why not `alpha(main, 0.1)`.
+ */
+export declare const SEMANTIC_SURFACE: {
+    readonly tint: {
+        readonly light: 0.9;
+        readonly dark: 0.8;
+    };
+    readonly ink: 0.6;
+    readonly borderAlpha: 0.35;
+};
+/** `glass`: 85% paper under a 20px blur, a 0.4 divider hairline. */
+export declare const GLASS: {
+    readonly backgroundAlpha: 0.85;
+    readonly borderAlpha: 0.4;
+    readonly blur: 20;
+    readonly saturatePercent: 180;
+};
+/** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */
+export declare const GRADIENT: {
+    readonly angleDeg: 135;
+    readonly stopAlpha: 0.9;
+    readonly shimmerAlpha: 0.2;
+    readonly shimmerMs: 3000;
+    readonly shimmerTravel: 1000;
+    readonly hoverBrightness: 1.1;
+    readonly hoverLift: 2;
+    readonly hoverScale: 1.01;
+};
+/** Emphasis: the glow's shadow and brightness, the pulse's wash. */
+export declare const GLOW: {
+    readonly blur: 20;
+    readonly spread: 5;
+    readonly alpha: 0.3;
+    readonly brightness: 1.05;
+};
+export declare const PULSE: {
+    readonly alpha: 0.2;
+    readonly ms: 2000;
+    readonly spread: 10;
+};
+/** Pointer states — DOM only, kept so the web derives them. */
+export declare const HOVER: {
+    readonly lift: 3;
+    readonly scale: 1.01;
+    readonly shadowY: 8;
+    readonly shadowBlur: 20;
+    readonly shadowAlpha: 0.2;
+    readonly iconScale: 1.15;
+    readonly iconRotateDeg: 10;
+};
+export declare const ACTIVE: {
+    readonly lift: 1;
+    readonly scale: 0.99;
+    readonly ms: 100;
+};
+export declare const FOCUS: {
+    readonly ringWidth: 3;
+    readonly ringAlpha: 0.5;
+    readonly offset: 3;
+    readonly haloSpread: 6;
+    readonly haloAlpha: 0.1;
+    readonly ms: 200;
+};
+/** `neutral` has no palette slot; the web has always drawn it from three greys. */
+export declare const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep>;
+/** A duration as the CSS the web has always emitted: `2000` → `2s`, `300` → `0.3s`. */
+export declare const seconds: (ms: number) => string;
+/** The palette shape the web's `getColorFromTheme` returns — a main plus optional shades. */
+export interface AlertPalette {
+    main: string;
+    light?: string;
+    dark?: string;
+}
+/**
+ * The renderer-free twin of the web's `getColorFromTheme`: a variant or
+ * colour name to its palette, `neutral` from the greys, anything unknown
+ * (`glass`, `gradient`) to `info`.
+ */
+export declare function alertPalette(theme: UiTheme, key: string | undefined): AlertPalette;
+/** What a variant paints: its fill, its ink, its hairline if any, and the colour of its glyph. */
+export interface AlertSurface {
+    backgroundColor: string;
+    color: string;
+    borderColor?: string;
+    iconColor: string;
+}
+export declare const SEMANTIC_VARIANTS: ReadonlySet<AlertVariant>;
+/** The opaque tint and same-hue ink, inverted for dark mode; the hairline keeps its alpha. */
+export declare function semanticSurface(theme: UiTheme, palette: AlertPalette): AlertSurface;
+export declare function glassSurface(theme: UiTheme): AlertSurface;
+/** The gradient's two stops; a renderer with no gradient fill paints `from`. */
+export declare function gradientStops(palette: AlertPalette): {
+    from: string;
+    to: string;
+};
+export declare function gradientSurface(palette: AlertPalette): AlertSurface;
+/** The surface for a variant, `glass` and `gradient` included. */
+export declare function alertSurface(theme: UiTheme, variant: AlertVariant, palette: AlertPalette): AlertSurface;
+//# sourceMappingURL=Alert.metrics.d.ts.map

package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}

package/dist/types-native/components/data-display/Alert/Alert.native.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { AlertProps } from './Alert.types.native';
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<View>>;
+//# sourceMappingURL=Alert.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,IAAI,EAEL,MAAM,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,sBAAsB,CAAC;AA4KrE,eAAO,MAAM,KAAK,yEAsChB,CAAC"}

package/dist/types-native/components/data-display/Alert/Alert.types.native.d.ts

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { AlertBaseFields, AlertDismiss } from './Alert.base';
+export type { AlertBaseFields, AlertBaseProps, AlertDismiss, AlertVariant } from './Alert.base';
+/** The native `Alert`: the shared contract, plus a `View`'s own props where they do not overlap. */
+export type AlertProps = AlertBaseFields & AlertDismiss & Omit<ViewProps, keyof AlertBaseFields | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Alert.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEhG,oGAAoG;AACpG,MAAM,MAAM,UAAU,GAAG,eAAe,GACtC,YAAY,GACZ,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Alert } from './Alert.native';
+export type { AlertBaseProps, AlertProps, AlertVariant } from './Alert.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

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

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

@@ -0,0 +1,51 @@
+import type * as React from 'react';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * Imports no MUI and no react-native, on purpose: it ships in both
+ * declaration outputs. The action handlers take no event on either side, so
+ * they live here; the web adds `className`, the native side a `View`'s own
+ * props.
+ */
+export type EmptyStateVariant = 'default' | 'illustrated' | 'minimal' | 'action';
+export interface EmptyStateAction {
+    label: string;
+    onClick: () => void;
+}
+export interface EmptyStateHelpLink {
+    label: string;
+    href: string;
+    external?: boolean;
+}
+export interface EmptyStateBaseProps {
+    variant?: EmptyStateVariant;
+    title: string;
+    description?: string;
+    illustration?: React.ReactNode;
+    primaryAction?: EmptyStateAction;
+    secondaryAction?: EmptyStateAction;
+    helpLink?: EmptyStateHelpLink;
+    /**
+     * Callback for the refresh button
+     * Displays a refresh button in the action area when provided
+     */
+    onRefresh?: () => void;
+    /**
+     * Custom label for the refresh button
+     * @default 'Refresh'
+     */
+    refreshLabel?: string;
+    /**
+     * Callback for the create/add new button
+     * Displays a create button in the action area when provided
+     */
+    onCreate?: () => void;
+    /**
+     * Custom label for the create button
+     * @default 'Create New'
+     */
+    createLabel?: string;
+    dataTestId?: string;
+    testID?: string;
+}
+//# sourceMappingURL=EmptyState.base.d.ts.map