@12-apps/ui 6.19.0 → 6.20.0

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

@@ -0,0 +1,61 @@
+import type { ChipSize } from './Chip.base';
+/**
+ * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.
+ *
+ * Most of them are MUI's own `Chip` geometry rather than anything this package
+ * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the
+ * web half hands the drawing to `MuiChip` and the native half has to draw it.
+ * Restated here once, read by both, so the two cannot disagree about a chip's
+ * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow
+ * and its transition) is at the bottom, and the web derives its CSS from it.
+ */
+/** MUI draws two chip sizes; ours are the house abbreviations for them. */
+export type ChipMuiSize = 'small' | 'medium';
+export declare const chipMuiSize: (size: ChipSize) => ChipMuiSize;
+export interface ChipSizeMetrics {
+    height: number;
+    /** The label's own side padding, filled and outlined (outlined is 1px tighter). */
+    labelPadding: number;
+    labelPaddingOutlined: number;
+    /** The leading icon's box, and how far it tucks under the label. */
+    iconSize: number;
+    iconMarginLeft: number;
+    iconMarginLeftOutlined: number;
+    iconMarginRight: number;
+    /** The avatar's round box and the type inside it. */
+    avatarSize: number;
+    avatarFontSize: number;
+    avatarMarginLeft: number;
+    avatarMarginLeftOutlined: number;
+    avatarMarginRight: number;
+    /** The delete glyph's box and its own tuck. */
+    deleteSize: number;
+    deleteMarginLeft: number;
+    deleteMarginRight: number;
+    deleteMarginRightOutlined: number;
+}
+export declare const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics>;
+/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */
+export declare const CHIP_RADIUS = 16;
+/** The label's type, in px. MUI sets it on the root and the small size keeps it. */
+export declare const CHIP_FONT_SIZE = 13;
+/** MUI's `palette.action.disabledOpacity`. */
+export declare const CHIP_DISABLED_OPACITY = 0.38;
+/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */
+export declare const OUTLINED_BORDER_ALPHA = 0.7;
+/** The delete glyph over an unaccented chip, and over a coloured one. */
+export declare const DELETE_ICON_ALPHA = 0.26;
+export declare const DELETE_ICON_ON_COLOR_ALPHA = 0.7;
+/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */
+export declare const OUTLINED_HOVER_ALPHA = 0.04;
+/** The lift a clickable chip takes on hover, and the shadow under it. */
+export declare const HOVER_LIFT_PX = 1;
+export declare const HOVER_SHADOW: {
+    readonly offsetY: 4;
+    readonly blur: 12;
+    readonly alphaLight: 0.15;
+    readonly alphaDark: 0.3;
+};
+export declare const CHIP_TRANSITION_MS = 200;
+export declare const CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+//# sourceMappingURL=Chip.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * The native `Chip`: MUI's pill on a `Pressable`, reachable by keyboard only
+ * when it acts — which is the same rule MUI applies through `clickable`.
+ */
+export declare const Chip: React.ForwardRefExoticComponent<import("./Chip.base").ChipBaseProps & Omit<import("react-native").PressableProps, "style" | "onPress" | keyof import("./Chip.base").ChipBaseProps> & {
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Chip.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,IAAI,EACJ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAqLtB;;;GAGG;AACH,eAAO,MAAM,IAAI;;;8BAwEf,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { GestureResponderEvent, PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { ChipBaseProps } from './Chip.base';
+export type { ChipBaseProps, ChipColor, ChipSize, ChipVariant } from './Chip.base';
+/**
+ * The native `Chip`. `onClick` keeps its web name — 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.
+ *
+ * A press fires BOTH. A keyboard activation fires only `onClick`: it exists
+ * solely under react-native-web, where a selectable chip is an `option` and
+ * `Pressable` answers Space only on a `button` role, so the chip synthesizes
+ * the activation itself and has no `GestureResponderEvent` to hand `onPress`.
+ * That matches the web, whose chip has no `onPress` at all, and costs nothing
+ * on a device, which has no keyboard to activate from.
+ */
+export type ChipProps = ChipBaseProps & Omit<PressableProps, keyof ChipBaseProps | 'style' | 'onPress'> & {
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Chip.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEnF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,IAAI,CAAC,cAAc,EAAE,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Chip } from './Chip.native';
+export type { ChipBaseProps, ChipColor, ChipProps, ChipSize, ChipVariant, } from './Chip.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,YAAY,EACV,aAAa,EACb,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,GACZ,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,72 @@
+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 ProgressVariant = 'linear' | 'circular' | 'segmented' | 'gradient' | 'glass';
+export type ProgressSize = SizeValue;
+export interface ProgressBaseProps {
+    /**
+     * The variant of the progress
+     */
+    variant?: ProgressVariant;
+    /**
+     * The size of the progress
+     */
+    size?: ProgressSize;
+    /**
+     * The color of the progress
+     */
+    color?: ColorValue;
+    /**
+     * Whether the progress should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the progress should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Show percentage text
+     */
+    showLabel?: boolean;
+    /**
+     * Custom label text
+     */
+    label?: string;
+    /**
+     * Number of segments for segmented variant
+     */
+    segments?: number;
+    /**
+     * Thickness for circular variant
+     */
+    thickness?: number;
+    /**
+     * Size for circular variant
+     */
+    circularSize?: number;
+    /**
+     * How far along, 0 to 100. Absent means INDETERMINATE — the bar animates
+     * rather than reporting progress.
+     */
+    value?: number;
+    /**
+     * Test ID for testing purposes. Names the component: the wrapper takes it,
+     * and the bar, the segments and the label derive theirs from it.
+     */
+    dataTestId?: string;
+    /** React Native's spelling of {@link ProgressBaseProps.dataTestId}. */
+    testID?: string;
+    /**
+     * NOT the component's id. It is an attribute the caller is putting on the
+     * ELEMENT the progress draws — the bar for a linear or circular progress,
+     * the wrapper for a segmented one — which is where it has always landed on
+     * the web, along with every other unrecognised prop.
+     */
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Progress.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AACzF,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;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,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

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

@@ -0,0 +1,18 @@
+import type { ProgressBaseProps } from './Progress.base';
+type ProgressDefaultedKeys = 'variant' | 'size' | 'color' | 'glow' | 'pulse' | 'showLabel' | 'segments' | 'thickness' | 'dataTestId';
+/**
+ * Generic over the renderer's own props: the web and the native `Progress`
+ * carry different extras (MUI's `LinearProgress` props against a `View`'s), and
+ * both come back out untouched.
+ */
+type ResolvedProgressProps<P extends ProgressBaseProps> = P & Required<Pick<ProgressBaseProps, ProgressDefaultedKeys>>;
+export declare const resolveProgressProps: <P extends ProgressBaseProps>(props: P) => ResolvedProgressProps<P>;
+/**
+ * The label the caller asked for, or the rounded percentage when they only
+ * asked for one. Empty when there is nothing to show.
+ */
+export declare const progressLabelText: (label: string | undefined, showLabel: boolean, displayValue: number) => string;
+/** How much of the track the bar covers, 0 to 100 — a value outside that is clamped. */
+export declare const progressFraction: (value: number) => number;
+export {};
+//# sourceMappingURL=Progress.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,qBAAqB,GACtB,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,WAAW,GACX,YAAY,CAAC;AAEjB;;;;GAIG;AACH,KAAK,qBAAqB,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,GACzD,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAqB3D,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,iBAAiB,EAC9D,OAAO,CAAC,KACP,qBAAqB,CAAC,CAAC,CACsD,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,MAAM,GAAG,SAAS,EACzB,WAAW,OAAO,EAClB,cAAc,MAAM,KACnB,MAAoE,CAAC;AAExE,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,MACe,CAAC"}

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

@@ -0,0 +1,28 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { ProgressSize, ProgressVariant } from './Progress.base';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/** The unfilled track a linear bar runs in. */
+export declare function trackStyle(theme: UiTheme, size: ProgressSize, color: ColorValue): ViewStyle;
+/** The bar itself: the variant's paint, the glow, and the height of its track. */
+export declare function barStyle(theme: UiTheme, a: {
+    variant: ProgressVariant;
+    size: ProgressSize;
+    color: ColorValue;
+    glow: boolean;
+}): ViewStyle;
+/** One segment of the segmented variant: filled with the hue, or a tenth of it. */
+export declare function segmentStyle(theme: UiTheme, a: {
+    size: ProgressSize;
+    color: ColorValue;
+    filled: boolean;
+    glow: boolean;
+}): ViewStyle;
+/** The circular arc's glow: the web's `drop-shadow`, as a box shadow round the dial. */
+export declare function circularGlowStyle(theme: UiTheme, color: ColorValue): ViewStyle;
+/**
+ * The label: MUI's `caption` ratios at the size's own step, in semibold. The
+ * circular variant sets it in the muted ink, as `color="text.secondary"` does.
+ */
+export declare function labelStyle(theme: UiTheme, size: ProgressSize, muted?: boolean): TextStyle;
+//# sourceMappingURL=Progress.look.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAcrE,OAAO,KAAK,EAAkB,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAQ7D,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAU3F;AAqBD,kFAAkF;AAClF,wBAAgB,QAAQ,CACtB,KAAK,EAAE,OAAO,EACd,CAAC,EAAE;IAAE,OAAO,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GACpF,SAAS,CASX;AAED,mFAAmF;AACnF,wBAAgB,YAAY,CAC1B,KAAK,EAAE,OAAO,EACd,CAAC,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAC3E,SAAS,CAUX;AAED,wFAAwF;AACxF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAG9E;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,UAAQ,GAAG,SAAS,CAYvF"}

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

@@ -0,0 +1,91 @@
+import type { ProgressSize } from './Progress.base';
+import { type UiPaletteColor, type UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Progress` RENDERERS DRAW WITH.
+ *
+ * `Progress.styles.ts` (web, emotion over MUI's `LinearProgress` and
+ * `CircularProgress`) and `Progress.native.tsx` (React Native, with
+ * `react-native-svg` for the arc) read this one table. The web turns the px
+ * into rem and the shadows into CSS strings; native uses the numbers.
+ *
+ * The `CIRCULAR_*` group is MUI's OWN geometry, restated because the native
+ * half draws the arc itself: a 44-unit viewBox whose circle is inset by the
+ * stroke, with the value expressed as a dash offset — the same arithmetic
+ * MUI's `CircularProgress` runs, so the two draw the same sweep.
+ */
+export interface ProgressSizeMetrics {
+    /** The linear track's height, in px. The bar's radius is half of it. */
+    height: number;
+    /** The circular variant's diameter, in px. */
+    circularSize: number;
+    /** The label's type size, in px. */
+    fontSize: number;
+}
+export declare const PROGRESS_SIZES: Record<ProgressSize, ProgressSizeMetrics>;
+/** The unfilled track, and an unfilled segment: the hue at a tenth. */
+export declare const TRACK_ALPHA = 0.1;
+/** The label is MUI's `caption` at the size's own step, in semibold. */
+export declare const LABEL_FONT_WEIGHT = 600;
+/** `mt: 1` between a linear or segmented bar and its label. */
+export declare const LABEL_MARGIN_TOP_UNITS = 1;
+/** `gap: 0.5` between segments. */
+export declare const SEGMENT_GAP_UNITS = 0.5;
+/** `glass`: the hue at 80% behind a 10px blur, inside a 30% hairline. */
+export declare const GLASS_BAR_ALPHA = 0.8;
+export declare const GLASS_BAR_BORDER_ALPHA = 0.3;
+export declare const GLASS_BLUR_PX = 10;
+/** `glow` on a bar: `0 0 10px 2px alpha(main, 0.4)` and a 1.1 brightness lift. */
+export declare const BAR_GLOW: {
+    readonly blur: 10;
+    readonly spread: 2;
+    readonly alpha: 0.4;
+};
+export declare const GLOW_BRIGHTNESS = 1.1;
+/** `glow` on a filled segment: the same shadow, one step tighter. */
+export declare const SEGMENT_GLOW: {
+    readonly blur: 6;
+    readonly spread: 1;
+    readonly alpha: 0.4;
+};
+/** `glow` on the circular arc: `drop-shadow(0 0 8px alpha(main, 0.6))`. */
+export declare const CIRCULAR_GLOW: {
+    readonly blur: 8;
+    readonly alpha: 0.6;
+};
+/** MUI's `pulseAnimation`: opacity 1 → 0.7 → 1, every two seconds. */
+export declare const PULSE: {
+    readonly durationMs: 2000;
+    readonly dip: 0.7;
+};
+/** `transition: all 0.3s ease` on the bar and on every segment. */
+export declare const TRANSITION_MS = 300;
+/** MUI's `SIZE`: the arc is drawn in a 44-unit box and scaled to the px size. */
+export declare const CIRCULAR_VIEWBOX = 44;
+/** MUI puts the determinate arc's start at twelve o'clock. */
+export declare const CIRCULAR_ROTATION_DEG = -90;
+/** The circumference of the circle a `thickness` leaves room for. */
+export declare const circularCircumference: (thickness: number) => number;
+/** MUI's `strokeDashoffset`: the share of the circumference still to run. */
+export declare const circularDashOffset: (value: number, thickness: number) => number;
+/**
+ * MUI's indeterminate `CircularProgress` never closes the ring: it draws
+ * roughly a fifth of it and spins. One turn every 1.4s, as MUI's
+ * `circular-rotate` keyframes do.
+ */
+export declare const CIRCULAR_INDETERMINATE: {
+    readonly arc: 0.25;
+    readonly rotationMs: 1400;
+};
+/** MUI's `bar1Indeterminate` keyframes: 2.1s a lap, over about a third of the track. */
+export declare const LINEAR_INDETERMINATE: {
+    readonly width: 0.35;
+    readonly durationMs: 2100;
+};
+/**
+ * `neutral` has no palette slot of its own in MUI, so `Progress.styles.ts` has
+ * always drawn it from three greys; `danger` is MUI's `error`, which is what
+ * the shared theme calls `danger`. Same colours here.
+ */
+export declare function progressPalette(theme: UiTheme, color: ColorValue): UiPaletteColor;
+//# sourceMappingURL=Progress.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAMpE,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,mCAAmC;AACnC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,yEAAyE;AACzE,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,kFAAkF;AAClF,eAAO,MAAM,QAAQ;;;;CAA+C,CAAC;AACrE,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,qEAAqE;AACrE,eAAO,MAAM,YAAY;;;;CAA8C,CAAC;AACxE,2EAA2E;AAC3E,eAAO,MAAM,aAAa;;;CAAmC,CAAC;AAE9D,sEAAsE;AACtE,eAAO,MAAM,KAAK;;;CAA0C,CAAC;AAE7D,mEAAmE;AACnE,eAAO,MAAM,aAAa,MAAM,CAAC;AAIjC,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,qEAAqE;AACrE,eAAO,MAAM,qBAAqB,GAAI,WAAW,MAAM,KAAG,MACN,CAAC;AACrD,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,WAAW,MAAM,KAAG,MACZ,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;CAA2C,CAAC;AAC/E,wFAAwF;AACxF,eAAO,MAAM,oBAAoB;;;CAA6C,CAAC;AAE/E;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,cAAc,CAUjF"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View, type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+/**
+ * The native `Progress`: the same track, bar, dial and segments the MUI half
+ * draws, on `View`s and a `react-native-svg` arc.
+ */
+export declare const Progress: React.ForwardRefExoticComponent<import("./Progress.base").ProgressBaseProps & Omit<ViewProps, "style" | keyof import("./Progress.base").ProgressBaseProps> & {
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Progress.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAmTtB;;;GAGG;AACH,eAAO,MAAM,QAAQ;;8BAuDnB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ProgressBaseProps } from './Progress.base';
+export type { ProgressBaseProps, ProgressSize, ProgressVariant } from './Progress.base';
+/** The native `Progress`: the shared contract, plus a `View`'s own props. */
+export type ProgressProps = ProgressBaseProps & Omit<ViewProps, keyof ProgressBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Progress.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAExF,6EAA6E;AAC7E,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,SAAS,EAAE,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Progress } from './Progress.native';
+export type { ProgressBaseProps, ProgressProps, ProgressSize, ProgressVariant, } from './Progress.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,eAAe,GAChB,MAAM,yBAAyB,CAAC"}

package/dist/types-native/components/layout/Container/Container.metrics.d.ts

@@ -33,19 +33,25 @@ export declare const CONTAINER_COMPACT_BELOW = 600;
  */
 export declare function resolveContainerMaxWidth(variant: ContainerVariant, maxWidth: ContainerMaxWidth | string): ContainerMaxWidthKey | false;
 /**
- * The inset every side of the container is PAINTED with, in spacing units.
+ * The inset every side of the container is painted with, in spacing units.
  *
- * This is the web's painted result, not its declared intent, and two of its
- * rules are worth knowing before reaching for them:
+ * `??`, not `||`: `none` is 0, and 0 is falsy. Reading the map with `||` sent
+ * `padding="none"` through to the `md` default, so the one value a caller
+ * would reach for to remove the inset was the one value that could not.
+ * A word outside the vocabulary still reads as the default.
+ */
+export declare function containerPaddingUnits(padding: ContainerPadding | string, compact: boolean): number;
+/**
+ * What `variant="padded"` paints above and below, in spacing units — the
+ * horizontal inset stays whatever `padding` says.
  *
- * - `padding="none"` paints the default. The web reads its map with `||`, so
- *   `none`'s 0 falls through to `md`.
- * - `variant="padded"` paints the same inset as `default`. The web declares its
- *   {@link CONTAINER_PADDED_VERTICAL_UNITS} above and below BEFORE the
- *   `padding` shorthand, which therefore overrides them.
+ * The variant used to paint nothing of its own: the web declared these before
+ * the `padding` shorthand, which overrode them, and the native half copied the
+ * painted result so the two would agree. Now both read this.
  *
- * Both renderers read this one function so they agree today; either fix is a
- * change to the web's emitted CSS and to this function, made together.
+ * A `responsive` container under {@link CONTAINER_COMPACT_BELOW} compacts, as
+ * every other inset does; a tall vertical inset is the first thing a phone
+ * cannot spare.
  */
-export declare function containerPaddingUnits(padding: ContainerPadding | string, compact: boolean): number;
+export declare function containerVerticalUnits(variant: ContainerVariant, padding: ContainerPadding | string, compact: boolean): number;
 //# sourceMappingURL=Container.metrics.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE9F;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAErE;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAMrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAA2B,CAAC;AACtE,sEAAsE;AACtE,eAAO,MAAM,4BAA4B,EAAE,oBAA2B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAOpE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,gBAAuB,CAAC;AAEhE,0EAA0E;AAC1E,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,wFAAwF;AACxF,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAI3C;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,iBAAiB,GAAG,MAAM,GACnC,oBAAoB,GAAG,KAAK,CAK9B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAIlG"}
+{"version":3,"file":"Container.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE9F;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAErE;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAMrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAA2B,CAAC;AACtE,sEAAsE;AACtE,eAAO,MAAM,4BAA4B,EAAE,oBAA2B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAOpE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,gBAAuB,CAAC;AAEhE,0EAA0E;AAC1E,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,wFAAwF;AACxF,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAI3C;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,iBAAiB,GAAG,MAAM,GACnC,oBAAoB,GAAG,KAAK,CAK9B;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAIlG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,gBAAgB,GAAG,MAAM,EAClC,OAAO,EAAE,OAAO,GACf,MAAM,CAGR"}

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

@@ -19,8 +19,8 @@ export interface ContainerStyleArgs {
  * `width: 100%` between auto margins is MUI's own centring rule; `maxWidth` is
  * the breakpoint the web applies under `min-width` (below it the column is
  * narrower anyway); the `responsive` media query becomes a window-width test;
- * `centered`'s `100vh` becomes the window height. `padded` and `padding="none"`
- * paint what the web paints — see `containerPaddingUnits`.
+ * `centered`'s `100vh` becomes the window height. `padded`'s vertical inset
+ * and `padding="none"`'s zero come from the same two functions the web reads.
  */
 export declare function containerStyle(theme: UiTheme, a: ContainerStyleArgs): ViewStyle;
 /** The native `Container`: a `View` sized by the same rules MUI's `Container` and the web `sx` apply. */

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

@@ -1 +1 @@
-{"version":3,"file":"Container.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAuB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAkB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGtH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,MAAM,CAAC;IACrC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAa/E;AAED,yGAAyG;AACzG,eAAO,MAAM,SAAS;;8BAoBrB,CAAC"}
+{"version":3,"file":"Container.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAuB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAkB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGtH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,MAAM,CAAC;IACrC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAc/E;AAED,yGAAyG;AACzG,eAAO,MAAM,SAAS;;8BAoBrB,CAAC"}

package/dist/types-native/components/layout/Skeleton/Skeleton.base.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'wave';
+export type SkeletonAnimation = 'pulse' | 'wave' | false;
+export type SkeletonIntensity = 'low' | 'medium' | 'high';
+/**
+ * The contract both renderers honour. `className` and a CSS `style` are the
+ * web's own and stay in `Skeleton.types.ts`; `style` on native is a
+ * `ViewStyle` and is declared in `Skeleton.types.native.ts`.
+ */
+export interface SkeletonBaseProps {
+    variant?: SkeletonVariant;
+    animation?: SkeletonAnimation;
+    width?: number | string;
+    height?: number | string;
+    count?: number;
+    /** Between instances, in SPACING UNITS — `theme.spacing(n)` on both sides. */
+    spacing?: number;
+    borderRadius?: number | string;
+    intensity?: SkeletonIntensity;
+    glassmorphism?: boolean;
+    shimmer?: boolean;
+    /**
+     * All three spellings of the same id: the web forwards `data-testid`, React
+     * Native calls it `testID`, and `dataTestId` is the house name. See
+     * `src/platform/test-id.ts`.
+     */
+    testID?: string;
+    dataTestId?: string;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Skeleton.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.base.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/types-native/components/layout/Skeleton/Skeleton.helpers.d.ts

@@ -0,0 +1,16 @@
+import type { SkeletonBaseProps } from './Skeleton.base';
+type SkeletonDefaultedKeys = 'variant' | 'animation' | 'count' | 'spacing' | 'intensity' | 'glassmorphism' | 'shimmer';
+/**
+ * Generic over the renderer's own props: the web and the native `Skeleton`
+ * carry different extras (`className`/`style` against a `View`'s props), and
+ * both come back out untouched.
+ */
+type ResolvedSkeletonProps<P extends SkeletonBaseProps> = P & Required<Pick<SkeletonBaseProps, SkeletonDefaultedKeys>>;
+export declare const resolveSkeletonProps: <P extends SkeletonBaseProps>(props: P) => ResolvedSkeletonProps<P>;
+/**
+ * The id of instance `index` when a caller asked for several. Unnamed
+ * skeletons stay unnamed — the web has always cloned `undefined` there.
+ */
+export declare const skeletonInstanceTestId: (base: string | undefined, index: number) => string | undefined;
+export {};
+//# sourceMappingURL=Skeleton.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,qBAAqB,GACtB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,WAAW,GACX,eAAe,GACf,SAAS,CAAC;AAEd;;;;GAIG;AACH,KAAK,qBAAqB,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,GACzD,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAmB3D,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,iBAAiB,EAC9D,OAAO,CAAC,KACP,qBAAqB,CAAC,CAAC,CACsD,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,MAAM,MAAM,GAAG,SAAS,EACxB,OAAO,MAAM,KACZ,MAAM,GAAG,SAAoD,CAAC"}

package/dist/types-native/components/layout/Skeleton/Skeleton.metrics.d.ts

@@ -0,0 +1,68 @@
+import type { SkeletonIntensity, SkeletonVariant } from './Skeleton.base';
+/**
+ * THE NUMBERS BOTH `Skeleton` RENDERERS DRAW WITH.
+ *
+ * `Skeleton.styles.ts` (web, emotion over MUI's own `Skeleton`) and
+ * `Skeleton.native.tsx` (React Native) read this one table. The web turns them
+ * into CSS strings — `blur(20px)`, `shimmer 2s infinite` — and native uses the
+ * numbers as they are, so neither renderer restates a value.
+ *
+ * Two groups live here. The first is what the web component WRITES (the
+ * intensity alphas, the default box, the glass and shimmer washes). The second
+ * is what MUI's own `Skeleton` contributes on the web and the native half
+ * therefore has to restate: its pulse keyframe, its wave cadence, and the
+ * geometry of the `text` variant. Those are MUI's DEFAULTS — a host that
+ * re-themes them moves the web only, which `NATIVE-NOTES.md` records.
+ */
+/** The tint's alpha over the ink, per intensity. */
+export declare const SKELETON_INTENSITY_OPACITY: Record<SkeletonIntensity, number>;
+/** The box a variant draws when the caller gives no `width`/`height`. */
+export declare const SKELETON_DEFAULT_DIMENSIONS: Record<SkeletonVariant, {
+    width: number | string;
+    height: number | undefined;
+}>;
+/** The 135° wash over `background.paper`, from the first stop to the last. */
+export declare const GLASS_BACKGROUND_ALPHA_FROM = 0.8;
+export declare const GLASS_BACKGROUND_ALPHA_TO = 0.4;
+export declare const GLASS_BLUR_PX = 20;
+export declare const GLASS_BORDER_ALPHA = 0.2;
+/** `0 8px 32px 0 rgba(0, 0, 0, 0.1)`. */
+export declare const GLASS_SHADOW: {
+    readonly offsetY: 8;
+    readonly blur: 32;
+    readonly alpha: 0.1;
+};
+/** The sweep's middle stop, over white. */
+export declare const SHIMMER_ALPHA = 0.3;
+export declare const SHIMMER_DURATION_MS = 2000;
+/**
+ * MUI's `palette.common`, which is a pair of fixed hexes rather than anything
+ * derived — so the shared theme has no slot for them and they are named here.
+ */
+export declare const COMMON_BLACK = "#000";
+export declare const COMMON_WHITE = "#fff";
+/**
+ * MUI's `pulseKeyframe`: opacity 1 → 0.4 → 1, `2s ease-in-out 0.5s infinite`.
+ * The delay runs once on the web; native replays it each lap unless the
+ * animation is sequenced, which `Skeleton.native.tsx` does.
+ */
+export declare const PULSE: {
+    readonly durationMs: 2000;
+    readonly delayMs: 500;
+    readonly dip: 0.4;
+};
+/** MUI's `wave` sweep: `1.6s linear 0.5s infinite`, in `palette.action.hover`. */
+export declare const WAVE: {
+    readonly durationMs: 1600;
+    readonly delayMs: 500;
+};
+/**
+ * The `text` variant, as MUI draws it: a line box `1.2em` tall squashed to 60%
+ * of its height (`transform: scale(1, 0.60)`), with a `4px/6.7px` elliptical
+ * radius that the same squash turns back into a round 4px. React Native has no
+ * `em`, and its transforms do not change layout, so the native half multiplies
+ * the two out into one height and draws the plain 4px radius the squash lands on.
+ */
+export declare const TEXT_LINE_HEIGHT_EM = 1.2;
+export declare const TEXT_SCALE_Y = 0.6;
+//# sourceMappingURL=Skeleton.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE1E;;;;;;;;;;;;;;GAcG;AAEH,oDAAoD;AACpD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIxE,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,eAAe,EACf;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAOvD,CAAC;AAIF,8EAA8E;AAC9E,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,yCAAyC;AACzC,eAAO,MAAM,YAAY;;;;CAAgD,CAAC;AAI1E,2CAA2C;AAC3C,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,YAAY,SAAS,CAAC;AACnC,eAAO,MAAM,YAAY,SAAS,CAAC;AAInC;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;CAAwD,CAAC;AAE3E,kFAAkF;AAClF,eAAO,MAAM,IAAI;;;CAA8C,CAAC;AAEhE;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,YAAY,MAAM,CAAC"}