@12-apps/ui 6.19.1 → 6.21.0

package/dist/types-native/components/form/Input/Input.look.native.d.ts

@@ -0,0 +1,61 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { InputVariant } from './Input.base';
+import type { UiTheme } from '../../../tokens/theme';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * WHAT A NATIVE `Input` PAINTS, AS ARITHMETIC.
+ *
+ * Kept out of `Input.native.tsx` so that file reads as structure — label, box,
+ * value, helper — and this one reads as the decisions: which border, how thick,
+ * what colour, and where the value sits inside it.
+ */
+export interface FieldState {
+    focused: boolean;
+    error: boolean;
+    disabled: boolean;
+}
+/**
+ * How thick. Only the outline family thickens on focus (MUI's `borderWidth: 2`
+ * on `.Mui-focused .notchedOutline`); `glass` and `gradient` declare their own
+ * constant border and change only its colour.
+ */
+export declare function borderWidthFor(variant: InputVariant, focused: boolean): number;
+/**
+ * The width the border takes out of the horizontal inset — 0 where the web's
+ * border adds to the box rather than floating over it. Exported because the
+ * `Select` draws the same box and has to place its arrow inside the same edge.
+ */
+export declare function horizontalBorderInset(variant: InputVariant, focused: boolean): number;
+export interface FieldLook {
+    /** The row the border is drawn on: fill, edges, corners and horizontal inset. */
+    box: ViewStyle;
+    /** The `TextInput` itself: type, ink and the vertical inset. */
+    value: TextStyle;
+    placeholder: string;
+}
+/**
+ * The field, in absolute numbers.
+ *
+ * The horizontal inset sits on the ROW rather than on the `TextInput`, which is
+ * what MUI does the moment an adornment appears (`paddingLeft: 14` moves to the
+ * input root and the input's own goes to 0) — so one rule serves a field with
+ * adornments and one without.
+ *
+ * Where the web's border costs no height, the inset gives the border back its
+ * width, so the box is the height MUI draws (56px medium, 40px small) and the
+ * value does not shift by a pixel when the focused border thickens.
+ */
+export declare function fieldLook(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): FieldLook;
+/**
+ * The label's ink. MUI's `FormLabel` is `text.secondary`, the focus colour is
+ * the palette's `main`, and error and disabled are declared after it and win.
+ */
+export declare function labelStyle(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): TextStyle;
+/**
+ * `FormHelperText`: caption type, 3px below the field, inset 14px when
+ * contained — and 4px below at MUI's `small` density, which `INPUT_MUI_SIZE`
+ * selects for `xs` and `sm` (`FormHelperText.js`: `marginTop: 3`, then a
+ * `size: 'small'` variant raising it to 4).
+ */
+export declare function helperStyle(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): TextStyle;
+//# sourceMappingURL=Input.look.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AA4BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAI9E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAGrF;AA4DD,MAAM,WAAW,SAAS;IACxB,iFAAiF;IACjF,GAAG,EAAE,SAAS,CAAC;IACf,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CA8BX;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAkB/G;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CAaX"}

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

@@ -0,0 +1,186 @@
+import type { InputVariant } from './Input.base';
+import type { UiTheme } from '../../../tokens/theme';
+import { type SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Input` RENDERERS DRAW WITH.
+ *
+ * `Input.styles.ts` (web, emotion over MUI's `TextField`) and
+ * `Input.native.tsx` (React Native) read this one table. The web turns the px
+ * into the padding shorthands and rem it has always emitted; native uses the
+ * numbers as they are.
+ *
+ * Two kinds of number live here, and the difference matters:
+ *
+ *  - the ones `Input.styles.ts` writes itself — the size overrides, the glow,
+ *    the pulse, the glass and gradient alphas, the filled wash;
+ *  - the ones MUI supplies UNDER those overrides — `OutlinedInput`'s
+ *    `16.5px 14px`, `InputBase`'s 23px line box, `FormHelperText`'s 3px lift.
+ *    The web never writes them, but it draws them, so a native field that
+ *    wants the same box has to know them. They are MUI 6.5's own values,
+ *    copied with their source named; a host that re-themes MUI's components
+ *    moves the web only, which the parity ledger records.
+ */
+export interface InputInset {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/** MUI gives a text field two heights; the house scale has five. */
+export type MuiInputSize = 'small' | 'medium';
+export type MuiInputVariant = 'outlined' | 'filled' | 'standard';
+/** Our five variants map onto MUI's three; `glass` and `gradient` restyle an outline. */
+export declare const muiVariantFor: (variant: InputVariant) => MuiInputVariant;
+/** Which of MUI's two heights each step of the house scale asks for. */
+export declare const INPUT_MUI_SIZE: Record<SizeValue, MuiInputSize>;
+/**
+ * The three steps MUI has no height for, as `padding` on the input itself.
+ *
+ * `sm` and `md` are absent on purpose — they ARE MUI's two heights, so they
+ * fall through to {@link MUI_INPUT_PADDING} below rather than restating it.
+ * (`lg`'s 16px is a hair under `md`'s 16.5px: the override is a round number
+ * where MUI's is derived from a 56px box. Kept as written — this table is what
+ * the web draws, not what it ought to draw.)
+ */
+export declare const INPUT_SIZE_OVERRIDES: Partial<Record<SizeValue, {
+    vertical: number;
+    horizontal: number;
+}>>;
+/**
+ * MUI's own input padding per variant and height (`OutlinedInput`,
+ * `FilledInput`, `InputBase`). The filled insets are lopsided because the
+ * floating label sits inside the box on the web.
+ */
+export declare const MUI_INPUT_PADDING: Record<MuiInputVariant, Record<MuiInputSize, InputInset>>;
+/** The inset the value is drawn at: the size override where there is one, MUI's otherwise. */
+export declare function inputPadding(variant: InputVariant, size: SizeValue): InputInset;
+/** `theme.typography.body1` and `InputBase`'s `lineHeight: '1.4375em'`, in px. */
+export declare const INPUT_FONT_SIZE = 16;
+export declare const INPUT_LINE_HEIGHT = 23;
+/** MUI's `::placeholder` opacity, which multiplies the ink's own alpha. */
+export declare const PLACEHOLDER_OPACITY: {
+    readonly light: 0.42;
+    readonly dark: 0.5;
+};
+/**
+ * The placeholder's colour: the field's ink faded by MUI's opacity.
+ *
+ * `alpha()` REPLACES an alpha channel, and `text.primary` already carries one
+ * (`rgba(0, 0, 0, 0.87)`), so `alpha(ink, 0.42)` would be a different grey from
+ * the one the browser composites. React Native has no per-placeholder opacity —
+ * only `placeholderTextColor` — so the multiplication happens here.
+ */
+export declare function placeholderInk(theme: UiTheme): string;
+/** The outline: 1px at rest, 2px focused, as MUI's `notchedOutline` draws it. */
+export declare const INPUT_BORDER: {
+    readonly rest: 1;
+    readonly focused: 2;
+};
+/** `FilledInput`'s and `Input`'s resting underline, MUI's own two greys. */
+export declare const UNDERLINE_COLOR: {
+    readonly light: "rgba(0, 0, 0, 0.42)";
+    readonly dark: "rgba(255, 255, 255, 0.7)";
+};
+/**
+ * The label. It floats into the border on the web and sits above the field on
+ * native, but it is the SAME label: 16px body type at MUI's shrunk scale, and
+ * left-aligned with the value it names ({@link inputPadding}'s `left`).
+ *
+ * The 4px gap is MUI's own: a standard field puts 16px between the control's
+ * top and the input, and the shrunk label's 12px line box takes the first 12.
+ */
+export declare const INPUT_LABEL: {
+    readonly scale: 0.75;
+    readonly gap: 4;
+};
+/** `FormHelperText`: `theme.typography.caption` lifted 3px, inset 14px when contained. */
+export declare const HELPER_TEXT: {
+    readonly fontSize: 12;
+    readonly lineHeight: 1.66;
+    readonly marginTop: 3;
+    readonly marginTopSmall: 4;
+    readonly marginHorizontal: 14;
+};
+/** `InputAdornment`: 8px between the glyph and the value, on whichever side it is. */
+export declare const ADORNMENT_GAP = 8;
+/** `loading`: the field fades and MUI's 20px `CircularProgress` takes the end slot. */
+export declare const INPUT_LOADING: {
+    readonly opacity: 0.7;
+    readonly spinnerSize: 20;
+};
+/** `glow`: a halo of the primary hue, wider and stronger while focused. */
+export declare const INPUT_GLOW: {
+    readonly rest: {
+        readonly blur: 15;
+        readonly alpha: 0.3;
+    };
+    readonly focused: {
+        readonly blur: 20;
+        readonly alpha: 0.5;
+    };
+};
+/** `pulse`: a 56px bar behind the field, fading outward every two seconds. */
+export declare const INPUT_PULSE: {
+    readonly height: 56;
+    readonly radiusUnits: 0.5;
+    readonly opacity: 0.3;
+    readonly ms: 2000;
+    readonly spread: 10;
+};
+/** `floating`: where the label rests and where it shrinks to, on the web. */
+export declare const FLOATING_LABEL: {
+    readonly rest: {
+        readonly x: 14;
+        readonly y: 16;
+    };
+    readonly shrink: {
+        readonly x: 14;
+        readonly y: -9;
+    };
+    readonly scale: 0.75;
+    readonly paddingX: 4;
+};
+/** `glass`: a wash of paper under a blur, brighter as the field is engaged. */
+export declare const INPUT_GLASS: {
+    readonly background: {
+        readonly rest: 0.1;
+        readonly hover: 0.15;
+        readonly focused: 0.2;
+    };
+    readonly blur: 20;
+    readonly hoverBorderAlpha: 0.3;
+    readonly focusRing: {
+        readonly width: 2;
+        readonly alpha: 0.1;
+    };
+};
+/** `gradient`: a 135° fill between the two brand hues, inside a 2px masked ring. */
+export declare const INPUT_GRADIENT: {
+    readonly angleDeg: 135;
+    readonly fill: {
+        readonly rest: 0.1;
+        readonly hover: 0.15;
+        readonly focused: 0.2;
+    };
+    readonly borderWidth: 2;
+};
+/** `filled`: MUI's own grey replaced by a wash of `action.hover`. */
+export declare const FILLED_WASH: {
+    readonly rest: 0.04;
+    readonly hover: 0.08;
+    readonly focused: 0.12;
+};
+/**
+ * The `sx` the web spreads onto the `TextField` for a size: MUI's height, plus
+ * the input padding for the three steps MUI has no height for.
+ */
+export interface InputSizeProps {
+    size: MuiInputSize;
+    sx?: {
+        '& .MuiInputBase-input': {
+            padding: string;
+        };
+    };
+}
+export declare const SIZE_MAP: Record<SizeValue, InputSizeProps>;
+//# sourceMappingURL=Input.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEzE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,oEAAoE;AACpE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,yFAAyF;AACzF,eAAO,MAAM,aAAa,GAAI,SAAS,YAAY,KAAG,eAUrD,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAM1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAIrG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAavF,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,GAAG,UAAU,CAW/E;AAED,kFAAkF;AAClF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB;;;CAAsC,CAAC;AAEvE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQrD;AAED,iFAAiF;AACjF,eAAO,MAAM,YAAY;;;CAAmC,CAAC;AAE7D,4EAA4E;AAC5E,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;CAAmC,CAAC;AAE5D,0FAA0F;AAC1F,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,sFAAsF;AACtF,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,uFAAuF;AACvF,eAAO,MAAM,aAAa;;;CAA6C,CAAC;AAExE,2EAA2E;AAC3E,eAAO,MAAM,UAAU;;;;;;;;;CAGb,CAAC;AAEX,8EAA8E;AAC9E,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,6EAA6E;AAC7E,eAAO,MAAM,cAAc;;;;;;;;;;;CAKjB,CAAC;AAEX,+EAA+E;AAC/E,eAAO,MAAM,WAAW;;;;;;;;;;;;CAKd,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,cAAc;;;;;;;;CAIjB,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,WAAW;;;;CAAsD,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,EAAE,CAAC,EAAE;QAAE,uBAAuB,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;CACvD;AAYD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAEjB,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { TextInput as RNTextInput, type GestureResponderEvent, type InputModeOptions, type StyleProp, type TextInputProps as RNTextInputProps, type TextStyle, type ViewStyle } from 'react-native';
+export declare function typeProps(type: string | undefined): {
+    inputMode?: InputModeOptions;
+    secureTextEntry?: boolean;
+};
+/**
+ * The native `Input`.
+ *
+ * The label sits ABOVE the field rather than floating into a notch in its
+ * border, because React Native cannot cut a notch in a border — see
+ * `NATIVE-NOTES.md`. Everything else is the web field's arithmetic:
+ * `Input.look.native.ts` decides the paint, `Input.metrics.ts` holds the
+ * numbers, and both renderers read the same table.
+ */
+export declare const Input: React.ForwardRefExoticComponent<import("./Input.base").InputBaseProps & Omit<RNTextInputProps, "style" | keyof import("./Input.base").InputBaseProps> & {
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+} & React.RefAttributes<RNTextInput>>;
+//# sourceMappingURL=Input.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,IAAI,WAAW,EAExB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,cAAc,IAAI,gBAAgB,EACvC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA4BtB,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG;IACnD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAIA;AA6FD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK;;;;;qCAkEhB,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { GestureResponderEvent, StyleProp, TextInputProps as RNTextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { InputBaseProps } from './Input.base';
+export type { InputBaseProps, InputSize, InputVariant } from './Input.base';
+/**
+ * The native `Input`: the shared contract, plus a react-native `TextInput`'s
+ * own props — `value`, `onChangeText`, `keyboardType`, `selection` and the
+ * rest — where the contract does not already name them.
+ *
+ * `onClick` keeps its web name so a shared screen does not have to know which
+ * renderer it is on, and `onPress` is accepted too; both fire when the field is
+ * pressed. `style` reaches the box the border is drawn on, which is what `sx`
+ * dresses on the web; `inputStyle` reaches the `TextInput` inside it.
+ */
+export type InputProps = InputBaseProps & Omit<RNTextInputProps, keyof InputBaseProps | 'style'> & {
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+};
+//# sourceMappingURL=Input.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,cAAc,IAAI,gBAAgB,EAClC,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5E;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,IAAI,CAAC,gBAAgB,EAAE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Input } from './Input.native';
+export type { InputBaseProps, InputProps, InputSize, InputVariant } from './Input.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

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

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

@@ -0,0 +1,75 @@
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here: this file is in BOTH declaration outputs,
+ * and a native consumer has no `@mui/material` to resolve a type import
+ * against. See `Button.base.ts`.
+ */
+export type SelectVariant = 'default' | 'glass' | 'gradient';
+/** What a value can be. The DOM stringifies either, so the two are compared as strings. */
+export type SelectValue = string | number;
+export interface SelectOption {
+    value: SelectValue;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * The contract both renderers honour.
+ *
+ * `value`, `defaultValue` and `onChange` are NOT here: MUI types the value as
+ * `unknown` and the change as its own `SelectChangeEvent`, while the native
+ * side takes a `SelectValue` and synthesises the `{ target: { value } }` shape
+ * the web handlers already read.
+ */
+export interface SelectBaseProps {
+    /**
+     * Visual variant of the select component
+     * @default 'default'
+     */
+    variant?: SelectVariant;
+    /**
+     * Array of options to display in the select
+     */
+    options: SelectOption[];
+    /**
+     * Label for the select field
+     */
+    label?: string;
+    /**
+     * Helper text to display below the select
+     */
+    helperText?: string;
+    /**
+     * Whether the select should take full width
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * Size of the select component
+     * @default 'medium'
+     */
+    size?: SizeValue;
+    /**
+     * Placeholder text when no option is selected
+     */
+    placeholder?: string;
+    /**
+     * Paints the field, the label and the helper text in the danger hue
+     */
+    error?: boolean;
+    /**
+     * Whether to show a glow effect
+     * @default false
+     */
+    glow?: boolean;
+    /**
+     * Whether to show a pulse animation
+     * @default false
+     */
+    pulse?: boolean;
+    disabled?: boolean;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Select.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7D,2FAA2F;AAC3F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,36 @@
+import type { SelectBaseProps, SelectOption, SelectValue } from './Select.base';
+type SelectDefaultedKeys = 'variant' | 'size' | 'fullWidth' | 'error' | 'glow' | 'pulse' | 'disabled';
+export type ResolvedSelectProps<P extends SelectBaseProps> = P & Required<Pick<SelectBaseProps, SelectDefaultedKeys>>;
+export declare const resolveSelectProps: <P extends SelectBaseProps>(props: P) => ResolvedSelectProps<P>;
+/** One row of the list: an option, or the disabled placeholder above them. */
+export interface SelectItem {
+    value: SelectValue;
+    label: string;
+    disabled: boolean;
+    /** The placeholder is not an option: it carries no test id and cannot be chosen. */
+    placeholder: boolean;
+    option?: SelectOption;
+}
+/**
+ * The list MUI renders: the placeholder first when there is one, then the
+ * options, in the order `renderMenuItems` builds them.
+ */
+export declare function selectItems(options: SelectOption[], placeholder?: string): SelectItem[];
+/**
+ * What the display slot shows.
+ *
+ * The LAST match wins, which is MUI's own answer: `SelectInput` walks its
+ * children and overwrites the display for every child whose value matches, so
+ * a list carrying both an empty placeholder and a real empty-valued option
+ * shows the option. Values are compared as strings because the DOM stringifies
+ * them anyway (MUI's `areEqualValues`).
+ */
+export declare function displayLabel(items: SelectItem[], value: SelectValue): string;
+/** The three ids the web puts on the control, spelled exactly as it spells them. */
+export declare function selectTestIds(id: string | undefined): {
+    root: string | undefined;
+    trigger: string;
+    option: (value: SelectValue) => string;
+};
+export {};
+//# sourceMappingURL=Select.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGhF,KAAK,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAEtG,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,GAC5D,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAkBvD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,mBAAmB,CAAC,CAAC,CAChB,CAAC;AAE/E,8EAA8E;AAC9E,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,oFAAoF;IACpF,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,EAAE,CAUvF;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,MAAM,CAM5E;AAED,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG;IACrD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;CACxC,CAMA"}

package/dist/types-native/components/form/Select/Select.look.native.d.ts

@@ -0,0 +1,26 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { SelectVariant } from './Select.base';
+import { type FieldState } from '../Input/Input.look.native';
+import type { UiTheme } from '../../../tokens/theme';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * WHAT A NATIVE `Select` PAINTS.
+ *
+ * The box is the `Input`'s box: a select on the web is an `OutlinedInput` with
+ * a display slot where the value would be typed, so `fieldLook` decides the
+ * fill, the edges and the inset, and this file only says what a select adds —
+ * room for the arrow, and the list under it.
+ */
+export interface SelectLook {
+    box: ViewStyle;
+    display: TextStyle;
+    iconGap: number;
+}
+export declare function selectLook(theme: UiTheme, variant: SelectVariant, size: SizeValue, state: FieldState): SelectLook;
+/** The option list's paper: MUI's `Menu`, at elevation 8 on the theme's radius. */
+export declare function menuStyle(theme: UiTheme, maxHeight: number): ViewStyle;
+/** One `MenuItem`: 48px tall at least, 6px by 16px of padding, washed when selected. */
+export declare function optionStyle(theme: UiTheme, selected: boolean, disabled: boolean): ViewStyle;
+/** A `MenuItem`'s label: MUI's `body1`, the same type the display slot sets. */
+export declare function optionTextStyle(theme: UiTheme): TextStyle;
+//# sourceMappingURL=Select.look.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAoC,KAAK,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE/F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;;GAOG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,SAAS,CAAC;IACf,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,UAAU,CAqBZ;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,CAatE;AAED,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAW3F;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAOzD"}

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

@@ -0,0 +1,72 @@
+import type { SelectVariant } from './Select.base';
+import type { InputVariant } from '../Input/Input.base';
+import type { UiTheme } from '../../../tokens/theme';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Select` RENDERERS DRAW WITH.
+ *
+ * A `Select` on the web IS an `OutlinedInput` with a display slot and an arrow
+ * where the value would be typed, so the box's own numbers — the padding, the
+ * border, the radius, the field edge — are `Input.metrics.ts`'s, read through
+ * {@link inputVariantFor} rather than restated. What is here is what a select
+ * has and a text field does not: the arrow, the option list, and the two
+ * heights MUI's `FormControl` offers.
+ */
+/** Our three variants onto the `Input` variant that draws the same box. */
+export declare const inputVariantFor: (variant: SelectVariant) => InputVariant;
+/**
+ * The house scale as a `FormControl` size.
+ *
+ * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes
+ * only two — `sm` draws small and EVERY other step, `xs` included, draws
+ * medium. Restated from `Select.tsx`'s `formControlSize` so the native side
+ * reads the same lossy map rather than inventing a kinder one.
+ */
+export declare const selectInputSize: (size: SizeValue | undefined) => "sm" | "md";
+/**
+ * The arrow: MUI's `ArrowDropDown` at `SvgIcon`'s medium size, 7px from the
+ * right edge, turned over while the list is open. The display slot reserves
+ * 32px for it, so the flow-laid glyph takes the difference as a margin.
+ */
+export declare const SELECT_ICON: {
+    readonly size: number;
+    readonly right: 7;
+    readonly displayPaddingRight: 32;
+    readonly openRotateDeg: 180;
+};
+/** What the glyph leaves between itself and the value: 32 - 24 - 7. */
+export declare const SELECT_ICON_GAP: number;
+/** `.MuiSelect-select`'s floor, MUI's `1.4375em` at the 16px body size. */
+export declare const SELECT_DISPLAY_MIN_HEIGHT = 23;
+/**
+ * The option list: MUI's `Menu` over a `MenuList` of `MenuItem`s.
+ *
+ * `selectedAlpha` is `palette.action.selectedOpacity`, which MUI doubles in
+ * dark mode; `disabledOpacity` is `palette.action.disabledOpacity`. Neither is
+ * on `UiTheme`, whose `action` carries colours rather than opacities.
+ */
+export declare const SELECT_MENU: {
+    readonly itemMinHeight: 48;
+    readonly itemPaddingVertical: 6;
+    readonly itemPaddingHorizontal: 16;
+    readonly listPaddingVertical: 8;
+    readonly selectedAlpha: {
+        readonly light: 0.08;
+        readonly dark: 0.16;
+    };
+    readonly disabledOpacity: 0.38;
+    /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */
+    readonly maxHeightInset: 96;
+};
+/** MUI's `theme.shadows[8]`, the elevation a `Menu` paper rests at. */
+export declare const MUI_MENU_SHADOW = "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)";
+/** The wash behind the option the value currently names. */
+export declare const selectedWashAlpha: (theme: UiTheme) => number;
+/**
+ * The box a select draws IS the input's box, so these are the input's tables
+ * under this component's names — the border widths, the glass and gradient
+ * alphas, the halo and the pulse. Restating them here is how the two controls
+ * would come to disagree about what an outlined field looks like.
+ */
+export { INPUT_BORDER as SELECT_BORDER, INPUT_GLASS as SELECT_GLASS, INPUT_GLOW as SELECT_GLOW, INPUT_GRADIENT as SELECT_GRADIENT, INPUT_PULSE as SELECT_PULSE, } from '../Input/Input.metrics';
+//# sourceMappingURL=Select.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,eAAe,GAAI,SAAS,aAAa,KAAG,YACX,CAAC;AAE/C;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,GAAG,SAAS,KAAG,IAAI,GAAG,IACxC,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,uEAAuE;AACvE,eAAO,MAAM,eAAe,QAC4C,CAAC;AAEzE,2EAA2E;AAC3E,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;IAOtB,8DAA8D;;CAEtD,CAAC;AAEX,uEAAuE;AACvE,eAAO,MAAM,eAAe,yGAC4E,CAAC;AAEzG,4DAA4D;AAC5D,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,KAAG,MACuC,CAAC;AAE3F;;;;;GAKG;AACH,OAAO,EACL,YAAY,IAAI,aAAa,EAC7B,WAAW,IAAI,YAAY,EAC3B,UAAU,IAAI,WAAW,EACzB,cAAc,IAAI,eAAe,EACjC,WAAW,IAAI,YAAY,GAC5B,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { View, type ViewStyle } from 'react-native';
+import type { SelectValue } from './Select.types.native';
+/**
+ * The native `Select`.
+ *
+ * The list is an absolutely positioned panel under the field rather than a
+ * portal over the screen: React Native's `Modal` traps focus, which is right
+ * for a dialog and wrong for a dropdown — and wrong for the shared stories,
+ * which expect the trigger to keep focus while the list is open. The trade is
+ * recorded in `NATIVE-NOTES.md`.
+ */
+export declare const Select: React.ForwardRefExoticComponent<import("./Select.base").SelectBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Select.base").SelectBaseProps> & {
+    value?: SelectValue;
+    defaultValue?: SelectValue;
+    onChange?: (event: import("./Select.types.native").SelectChangeEvent, option: import("./Select.base").SelectOption) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Select.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAkBtB,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAiItE;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;;;;;;;8BA+EjB,CAAC"}

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

@@ -0,0 +1,29 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { SelectBaseProps, SelectOption, SelectValue } from './Select.base';
+export type { SelectBaseProps, SelectOption, SelectValue, SelectVariant } from './Select.base';
+/**
+ * The change a native `Select` reports.
+ *
+ * Shaped as `{ target: { value } }` on purpose: that is what MUI's
+ * `SelectChangeEvent` gives the 40-odd `onChange={(e) => set(e.target.value)}`
+ * handlers in the origin apps, and a screen shared between the renderers
+ * should not have to read the value out of two different places. The chosen
+ * option arrives as the second argument, where MUI passes the menu item.
+ */
+export interface SelectChangeEvent {
+    target: {
+        value: SelectValue;
+        name?: string;
+    };
+}
+/** The native `Select`: the shared contract, plus a `View`'s own props. */
+export type SelectProps = SelectBaseProps & Omit<ViewProps, keyof SelectBaseProps | 'style'> & {
+    value?: SelectValue;
+    defaultValue?: SelectValue;
+    onChange?: (event: SelectChangeEvent, option: SelectOption) => void;
+    /** Fired when the option list opens and closes, as MUI's `Select` does. */
+    onOpen?: () => void;
+    onClose?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Select.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEhF,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE/F;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACpE,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Select } from './Select.native';
+export type { SelectBaseProps, SelectChangeEvent, SelectOption, SelectProps, SelectValue, SelectVariant, } from './Select.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

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