@12-apps/ui 6.19.0 → 6.20.0

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

@@ -1,36 +1,22 @@
-import type { SxProps, Theme } from '@mui/material/styles/index.js';
-import type { KeyboardEvent, ReactElement } from 'react';
-import type { ChipProps } from './Chip.types';
+/** `${dataTestId}-label`, or `chip-label` when the caller named nothing. */
 export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
-interface KeyHandlerArgs {
+/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */
+export declare const chipRole: (selectable?: boolean, onClick?: unknown) => "option" | "button" | undefined;
+export declare const isClickable: (disabled?: boolean, onClick?: unknown, selectable?: boolean) => boolean;
+/** What a key press on a chip means, if anything. */
+export type ChipKeyAction = 'delete' | 'activate' | null;
+export interface ChipKeyArgs {
     disabled?: boolean;
     deletable?: boolean;
     selectable?: boolean;
-    onClick?: () => void;
-    onDelete?: () => void;
-}
-/**
- * A chip is not a native control, so the two keyboard conventions it stands in for
- * are wired by hand: Delete/Backspace removes it, Enter/Space activates it.
- */
-export declare const makeKeyDownHandler: ({ disabled, deletable, selectable, onClick, onDelete }: KeyHandlerArgs) => (event: KeyboardEvent) => void;
-export declare const avatarFor: (avatar: ChipProps["avatar"], avatarSrc?: string) => ReactElement | undefined;
-interface ChipStyleArgs {
-    variant: ChipProps['variant'];
-    selected?: boolean;
-    clickable?: boolean;
-    disabled?: boolean;
+    onClick?: unknown;
+    onDelete?: unknown;
 }
 /**
- * Selection styling uses SEMANTIC palette tokens (not hardcoded rgba). A filled
- * selected chip keeps MUI's solid `color.main` + contrast text (clear active
- * state); an outlined selected chip gets a subtle theme-driven `action.selected`
- * tint so it reads as active without muddying the fill.
+ * A chip is not a native control, so the two keyboard conventions it stands in
+ * for are decided by hand: Delete/Backspace removes it, Enter/Space activates
+ * it. Both renderers read this one decision — the web wires it to the DOM
+ * handler, the native half to react-native-web's (see `Chip.native.tsx`).
  */
-export declare const chipStyles: ({ variant, selected, clickable, disabled, }: ChipStyleArgs) => SxProps<Theme>;
-/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */
-export declare const chipRole: (selectable?: boolean, onClick?: () => void) => "option" | "button" | undefined;
-export declare const isClickable: (disabled?: boolean, onClick?: () => void, selectable?: boolean) => boolean;
-export declare const iconWithTestId: (icon: ChipProps["icon"], testId: string) => ReactElement | undefined;
-export {};
+export declare function chipKeyAction(key: string, a: ChipKeyArgs): ChipKeyAction;
 //# sourceMappingURL=Chip.helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.helpers.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MACyC,CAAC;AAE9D,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAKD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC5B,wDAAwD,cAAc,MACtE,OAAO,aAAa,KAAG,IAavB,CAAC;AAEJ,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,CAAC,QAAQ,CAAC,EAC3B,YAAY,MAAM,KACjB,YAAY,GAAG,SAQjB,CAAC;AAEF,UAAU,aAAa;IACrB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,6CAKxB,aAAa,KAAG,OAAO,CAAC,KAAK,CA8B/B,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,QAAQ,GACnB,aAAa,OAAO,EACpB,UAAU,MAAM,IAAI,KACnB,QAAQ,GAAG,QAAQ,GAAG,SAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,OAAO,EAClB,UAAU,MAAM,IAAI,EACpB,aAAa,OAAO,KACnB,OAAiE,CAAC;AAErE,eAAO,MAAM,cAAc,GACzB,MAAM,SAAS,CAAC,MAAM,CAAC,EACvB,QAAQ,MAAM,KACb,YAAY,GAAG,SAKH,CAAC"}
+{"version":3,"file":"Chip.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.helpers.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MACyC,CAAC;AAE9D,wFAAwF;AACxF,eAAO,MAAM,QAAQ,GACnB,aAAa,OAAO,EAGpB,UAAU,OAAO,KAChB,QAAQ,GAAG,QAAQ,GAAG,SAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,OAAO,EAClB,UAAU,OAAO,EACjB,aAAa,OAAO,KACnB,OAAiE,CAAC;AAErE,qDAAqD;AACrD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC;AAKzD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,GAAG,aAAa,CAKxE"}

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

@@ -0,0 +1,30 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+import type { KeyboardEvent, ReactElement } from 'react';
+import { type ChipKeyArgs } from './Chip.helpers';
+import type { ChipProps } from './Chip.types';
+/**
+ * A chip is not a native control, so the two keyboard conventions it stands in
+ * for are wired by hand: Delete/Backspace removes it, Enter/Space activates it.
+ * The DECISION is `chipKeyAction`, which the native half reads too.
+ */
+export declare const makeKeyDownHandler: (args: ChipKeyArgs & {
+    onClick?: () => void;
+    onDelete?: () => void;
+}) => (event: KeyboardEvent) => void;
+export declare const avatarFor: (avatar: ChipProps["avatar"], avatarSrc?: string) => ReactElement | undefined;
+interface ChipStyleArgs {
+    variant: ChipProps['variant'];
+    selected?: boolean;
+    clickable?: boolean;
+    disabled?: boolean;
+}
+/**
+ * Selection styling uses SEMANTIC palette tokens (not hardcoded rgba). A filled
+ * selected chip keeps MUI's solid `color.main` + contrast text (clear active
+ * state); an outlined selected chip gets a subtle theme-driven `action.selected`
+ * tint so it reads as active without muddying the fill.
+ */
+export declare const chipStyles: ({ variant, selected, clickable, disabled, }: ChipStyleArgs) => SxProps<Theme>;
+export declare const iconWithTestId: (icon: ChipProps["icon"], testId: string) => ReactElement | undefined;
+export {};
+//# sourceMappingURL=Chip.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.styles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC5B,MAAM,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,MACnE,OAAO,aAAa,KAAG,IASvB,CAAC;AAEJ,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,CAAC,QAAQ,CAAC,EAC3B,YAAY,MAAM,KACjB,YAAY,GAAG,SASjB,CAAC;AAEF,UAAU,aAAa;IACrB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,6CAKxB,aAAa,KAAG,OAAO,CAAC,KAAK,CA2B/B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,MAAM,SAAS,CAAC,MAAM,CAAC,EACvB,QAAQ,MAAM,KACb,YAAY,GAAG,SAKH,CAAC"}

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

@@ -1,71 +1,8 @@
-import type { ColorValue, SizeValue } from '../../../tokens/scales';
-import type { ReactNode } from 'react';
-export type ChipVariant = 'filled' | 'outlined';
-/**
- * The house size scale, abbreviated like every other component's.
- *
- * `Avatar`, `Badge`, `Progress`, `Input`, `Modal` and `Dialog` all use `sm`/`md`;
- * this was `'small' | 'medium'`, MUI's spelling, and the sole outlier in the
- * package. That was not merely inconsistent — callers wrote `size="sm"` because
- * every neighbouring component taught them to, it type-checked against the old
- * `ChipSize` nowhere and reached MUI as an unknown value, and the chip silently
- * rendered at the default `medium`. Twelve of them are doing that today.
- *
- * All five stops, and `Chip.tsx` draws them: MUI gives a chip two heights, so
- * `xs`/`sm` map to small and `md` and up to medium. Offering fewer than five
- * here is what made callers write `size="sm"` against a type that did not have
- * it — the scale is the vocabulary, and a component that speaks a dialect of it
- * is the problem, not the solution.
- */
-export type ChipSize = SizeValue;
-/**
- * The colours a chip can draw — THE HOUSE VOCABULARY, identical to `ButtonProps`.
- *
- * `danger` and `neutral` are ours; the rest are MUI's own names already. That is
- * the same sentence `Button.tsx` carries, and deliberately so: `Button`, `Alert`,
- * `Text`, `Heading`, `Paragraph` and `Blockquote` all speak this vocabulary, so a
- * chip is the odd one out if it does not.
- *
- * This prop was `string`, and the widening was not free. `danger` — the house
- * word for the destructive meaning, and what every neighbouring component
- * accepts — reached MUI as an unknown value and fell back to the default grey.
- * The chip that most needed emphasis rendered without any, and nothing said so.
- *
- * The fix is NOT to reject `danger`. Rejecting it would punish a caller for
- * using the vocabulary the rest of the system taught them. The fix is for the
- * chip to speak it and translate at the MUI boundary, exactly as `Button` does.
- */
-export type ChipColor = ColorValue;
-export interface ChipProps {
-    /** Text content displayed in the chip */
-    label: string;
-    /** Visual style variant */
-    variant?: ChipVariant;
-    /** Size of the chip */
-    size?: ChipSize;
-    /** Theme color token. See {@link ChipColor} for why this is a closed set. */
-    color?: ChipColor;
-    /** Source URL for avatar image */
-    avatarSrc?: string;
-    /** Custom avatar React node (overrides avatarSrc) */
-    avatar?: ReactNode;
-    /** Leading icon React node */
-    icon?: ReactNode;
-    /** Current selection state */
-    selected?: boolean;
-    /** Enables selection toggle capability */
-    selectable?: boolean;
-    /** Shows delete button */
-    deletable?: boolean;
-    /** Disables all interactions */
-    disabled?: boolean;
-    /** Click/selection handler */
-    onClick?: () => void;
-    /** Delete action handler */
-    onDelete?: () => void;
+import type { ChipBaseProps } from './Chip.base';
+export type { ChipBaseProps, ChipColor, ChipSize, ChipVariant } from './Chip.base';
+/** The web `Chip`: the shared contract, plus the DOM's own styling hook. */
+export interface ChipProps extends ChipBaseProps {
     /** Additional CSS classes */
     className?: string;
-    /** Test ID for component testing */
-    dataTestId?: string;
 }
 //# sourceMappingURL=Chip.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,SAAS;IACxB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEnF,4EAA4E;AAC5E,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,kBAAkB,CAAC;AA4OrF,eAAO,MAAM,QAAQ,mGA8CpB,CAAC"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,kBAAkB,CAAC;AA4OrF,eAAO,MAAM,QAAQ,mGA+CpB,CAAC"}

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

@@ -1,6 +1,18 @@
-import type { ProgressProps } from './Progress.types';
+import type { ProgressBaseProps } from './Progress.base';
 type ProgressDefaultedKeys = 'variant' | 'size' | 'color' | 'glow' | 'pulse' | 'showLabel' | 'segments' | 'thickness' | 'dataTestId';
-type ResolvedProgressProps = ProgressProps & Required<Pick<ProgressProps, ProgressDefaultedKeys>>;
-export declare const resolveProgressProps: (props: ProgressProps) => ResolvedProgressProps;
+/**
+ * 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/components/data-display/Progress/Progress.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,qBAAqB,GACtB,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,WAAW,GACX,YAAY,CAAC;AAEjB,KAAK,qBAAqB,GAAG,aAAa,GACxC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAqBvD,eAAO,MAAM,oBAAoB,GAAI,OAAO,aAAa,KAAG,qBACiB,CAAC"}
+{"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/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/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/components/data-display/Progress/Progress.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAGpF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGtE,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,YAuB/D,CAAC;AAUF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;YARF,MAAM;kBAAgB,MAAM;cAAY,MAAM;CAQM,CAAC;AAEpG,eAAO,MAAM,gBAAgB,GAC3B,SAAS,eAAe,GAAG,SAAS,EACpC,cAAc,YAAY,KACzB,SAiBF,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAQD,CAAC;AAEH,eAAO,MAAM,sBAAsB,GACjC,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAOD,CAAC"}
+{"version":3,"file":"Progress.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAapF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKtE,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,YAuB/D,CAAC;AAYF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;YARF,MAAM;kBAAgB,MAAM;cAAY,MAAM;CAQM,CAAC;AAEpG,eAAO,MAAM,gBAAgB,GAC3B,SAAS,eAAe,GAAG,SAAS,EACpC,cAAc,YAAY,KACzB,SAiBF,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAQD,CAAC;AAEH,eAAO,MAAM,sBAAsB,GACjC,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAOD,CAAC"}

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

@@ -1,51 +1,7 @@
-import type { ColorValue, SizeValue } from '../../../tokens/scales';
 import type { LinearProgressProps } from '@mui/material/LinearProgress/index.js';
-export type ProgressVariant = 'linear' | 'circular' | 'segmented' | 'gradient' | 'glass';
-export type ProgressSize = SizeValue;
-export interface ProgressProps extends Omit<LinearProgressProps, 'variant' | 'color'> {
-    /**
-     * 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;
-    /**
-     * Test ID for testing purposes
-     */
-    dataTestId?: string;
+import type { ProgressBaseProps } from './Progress.base';
+export type { ProgressBaseProps, ProgressSize, ProgressVariant } from './Progress.base';
+/** The web `Progress`: the shared contract, plus MUI's `LinearProgress` extras. */
+export interface ProgressProps extends ProgressBaseProps, Omit<LinearProgressProps, 'variant' | 'color' | 'value'> {
 }
 //# sourceMappingURL=Progress.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AACzF,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC;AAErC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,OAAO,CAAC;IACnF;;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;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"Progress.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAExF,mFAAmF;AACnF,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;CAAG"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiD9C,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuD9C,CAAC"}

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