@12-apps/ui 6.17.1 → 6.19.0

package/dist/tokens.js

@@ -1,26 +1,79 @@
+import {
+  accentFor
+} from "./chunk-V5IOLAIS.js";
 import {
   COLOR_VALUES,
   SIZE_VALUES,
-  accentFor,
   muiColor,
   muiSize,
   paletteKey
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-7ZPUN7TV.js";
 import {
-  HEADING_LEVELS,
-  HEADING_SCALE,
   headingMetrics
-} from "./chunk-7CA6GVBO.js";
+} from "./chunk-PT6TCWIW.js";
+import {
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
+  NEUTRAL,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  px
+} from "./chunk-NQN5Z36J.js";
+import "./chunk-AG66JBNH.js";
+import {
+  alpha,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
+  hexToRgb,
+  hslToRgb,
+  lighten,
+  recomposeColor
+} from "./chunk-6JAIFIPW.js";
+import {
+  HEADING_LEVELS,
+  HEADING_SCALE
+} from "./chunk-FZXKH2ZT.js";
 import "./chunk-PZ5AY32C.js";
 export {
   COLOR_VALUES,
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
   HEADING_LEVELS,
   HEADING_SCALE,
+  NEUTRAL,
   SIZE_VALUES,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
   accentFor,
+  alpha,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
   headingMetrics,
+  hexToRgb,
+  hslToRgb,
+  lighten,
   muiColor,
   muiSize,
-  paletteKey
+  paletteKey,
+  px,
+  recomposeColor
 };
 //# sourceMappingURL=tokens.js.map

package/dist/types/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/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/components/data-display/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgL1B,eAAO,MAAM,KAAK;;;;;;;;iDA0EjB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8L1B,eAAO,MAAM,KAAK;;;;;;;;iDA2EhB,CAAC"}

package/dist/types/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/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/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/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/components/data-display/Alert/Alert.styles.d.ts

@@ -1,5 +1,7 @@
 import type { CSSObject, Theme } from '@mui/material/styles/index.js';
 import React from 'react';
+import { type AlertPalette } from './Alert.metrics';
+export type { AlertPalette } from './Alert.metrics';
 export declare const pulseAnimation: {
     name: string;
     styles: string;
@@ -24,17 +26,8 @@ export declare const iconRotate: {
     anim: 1;
     toString: () => string;
 } & string;
-export declare const getColorFromTheme: (theme: Theme, variant: string) => {
-    main: string;
-    light?: string;
-    dark?: string;
-};
+export declare const getColorFromTheme: (theme: Theme, variant: string) => AlertPalette;
 export declare const getVariantIcon: (variant: string) => React.ReactNode;
-export type AlertPalette = {
-    main: string;
-    light?: string;
-    dark?: string;
-};
 /**
  * The room the message is given — padding, the stack's rhythm, and where the
  * icon and the close button sit relative to it.

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAiCF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;UAUtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,SAAS,MAAM;UACtB,MAAM;YAAU,MAAM;WAAS,MAAM;CAe7E,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,oBAS7C,CAAC;AAIF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK3E;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,SAAS,OAAO,GAAG,SAAS,KAC3B,SA4DD,CAAC;AAoDH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,eAAe,MAAM,GAAG,SAAS,EACjC,cAAc,YAAY,KACzB,SAoDD,CAAC;AAKH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,YAAY,EAC1B,MAAM,OAAO,EACb,OAAO,OAAO,KACb,SAgDD,CAAC"}
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAKL,KAAK,YAAY,EAgBlB,MAAM,iBAAiB,CAAC;AAIzB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAiCF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;UAUtB,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,SAAS,MAAM,KAAG,YAgBjE,CAAC;AAUF,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,KAAK,CAAC,SAGtD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,SAAS,OAAO,GAAG,SAAS,KAC3B,SA+DD,CAAC;AA2DH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,eAAe,MAAM,GAAG,SAAS,EACjC,cAAc,YAAY,KACzB,SAoDD,CAAC;AA4BH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,YAAY,EAC1B,MAAM,OAAO,EACb,OAAO,OAAO,KACb,SAiBD,CAAC"}

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

@@ -1,82 +1,8 @@
-import type { ColorValue } from '../../../tokens/scales';
 import type { AlertProps as MuiAlertProps } from '@mui/material/Alert/index.js';
-import type React from 'react';
-/**
- * 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.
- */
-type AlertDismiss = {
-    closable?: false;
-    onClose?: () => void;
-    closeLabel?: never;
-} | {
-    closable: true;
-    onClose?: () => void;
-    closeLabel: string;
-};
-export type AlertProps = AlertBase & AlertDismiss;
-export interface AlertBase extends Omit<MuiAlertProps, 'variant' | 'color' | 'role'> {
-    /**
-     * The variant of the alert
-     */
-    variant?: 'info' | 'success' | 'warning' | 'danger' | 'glass' | 'gradient';
-    /**
-     * 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';
-    /**
-     * Optional data-testid for testing
-     */
-    'data-testid'?: string;
+import type { AlertBaseFields, AlertDismiss } from './Alert.base';
+export type { AlertBaseFields, AlertBaseProps, AlertDismiss, AlertVariant } from './Alert.base';
+/** The web `Alert`'s non-dismiss half: the shared fields, plus MUI's `Alert` props where they do not overlap. */
+export interface AlertBase extends AlertBaseFields, Omit<MuiAlertProps, 'variant' | 'color' | 'role' | keyof AlertBaseFields> {
 }
-export {};
+export type AlertProps = AlertBase & AlertDismiss;
 //# sourceMappingURL=Alert.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,KAAK,YAAY,GACb;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,MAAM,UAAU,GAAG,SAAS,GAAG,YAAY,CAAC;AAElD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAClF;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAE3E;;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;IAGnB;;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;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEhF,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,iHAAiH;AACjH,MAAM,WAAW,SACf,SAAQ,eAAe,EACrB,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,eAAe,CAAC;CAAG;AAEhF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,YAAY,CAAC"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA4L1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0D/C,CAAC;AAIH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AAoI7E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4D/C,CAAC;AAIH,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { EmptyStateBaseProps } from './EmptyState.base';
+export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
+/** The glyph an action carries, by the shared icon set's name; each renderer draws it its own way. */
+export type ActionIconName = 'Add' | 'Refresh';
+export interface ActionSpec {
+    key: 'primary-action' | 'create-button' | 'secondary-action' | 'refresh-button';
+    variant: 'contained' | 'outlined';
+    onClick: () => void;
+    label: string;
+    icon?: ActionIconName;
+}
+export declare const actionsOf: (props: EmptyStateBaseProps, refreshLabel: string, createLabel: string) => ActionSpec[];
+//# sourceMappingURL=EmptyState.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MACgD,CAAC;AAErE,sGAAsG;AACtG,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;IAChF,OAAO,EAAE,WAAW,GAAG,UAAU,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAKD,eAAO,MAAM,SAAS,GACpB,OAAO,mBAAmB,EAC1B,cAAc,MAAM,EACpB,aAAa,MAAM,KAClB,UAAU,EAwCZ,CAAC"}